/* CSS Document */

body{

	margin-left:4px;

	margin-right:4px;

	margin-top:10px;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 15px;

	background-image:url(images/bg.gif)

	

}



a.style1:link { color: black ; background: white; text-decoration:none; }

a.style1:visited { color: black ; background: white; text-decoration:none;   }

a.style1:hover { color: blue ; background: white; text-decoration:underline; }











.font1{

	font-family:"Times New Roman", Times, serif;

	font-size:15px;

	font-style:oblique;

	}

.font2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	}

	

.font_caption{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-style:italic;

	

	}

	

.font_table{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-style:normal;

	

	}

	

	





#container{

	

	border-bottom:1px solid;

	border-left:1px solid;

	border-right:1px solid;

	border-top:1px solid;

	border-color:#0099FF;

	

	width: 600px;

	height:700px;

	position:absolute;

	left:214px;

	top:3px;

	overflow:auto;

	background-color:#FFFFFF;

	z-index:0;

	visibility: visible;

	

}













#vertmenu {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 100%;

width: 160px;

padding: 0px;

margin: 0px;



}



#vertmenu h1 {

display: block;

background-color:#CCCCCC;

font-size: 90%;

padding: 3px 0 5px 3px;

border: 1px solid #000000;

color: #333333;

margin: 0px;

width:159px;

}



#vertmenu ul {

list-style: none;

margin: 0px;

padding: 0px;

border: none;

}

#vertmenu ul li {

margin: 0px;

padding: 0px;

}









#vertmenu ul li a {

font-size: 90%;

display:block;

border-bottom: 1px solid #0099FF;

padding: 5px 0px 2px 4px;

text-decoration: none;

color:#CCCCCC;

width:160px;

}



#vertmenu ul li a:hover, #vertmenu ul li a:focus {

color: #000000;

background-color:#CCCCCC;

}



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.thumbnail{
	color:#000000;
	text-decoration:none;
	position: relative;
	z-index: 0;
	background-color: #0000FF;

}



.thumbnail:hover{

color:#0000FF;

text-decoration:none;

background-color: transparent;

z-index: 50;

}



.thumbnail span{

	position:absolute;

	background-color:#CCCCCC;

	padding: 5px;

	left: 26px;

	border: 1px solid gray;

	visibility: hidden;

	color: black;

	text-decoration: none;

	width: 246px;

	height: 180px;

	top: 38px;





}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 200px; /*position where enlarged image should offset horizontally */



}









/*Enlarger for Officers Page*/

.thumbnail_off{

color:#000000;

text-decoration:none;

position: relative;

z-index: 1;

}



.thumbnail_off:hover{

color:#0000FF;

text-decoration:none;

background-color: transparent;

z-index: 50;

}



.thumbnail_off span{

	position:absolute;

	background-color:#CCCCCC;

	padding: 5px;

	width:300px;

	height:250px;

	border: 1px solid gray;

	visibility: hidden;

	color: black;

	text-decoration: none;

	font-size:12px;

	z-index:1;

	

	





}



.thumbnail_off span img{ /*CSS for enlarged image*/

border-width: 1px;









}



.thumbnail_off:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

left: 100px; /*position where enlarged image should offset horizontally */

top:0px;



}





.commentbox{

background-color: #ececec;

width: 450px;

padding: 10px;

}



.commentfooter{

background: url(images/arrow.gif) 65px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/

padding-left: 58px;

padding-top: 1px;

margin-bottom: 2em;

font-size: 90%;

color: #4A4A4A;

}