body{margin:0;padding:0}
html{margin:0;padding:0}
body{font:80% "Trebuchet MS",arial,sans-serif;color: navy;text-align:center;text-decoration:none;}
h2{padding-left: 0px;margin: 0}
h1{padding-left: 0px;margin: 0}
h2{font-size: 160%;color: #FFFFFF;text-align: left}
H4 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }
p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}

div.tl {background: url(images/bar_left.gif) 0 0 no-repeat;margin:15px}
div.gradient{background: #F2F2F2 url(images/bar.gif) repeat-x top;margin:5px}
div.gradient p{margin:0;margin-right:5px;padding: 3px 5px}
div.tr {background: url(images/bar_right.gif) 100% 0 no-repeat;margin-right:-5px} 
div.gradient2{background: #F2F2F2 url(fade.png) repeat-x top;margin: 0px}
div.gradient2 p{margin:0;padding: 2px 5px}
div.gradient3{background: transparent url(images/header.jpg) repeat-y left top;margin: 0px}
div.gradient3 p{margin:0;padding: 2px 5px}
div.gradient4{background: transparent url(images/table.jpg) repeat-x left top;margin: 0px}
div.gradient4 p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}

div.headbar_tl {background: #002471 url(images/subheader_left.gif) 0 0 no-repeat;height:34px;}
div.headbar{background: #002471 url(images/subheader_right.gif) 100% 0 no-repeat;margin-left:5px;height:31px;padding-left:10px;padding-top:3px}

div#container{width:700px;margin: 0 0;background-color: #C0CDF2;text-align: center;}
div#header{background-color: #ffffff;padding:0px 0}
div#header h1{color: #FFF;font-size: 300%;font-weight: 900}
div#menu{width:100%;overflow:auto;background: #e7e7e7;padding-top: 6px}
ul#nav li{list-style-type:none;margin:0;padding:0;font-size:9pt}
ul#nav{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:9px}
ul#nav li{float:left;width:74px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:74px;text-decoration:none;background: #FFC;color: #999}
ul#nav a:hover{color: #ff0000;text-decoration:none;background: #FFFFAF}
ul#nav li.active a{color: #ff0000}
div#content{clear:left;width:700px;border-top:0px solid #999;padding-top:0px;background-color: #C0CDF2}
div#footer{padding-top:10px;padding-bottom:10px;text-align: center;font-size: 90%;background: #8395CB url(images/footer_round.jpg) repeat-x top;color: #FFF}


div#box{float:left;display:inline;width:150px;margin: 5px 15px 0 5px;background:#E4E7F2;text-align:center}
div#box p{padding:0 5px}
div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}

div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}
div.news{float:left;width: 250px;background: #F0F0E7;margin-bottom: 20px}

h3{font:100% "Trebuchet MS";margin:0;padding: 0 0 3px;background: #000066 ;color: #FFF;text-align: center}
h4 {padding: 0px 5px;text-decoration: none;font-weight: bold;font-family: "Trebuchet MS";font-size: 13pt;
	color: #000080;text-align: left;}

p{margin-left:10px;margin-right:10px;padding: 5px 0px;line-height: 1.3;text-align: justify;text-decoration:none;font-size: small;
	font-family:"Trebuchet MS";color:navy}

a:hover {text-decoration: underline;}

li {margin: 0;padding: 0;list-style-type: none;}
ul {margin: 0;padding: 0;list-style-type: none;}
dd {margin: 0;padding: 0;list-style-type: none;}
dt {margin: 0;padding: 0;list-style-type: none;}
dl {margin: 0;padding: 0;list-style-type: none;}
#menu2 dl {float: left;width: 100px;background:url('images/nav/nav_background.gif') repeat-x;}
#menu2 dt {cursor: pointer;text-align: center;font-weight:normal;background:url('images/nav/nav_background.gif') repeat-x;;border: 0px solid gray;
	margin: 1px;}
#menu2 dd {display: none;border: 0px solid gray;}
#menu2 li {text-align: center;background:#eee;}
#menu2 dt a {color:#203A6C;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menu2 li a {color:#203A6C;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menu2 dt a:focus {background:#A7B9ED}
#menu2 dt a:hover {background:url('images/nav/nav_back.gif') repeat-x}
#menu2 li a:focus {background:#A7B9ED}
#menu2 li a:hover {background:url('images/nav/nav_back.gif') repeat-x}
#menu2 a.trigger {
	background-image: url(images/down2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #2A4D91;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
#menu2 {
position: absolute; /* Menu position that can be changed at will */
top: 138px;
z-index:100;
width: 100%; /* precision for Opera */
}

#tabsJ {float:left;width:100%;background:#F4F4F4;font-size:93%;line-height:normal;}
#tabsJ ul {margin:0;padding:0px 0px 0 25px;list-style:none;}
#tabsJ li {display:inline;margin:0;padding:0;}
#tabsJ a {float:left;background:url('images/tableftx.gif') no-repeat left top;margin:0;text-decoration:none;
	padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
#tabsJ a span {float:left;display:block;background:url('images/tabrightx.gif') no-repeat right top;
      color:#2A4D91; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {color:#FFF;}
#tabsJ a:hover {background-position:0% -42px;}
#tabsJ a:hover span {background-position:100% -42px;}

#buttons {float:left;width:100%;background:#transparent;font-size:93%;line-height:normal;}
#buttons ul {margin:0;padding:10px 10px 0 50px;list-style:none;}
#buttons li {display:inline;margin:0;padding:0;}
#buttons a {float:left;background:url('images/buttonleft.gif') no-repeat left top;margin:0;text-decoration:none;
	padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
#buttons a span {float:left;display:block;background:url('images/buttonright.gif') no-repeat right top;
      color:#2A4D91; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#buttons a span {float:none;}
/* End IE5-Mac hack */
#buttons a:hover span {color:#FFF;}
#buttons a:hover {background-position:0% -27px;}
#buttons a:hover span {background-position:100% -27px;}

#vbuttons {float:left;width:98%;background:#transparent;font-size:93%;line-height:normal;}
#vbuttons ul {margin:0;padding:0px 0px 0 15px;list-style:none;}
#vbuttons li {display:inline;margin:0;padding:0}
#vbuttons a {float:left;background:url('images/vista_left.gif') no-repeat left top;margin:0;text-decoration:none;
	padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0}
#vbuttons a span {float:left;display:block;background:url('images/vista_right.gif') no-repeat right top;
      color:#FFF; padding-left:6px; padding-right:15px; padding-top:7px; padding-bottom:4px}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#vbuttons a span {float:none;}
/* End IE5-Mac hack */
#vbuttons a:hover span {color:#FFF;}
#vbuttons a:hover {background-position:0% -24px;}
#vbuttons a:hover span {background-position:100% -24px;}

#sheaders {float:left;padding-top:0px;width:98%;margin-left:10px;background:#transparent;font-size:93%;line-height:normal;background:url('images/subheader_left.gif') no-repeat left top;}
#sheaders ul {margin:0;padding:0px 0px 0 5px;list-style:none;}
#sheaders li {display:inline;margin:0;padding:0}
#sheaders span {float:left;display:block;background:#002471 url('images/subheader_right.gif') no-repeat right top;
      color:#FFF; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px}

#zoom a {
	float: left;
	margin: 0 0 10px 10px;
	text-indent: -1000em; /* hide the link text */
	overflow: hidden;
	border: 5px solid #fff;
	display: block;
	width: 85px; /* show only thumbnail */
	height: 130px;
	background: url(images/geo2007.jpg) no-repeat top left;
	}

#zoom a:hover {
	width: 200px; /* adjust size to zoomed photo */
	height: 299px;
	background-position: 0 -144px; /* move the image so only the big one shows */
	}