@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
font-size:80%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
max-width:1024px;
/*min-width:760px;*/
scrollbar-base-color: #ABADAF;
scrollbar-face-color: #3C526E;
scrollbar-shadow-color : #FFADAF; 
/*scrollbar-track-color : #FFCCCC; */
scrollbar-highlight-color : #ABADAF;  
scrollbar-darkshadow-color : #ABADAF; 
scrollbar-arrow-color : #FBAFFF; 
scrollbar-3dlight-color : #CCFFCC;
background:no-repeat;
}

img {vertical-align:middle}

a:link {color: #3C526E; text-decoration:none;/*background-color: #9FA1B7;*/}
a:visited {color: #163861; text-decoration:none;/*background-color: #9FA1B7;*/}
a:hover {color: #140D9C; background-color: #94A5B5; text-decoration:none;}
a:focus {color: #130F5D; text-decoration:none;/*background-color: #D1D2D4;*/}
a:active {color: #130F5D; text-decoration:none;/*background-color: #D1D2D4;*/}

h1, h2, h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-size:96%;
color: #9D1C28;
}

/* header styles */
#header {
width:100%;
height:112px;
overflow:hidden;
border-bottom:0px;
}

.name {
float:left;
width:180px;
height:112px;
overflow:hidden;
border-bottom:0px;
}

/* menu list window */
.menu {
clear:right;
float:none;
width:auto;
height: 79px;
overflow:hidden;
border-bottom:0px;
}

/* header menu list */
.menu ul {
width:96%;
padding:0;
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-style: italic;
font-weight:normal;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align:left;
/*control upper inline menu position with these margins*/
margin-top: 3.6em;
margin-right: 3em;
margin-left: 3em;
}

.menu ul li {
display:inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
}

.menu ul li a {
display:block;
float:left;
list-style:none;
padding:.1em .4em;
text-decoration:none;
margin-right:10px;
}

/*header2 second menu*/
.menu-years {
clear:right;
float:none;
width:auto;
height: 112px;
overflow:hidden;
border-bottom:0px;
}

.menu-years ul {
clear:left;
float: right;
text-align: left;
width: 96%;
display: table-row-group;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-size: small;
font-style: italic;
font-weight:normal;
padding:0;
list-style:none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-left: 6em;
margin-top: 1em;
}

.menu-years ul li {
display:inline;
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-size: small;
padding:0em .5em;
font-weight: normal;
}

.menu-years ul li a {
display:inline-block;
list-style:none;
/*padding: 0em .3em;*/
text-decoration:none;
margin-right:4px;
}

.menu-years a:link {color: #980404; text-decoration:none;/*background-color: #9FA1B7;*/}
.menu-years a:visited {color: #490101; text-decoration:none;/*background-color: #9FA1B7;*/}
.menu-years a:hover {color: #F60909; background-color: #94A5B5; text-decoration:none;}
.menu-years a:focus {color: #980404; text-decoration:none;/*background-color: #D1D2D4;*/}
.menu-years a:active {color: #F60909; text-decoration:none;/*background-color: #D1D2D4;*/}

/* tail image of name signature */

.nametail {
clear:none;
float:left;
width:auto;
height:30px;
overflow:hidden;
border-bottom:0px;
}

/* language choice window */
.language {
float:right;
width:auto;
height:30px;
overflow:hidden;
margin-right:20px;
}

/* content */

b{font-size: 110%;}
em{color: black;}

#contentwrapper{
clear:both;
float: left;
width: 100%;
height: 100%;
}

#container1{
float: left;
width: 90%;
}

#leftcolumn{
clear: none;
float: left;
width: 28%; /*Width of left column in percentage*/ 
height:520px; /* this height value is content dependant */
margin-top:0;
}

#content{
clear:none;
float:right;
width:72%; /*Width of content column in percentage*/
overflow:hidden; 
height:520px; /* this height value is content dependant */
}

#content div {width: 96%; }

#rightcolumn{
float: right;
width: 10%; /*Width of right column in percentage*/
margin-left: -10%; /*Set margin to that of -(RightColumnWidth)*/
height:520px;  /* this height value is content dependant */
}

.innertube{
margin: 5px;
padding:5px;
}
	
/*scrolling text box styles begin here*/
div.scroll {
height: 470px;
width: 99%;
overflow: auto;
border: 1px solid #666;
background-image: url(images/transparent-text-ground-grey-light.gif);
padding: 4px 8px;
text-align:justify;
}

div.scroll img{
border: 1px solid white;
margin: 3px 5px 5px 3px;
}
	
/*thumbnail gallery styles begin here*/
.gallerycontainer{
position: relative;
padding: 1px;
height: 470px;
width: 99%;
overflow:auto;/*This constant value creates the scrollbar for Safari*/
overflow-y:scroll;
overflow-x: visible;
border: 1px solid #666;
}

.thumbnail img{
border: 1px solid white;
margin: 3px 5px 5px 3px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgrey;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 2px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#footer a:link {color: #061926; text-decoration:none; background-color: #697A86;}
#footer a:visited {color: #061926; text-decoration:none; background-color: #697A86;}
#footer a:hover {color: #140D9C; background-color: #94A5B5; text-decoration:none;}
#footer a:focus {color: #130F5D; text-decoration:none;/*background-color: #D1D2D4;*/}
#footer a:active {color: #130F5D; text-decoration:none;/*background-color: #D1D2D4;*/}

#footer{
clear:left;
float:left;
width:100%;
overflow:hidden;
border-bottom:0px;
}

#footer ul{
clear:left;
float: left;
text-align: left;
width: 90%;
display: table-row-group;
padding:0;
list-style:none;
font-style: italic;	
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 0.7em;
margin-right: 10%;
margin-bottom: 0.7em;
margin-left: 10%;
}

#footer ul li{
display:inline;
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-size: x-small;
font-weight: normal;
}

#footer ul li a {
display:inline-block;
list-style:none;
padding:.1em .3em;
text-decoration:none;
margin-right:4px;
border-top:1px solid #566F83;
border-left:1px solid #566F83;
border-right:1px solid #566F83;
border-bottom:1px solid #566F83;
}

/*--experiments with transparency and dark text or opaque images--*/
.textbox {
background-color: #9FA1B7;
filter: alpha(opacity=25);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
-moz-opacity: 0.25; 
opacity:0.25;
}

.textwords {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-size:96%;
color: black;
}