body, div, td, p{color: black;font-size: 12px;font-family: Optima, Verdana,Arial,Helvetica,sans-serif 	}

body{text-align: center;}



P, Body {

	font-family:verdana,Arial,Tahoma,Helvetica,sans-serif; font-weight: normal; font-size:11px; color:black; 

	}

.body {

	

	background-color : 

	color :#006699;

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

	font-size : 8pt;

   margin-left : 5px;

	margin-top: -3px;

	}

	

	A:LINK, A:VISITED {

	color : #3366CC;

	text-decoration : none;

	

}



A:HOVER {

	color : #0000CD;

	text-decoration : none;

	

	}

	

#wrapper{text-align: left;margin-right: auto;margin-left: auto;position: relative;width: 761px;height: auto	}

#pagetitle{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:black; width:761px; height:30px; position:absolute; left:24px; top:-2px; z-index:1; visibility:visible; }

#layer4 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:black; width:235px; height:465px; position:absolute; left:15px; top:85px; z-index:50; visibility:visible; }

#layer5 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:black; width:235px; height:465px; position:absolute; left:265px; top:90px; z-index:50; visibility:visible; }

#layer6 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:black; background-color:white; width:230px; height:460px; position:absolute; left:515px; top:90px; z-index:50; visibility:visible; }

#layer7 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:white; margin-top:5; padding:4pt; width:433px; height:33px; position:absolute; right:8px; bottom:12px; z-index:20; visibility:inherit; }

#layer8 { background-color:rgb(35,114,163); width:230px; height:100px; position:absolute; left:515px; top:515px; z-index:1; visibility:visible; }

#layer9 { background-color:rgb(35,114,163); width:230px; height:100px; position:absolute; left:515px; top:630px; z-index:1; visibility:visible; }

	

#bluemenu ul{

margin: 0;

padding: 0;

margin-bottom: 1em;

float: right;

font: optima, verdana;

color: White;

width: 100%;

border: 0px solid #625e00;

background-color: #3399cc;

 font-size: 10px;

 padding-top: 2px;

 padding-bottom: 2px;

 padding-left: -1px;

 padding-right: 0px;

}



* html #bluemenu ul{ /*IE only rule, reduce menu width*/

width: 100%;

}



#bluemenu ul li{

display: inline;

}



#bluemenu ul li a{

float: right;

color: white;

padding: 2px 4px;

text-decoration: none;

background: transparent url(images/vertical.jpg) center right no-repeat;

}



#bluemenu ul li a:visited{

color: White;

}



#bluemenu ul li a:hover{

color: #AFEEEE;

background-color: #3399cc;

}



.toggleopacity img{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

-moz-opacity: 0.5;

}



.toggleopacity:hover img{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

-moz-opacity: 1;

}



.toggleopacity img{

border: 1px solid #ccc;

}



.toggleborder:hover img{

border: 1px solid navy;

}



.toggleborder:hover{

color: red; /* Dummy definition to overcome IE bug */

}



	

.gallerycontainer{

position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail img{

border: 1px solid white;

margin: 0 5px 5px 0;

}



.thumbnail:hover{

background-color: transparent;

}



.thumbnail:hover img{

border: 1px solid blue;

}



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

position: absolute;

background-color: #3399cc;

padding: 2px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: white;

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: 0;

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

z-index: 50;

}



	

.markermenu{

list-style-type: none;

margin: 1px 0;

padding: 0;

width: 200px;



}



.markermenu li a{

background: white no-repeat 2px center;

font: 14px "verdana", "Trebuchet MS", arial, Helvetica, sans-serif;

color: #006699;

display: block;

width: auto;

padding: 4px 0 6px;

padding-left: 5px;

text-decoration: none;

border-bottom: 0px solid #B5B5B5;

}





* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

width: 220px;

}



.markermenu li a:visited, .markermenu li a:active{

color: #0085ca;

}



.markermenu li a:hover{

color: #001899;

}

a.info{

    position:relative; /*this is the key*/

    z-index:24; background-color:white;

    color: #2d5bb6;

    text-decoration:none}



a.info:hover{z-index:105; background-color: White;

}



a.info span{display: none}



a.info:hover span{ /*the span will display just on :hover state*/

    display:block;

	 padding: 3px;

	 padding-bottom: 3px

    position:absolute;

    top:5em; left:12em; width:41em;

    border:0px solid black;

    background-color: #006699; color:#000;

    text-align: left}







H1 {

	color : Black;

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

	font-size : 22pt;

	font-weight : lighter;

	}



H2 {

	color : Black;

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

	font-size : 14pt;

	font-weight : normal;

}



BLOCKQUOTE {

	margin-left : 4%;

}



.cssform p{

width: 300px;

clear: left;

margin: 0;

padding: 5px 0 8px 0;

padding-left: 155px; /*width of left column containing the label elements*/

border-top: 1px dashed gray;

height: 1%;

}



.cssform label{

font-weight: bold;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

}



.cssform textarea{

width: 250px;

height: 150px;

}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix{

margin-left: 3px;

}





.narrow 

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

font-size: 7pt;

color: ThreedDarkShadow; 

}



.quote {

font-family: Georgia; Verdana; Arial;

font-size: 12px; 

   font-weight: 100;

	font-style: italic;

	color: #3300CC;

	background-color: #FFF7D7;

	padding: 8px;

}



 H6 {

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

	font-size: 10pt;

	color : #000066;

   background: #EFEFEF;

	

}



CAPTION {

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

	font-weight : 100;

}



UL {

	font-size: 8pt;

	font-family: Verdana; Arial;

	font-style: inherit;

	

}



OL {

font-family: verdana; arial;

font-size: smaller;

	}

ul.list { font-family:verdana,Arial,Tahoma,Helvetica,sans-serif; font-size:9px; color:rgb(0,102,153); background-color:white; margin-top:0; margin-left:2px; }

-->