/* CSS Document */



* {

	margin: 0;

	padding: 0;

}

body {

	background: url(../img/bg_page3.jpg) no-repeat top left #000;

}



.clear {clear: both;}



#wrapper {

  width: 981px;

}



#navOff {

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 6;	

	visibility: hidden;



}

#navOff img {

	width: 980px;

	height: 600px;

	border: none;

}



/* LEFT NAVIGATION */

#leftBar {

  float: left;

	position: relative;

	top: 0px;

	left: 0px;

	z-index: 5;

  width: 150px;

  text-align: center;

}

#leftBar .globe {

  padding: 15px 0;

}

.leftButton {

  position: relative;

  top: 0px;

  left: 0px;

  z-index: 7;

  width: 150px;

  padding-bottom: 15px;

  background: url(../img/shim.gif) repeat top left;

}

.leftButton a {

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

  font-size: 11px;

  font-weight: bold;

  text-transform: uppercase;

  text-decoration: none;

  letter-spacing: 1px;

}

.leftButton a:link {color:#fc6;}

.leftButton a:visited {color:#fc6;}

.leftButton a:hover {color:#fff;}

.leftButton a:active {color:#fff;}



.popNavBox {

  position: absolute;

  top: -15px;

  left: 140px;

  visibility: hidden;

  z-index: 15;

  padding: 5px;

  background-color: #999967;

  border: solid 2px #000;

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

  font-size: 11px;

  font-weight: bold;

  text-align: center;

  white-space: nowrap;

}

.popNavBox h2 {

  color: #fc6;

  font-size: 14px;

}

.popNavBox a {

  text-transform: uppercase;

  text-decoration: none;

  letter-spacing: normal;  

}

.popNavBox a:link {color:#fff;}

.popNavBox a:visited {color:#fff;}

.popNavBox a:hover {color:#fc6;}

.popNavBox a:active {color:#fc6;}



.subPointLeft {

  position: absolute;

  top: 10px;

  left: -18px;

  z-index: 16;

}

.subPointLeftMap {

  position: absolute;

  top: 55px;

  left: -18px;

  z-index: 16;

}



#compass {

  height: 115px;

  background: url(../img/compass.gif) no-repeat top center;

  padding: 43px 0 0 0;

}

#compass a:link {color:#999967;}

#compass a:visited {color:#999967;}

#compass a:hover {color:#fff;}

#compass a:active {color:#fff;}

#compass .popNavBox a:link {color:#fff;}

#compass .popNavBox a:visited {color:#fff;}

#compass .popNavBox a:hover {color:#fc6;}

#compass .popNavBox a:active {color:#fc6;}



/* CONTENT AREA */

#contentArea {

  float: left;

	position: relative;

	top: 0px;

	left: 0px;

	z-index: 4;

	width: 821px;

	min-height: 540px;

/* IE6 hack to get min-height */

  height:auto !important;

  height:540px;

/* end hack */  

	background: url(../img/bg_content.jpg) no-repeat top left #E2B23F;

	border-left: solid 5px #000;

	border-right: solid 5px #000;

	padding-bottom: 50px;

}

#contentBox {

  float: left;

  width: 581px;

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

	font-size: 12px;

	color: #000;

	border-top: solid 5px #000;

}

#contentBox p {

  padding: 10px 20px 0 20px;

  /* line-height: 16px;  */

}

#contentBox ul {

  padding: 10px 20px 0 40px; 

}

#contentBox h1 {

  padding: 20px 20px 0 20px;

  font-size: 20px;

  font-weight: bold;  

}

#contentBox h2 {

  padding: 5px 20px 0 20px;

  font-size: 16px;

  font-weight: bold;  

}

#contentBox a:link {color:#660;}

#contentBox a:visited {color:#660;}

#contentBox a:hover {color:#fff;}

#contentBox a:active {color:#fff;}



#contentBox .titleImg {

  padding: 20px 20px 0 20px;

}

#contentBox .pubImg {

  float: left;

  border: solid 2px black;

  margin: 3px 10px 3px 0;

}

#contentBox .webImg {

  float: right;

  border: solid 2px black;

  margin: 3px 0 3px 10px;

}



.docList a {

  line-height: 22px;  

  font-size: 16px;

  font-weight: bold;

  text-decoration: none;

  padding-left: 15px;

}

.docList a:link {background: url(../img/r_arrow_doc.gif) no-repeat left center;}

.docList a:visited {background: url(../img/r_arrow_doc.gif) no-repeat left center;}

.docList a:hover {background: url(../img/r_arrow_doc_on.gif) no-repeat left center;}

.docList a:active {background: url(../img/r_arrow_doc_on.gif) no-repeat left center;}



/* SIDEBAR */

#sidebar {

  position: relative;

  float: right;

  width: 240px;

	border-top: solid 5px #000;  

}

#sidebarTrans {

  position: absolute;

  top: 0px;

  left:0px;

  width: 240px;

  z-index: 10;

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

	-moz-opacity: 0.5;

}

#sidebarCont {

  position: relative;

  z-index: 11;

  padding: 25px;

  text-align: center;

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

	font-size: 18px;

	font-weight: bold;

	color: #660;

	line-height: 25px;

}

#sidebarCont em {

  color: #fff;

  font-weight: normal;

  font-style: normal;

}

#sidebarCont .contact {

  font-size: 12px;

  text-transform: uppercase;

  line-height: 14px;

  padding-top: 15px;

}

#sidebarCont a:link {color:#660;}

#sidebarCont a:visited {color:#660;}

#sidebarCont a:hover {color:#fff;}

#sidebarCont a:active {color:#fff;}



#logo {

  position: absolute;

  left: -139px;

  bottom: 0px;

	width: 122px;

}



/* HEADER & GLOBAL NAV */

#header {

  position: relative;

  width: 821px;

	border-bottom: solid 5px #000;

}

#cmnmTitle {

  position: absolute;

  left: 10px;

  bottom: 10px;

}

#globalNav {

  float: right;

  padding: 10px 10px 7px 0;

  text-align: right;

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

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

}

#globalNav a {

  text-decoration: none;

}

#globalNav a:link {color:#000;}

#globalNav a:visited {color:#000;}

#globalNav a:hover {color:#fff;}

#globalNav a:active {color:#fff;}



/* TOP NAV */

#topNavBox {

  position: relative;

  height: 26px;

}

#topNavTrans {

  position: absolute;

  top: 0px;

  left:0px;

  height: 26px;

  width: 821px;

  z-index: 4;

	background-color: #D59E31;

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

	-moz-opacity: 0.2;

}

#topNav {

  position: absolute;

  top: 0px;

  left:0px;  

  z-index: 5;

  padding-top: 4px;  

}

#topNav img {

  border: none;

  padding-left: 19px;   

}



#topNav a {

  display: block;

  float: left;

  height: 18px;

  margin: 0 10px 0 5px;

}

#topNav a:link {background: url(../img/r_arrow.gif) no-repeat left top;}

#topNav a:visited {background: url(../img/r_arrow.gif) no-repeat left top;}

#topNav a:hover {background: url(../img/r_arrow_on.gif) no-repeat left top;}



#topOn {

  position: absolute;

  top: 4;

  left: -19;

  background: url(../img/r_arrow_on.gif) no-repeat left top;

  width: 18px;

  height: 18px;

}



#topSubNav {

  padding: 3px;

  background-color: #660;

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

  font-size: 12px;

  font-weight: bold;

}

#topSubNav a {

  text-transform: uppercase;

  text-decoration: none;

  letter-spacing: normal;

  margin-right: 10px;

}

#topSubNav a:link {color:#fff;}

#topSubNav a:visited {color:#fff;}

#topSubNav a:hover {color:#fc6;}

#topSubNav a:active {color:#fc6;}



#photoStrip {

	border-top: solid 5px #000;

}

.evenPhoto {

	border-left: solid 5px #000;

	border-right: solid 5px #000;  

}



/* FOOTER */

#footer {

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

	font-size: 9px;

	font-weight: bold;

	color: #fff;

	text-transform: uppercase;

	padding: 5px 0 5px 155px;

}

#footer a {

  text-decoration: none;

}

#footer a:link {color:#fff;}

#footer a:visited {color:#fff;}

#footer a:hover {color:#fc6;}

#footer a:active {color:#fc6;}



.fieldName {

  font-weight: bold;

}