/* CSS Document */

body {background: #7b7b7b url(i/page_background.jpg) no-repeat top center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
#topNavHolder {width: 1000px; margin: 20px auto 10px; text-align:right; }
	#topNavHolder ul {list-style-type:none; margin-bottom:0px;margin-right: 220px;}
		#topNavHolder ul li {display:inline;}
			#topNavHolder ul li a {color: #e5e5e5; font-size: 0.7em; text-decoration:none;} 
			#topNavHolder ul li a:hover {text-decoration: underline; color: fff;}
#mainContainer {width: 1000px; margin: 10px auto; position:relative;}
#mainContent {float: left; width: 800px; height:100%;}
	#contentTop {background: transparent url(i/content_top.png) no-repeat; height:11px;}
	#contentBottom {background: url(i/content_bottom.png) no-repeat; height:20px;}
	#contentMiddle {background: url(i/content_middle.png) repeat 0 0; padding: 0px 20px 20px;}
	#contentwrapper {background-color:#fff;}
		#mainNavigation {list-style-type: none; padding:0px; margin:0px 20px;}
			#mainNavigation li {float: left; margin-right: 10px; margin-bottom: 50px;}
				#mainNavigation li a {background-image:url(i/mainInactive.jpg); background-repeat: no-repeat; color:#999; display: block; width: 120px; height: 90px; text-align:center; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size: 0.9em; text-decoration:none;}
					#mainNavigation li a span {padding-top:60px; display:block;}
				#mainNavigation li a:hover { background-image:none; background-color:#eee;  background-repeat: no-repeat; color: #fff;}
				#mainNavigation li a.selected {background-image:url(i/mainSelected.jpg); background-repeat: no-repeat; background-color:#637892; color: #fff;}

#logoHolder {float: right; width: 180px;}
#logo {width: 180px; height: 100px; background-color:#ccc; margin-top: 8px; margin-bottom: 25px;}
#contactTop {background-image: url(i/contactTop.png); background-repeat:no-repeat; height: 12px;}
#contactContent {background-image: url(i/contactMiddle.png); background-repeat:repeat-y;}
#innerContact {padding: 5px; background-color:#fff; margin: 0px 12px;}
#contactBottom { background-image:url(i/contactBottom.png); background-repeat:no-repeat; height: 12px;}

/* MAP */
#mapholder {position:relative;}
#mapholder #myController {position:absolute; top: 0px; left: 0px; list-style-type:none;}
#mapholder #myController li {font-size: 0.7em; border: 1px solid #000; padding:1px 1px 0px 1px; background-color:#fff;}
#mapholder #myController li a {cursor: pointer;}
#mapholder #myController  li.one {position: absolute; left: 460px; top: 100px; left: 460px; top: 85px;}
#mapholder #myController  li.two {position: absolute; left: 395px; top: 27px;}
#mapholder #myController  li.three {position: absolute; left: 150px; top: 60px;}
#mapholder #myController  li.four {position: absolute; left: 355px; top: 20px;}
#mapholder #myController  li.five {position: absolute; left: 350px; top: 47px;}
#mapholder #myController  li.six {position: absolute; left: 120px; top: 100px;}
#mapholder #myController  li.seven {position: absolute; left: 390px; top: 0px;}
#mapholder #myController  li.eight {position: absolute; left: 285px; top: 0px;}
#mapholder #myController  li.nine {position: absolute; left: 240px; top: 210px;}
#mapholder #myController  li.ten {position: absolute; left: 390px; top: 54px;}
#mapholder #myController  li.eleven {position: absolute; left: 550px; top: 150px;}
#mapholder #myController  li.twelve {position: absolute; left: 500px; top: 100px;}
#mapholder #myController  li.thirteen {position: absolute; left: 310px; top: 30px;}
#mapholder #myController  li.fourteen {position: absolute; left: 310px; top: 60px;}
#mapholder #myController  li.fifteen {position: absolute; left: 395px; top: 200px;}
#mapholder #myController  li.sixteen {position: absolute; left: 580px; top: 80px;}

.col60 {width: 480px; float:left;}
.col35 {width: 250px; float: right;}

#footer {clear:both;}

/* COMMON */
.clearboth {clear:both;}
.stronger {font-weight:bold;}
.floatRight {float:right; margin-left: 20px;}
.toggle {text-decoration: underline; cursor:pointer;}
.taCenter{text-align:center;}
.more {text-align:right;}
span.break {clear: both; display:block;}
.date {font-size: 0.65em; color: #999999;}
.story {color:#87a5cb;}

/* TYPOGRAPHY  */
h1 {font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #6a809c; background-image:none; background-repeat:no-repeat; padding-bottom :25px; background-position:0 23px;}
h1 span {display:block; clear:both; font-size: 0.9em;}
p, ul.normal {font-size: 0.8em; line-height: 130%; color: #333;}
h1, h2, p, h3, h4 {margin-left:17px; margin-right: 20px;}
#innerContact h2 {margin: 0px;}
#innerContact p {margin: 10px 0px;}
h2 {font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #87a5cb;}
h3 {font-size: 0.8em; color: #666;}
h4 {font-size: 0.75em; font-style:italic;}
.photocaption { display: block; width: 240px; text-align: right; color:#aaa; font-size: 0.75em; margin-bottom: 10px;}