body {	margin-top: 50px;
		color:#000; 
		background-color: #22246B;
		font-family: "Century Gothic", arial, sans-serif;
		}
		

/*positions the flash movie*/
#movie
	{position: relative;
	margin-left: 0px;
	top: -1px;
	}
	
h2 {margin: 0;
	font-size: 12px;
	color:#DD381D;
	}
	
hr { color: #CBCBCD; background: #CBCBCD; border: 0; height: 1px; text-align: center;}

ul, li {list-style-type: square; }
b {font-weight: stronger;}

/***************************************************
  Layout Element Styles
 ***************************************************/
 #wrap {margin:auto;
  
  width: 760px;
  padding: 0px;
}


#header {width: 740px;margin:auto;  height: 49px;}
.headerBG {background: url("../art/header_logo.gif") no-repeat right; height:49px;width:760px;
			}
			
/***************************************************
  Menu
 ***************************************************/


/***** pos1 and 2 positions images left and right of the nav - the right is a 1x1trans.gif hotlinked since the logo is part of the background.*/

.pos1 {float:left;}
.pos2 {float:right;margin-top:-50px;}

#menu {position:relative;left:-50px;width:610px;padding-top:26px;
 
  text-align: center;  
}

html>body #menu {position:relative;left:0px !important;width:610px;padding-top:26px;
 
  text-align: center;  
}

#menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}
 			
 #menu ul li {
 display: inline;

  list-style: none;
  text-align: center;
  font-variant: small-caps;
}

 

#menu ul li a {
  
  text-decoration: none;
font-size:12px;
  padding: 1.3em;margin-left:-8px; 
  color: #ffffff;
}

#menu ul li a:hover
 {
	text-decoration:underline;
 
}


/***************************************************
 inside menu - on the resize, did not update to use li tags - too mnay alt layouts to risk formatting upgrades.
 ***************************************************/
		a.topnav:link  {font: normal 12px "Century Gothic", arial, sans-serif;
			color:#ffffff;
			text-decoration: none;
			padding: 0px 14px;
			font-variant: small-caps;}
        
a.topnav:visited    {font: normal 12px "Century Gothic", arial, sans-serif;
			color:#ffffff;
			text-decoration: none;
			padding: 0px 14px;
			font-variant: small-caps;}

a.topnav:active  {font: normal 12px "Century Gothic", arial, sans-serif;
			color:#DD381D;
			text-decoration: none;
			padding: 0px 14px;
			font-variant: small-caps;}
        
a.topnav:hover   {font: normal 12px "Century Gothic", arial, sans-serif;
			color:#DD381D;
			text-decoration: none;
			padding: 0px 14px;
			font-variant: small-caps;}
			
			
/***************************************************
 Footer
 ***************************************************/

#footer {
   font-size:11px;
  width: 640px;
  padding: 10px 80px;  
  color: #fff;
 
  text-align: center; 
}

#footer p {
  word-spacing:2px;
}

#footer a {padding: 1.3em;
  color: #fff;text-decoration:none;
}

#footer a:hover {padding: 1.3em;
  color: #CB4E2B;text-decoration:underline;
}
 

#footer p a {
  color: #CB4E2B;
}
 

#footer ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}
 			
 #footer ul li {
 display: inline;

  list-style: none;
  text-align: center;
  font-variant: small-caps;
}


#footer ul li a {
  
  text-decoration: none;
font-size:12px;
  padding: 1.3em;margin-left:-8px; 
  color: #ffffff;
}

#footer ul li a:hover
 {
	text-decoration:underline;
 
}


/* background images */	

.shadow { background: url("../art/top_shadow.gif");
			no-repeat bottom;
			}


			
.header_inside { background-image: url("../art/header_logo.gif");
			background-repeat: no-repeat;
			}
			
.footer_inside { background-image: url("../art/footerBG.gif");
			background-repeat: no-repeat;
			}

.page_bg { background-image: url("../art/page_bg.gif");
			background-repeat: repeat-y;
			}

.section_bg { background-image: url("../art/navBG.gif");
			background-repeat: repeat-y;
			}
			
.home_box_text {font: normal 10px  "Century Gothic", arial, sans-serif; 
			color:#BEBCBD;
			width: 120:
			}
 	
						
.footerText {
			font-family: frutiger, verdana, arial, sans-serif; 
			font-size: 12px;
			word-spacing: 2px;
			color: #ffffff;
			}


		 	
h1 { font: bold 14px "Century Gothic", arial, sans-serif;
			color: #000000;
		 	}

h2.subtitle {font: italic 12px "Century Gothic", arial, sans-serif; 
			color:#5C5656;
			 }
			
									


h1.tagline { font-size: 45px;margin-left:0px;
			font-family: "Century Gothic", arial, sans-serif;
			line-height: 90%;
			color: #ffffff;
			font-weight: bolder;}


h1 { font: bold 14px "Century Gothic", arial, sans-serif;
			color: #000000;
		 	}
		 	
		 	
.image_list_bg {background-color: #cdbead;}

.credits {
	font-family: "Century Gothic", arial, sans-serif; 
	font-size: 9px;
	color: #ffffff;
	}
	
	
.padding {padding: 10px 0px 20px 30px;
			}
	
#task {font-size:10px; color:#959595;text-align:center;}
#task a {color:#959595;}


#menu_position {position: absolute;
				top: 180px;
				width: 129px;
				}
				
.blueBG {background-color: #7F8AA3;}
				

.navLinks {
	font-family: "Century Gothic", arial, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

.photoCaption {
	font-family: "Century Gothic", arial, sans-serif; 
	font-size: 10px;
	font-style: italic;
	color: #666666;
	text-decoration: none;
	padding-right: 8px;
	}

.photoClose {
	font-family: "Century Gothic", arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}



 

/* section sub menu   */
			
#submenu {}

#submenu ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	}

#submenu ul li {
	 
	display: block;
	border-bottom: 1px solid #E0651B;
	width: 109px;
	 
	float: left;
	margin: 0px;
	background-color: #E0371B;
	
}

#submenu li a {font: normal 12px "Century Gothic", arial, sans-serif;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	color: #fff;
	padding: 0px 0px 0px 0px;
	text-decoration: none;}
	

#submenu ul a:hover	{ margin:0px;
	background-color: #E0651B;
	 
	}
	
#submenu li a:hover {padding-left: 4px;
padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	 } 
	
#submenu li.current_page {
	 
	display: block;
	border-bottom: 1px solid #E0651B;
	width: 109px;
	 float: left;
	margin: 0px;
	background-color: #E0651B;
 
	}
	 
	
 
/* section background colors  */	

.nav_line	{background-color: #FFD6AD;
			}
			
			
a.subnav:link  { 
			color:#ffffff;
			font: normal 12px "Century Gothic", arial, sans-serif;
			text-decoration: none;
			}
        
a.subnav:visited    { 
			color:#ffffff;
			font: normal 12px "Century Gothic", arial, sans-serif;
			text-decoration: none;
			}

a.subnav:active  { 
			color:#ffffff;
			font: normal 12px "Century Gothic", arial, sans-serif;
			text-decoration: none;
			}
        
a.subnav:hover   { 
			color:#22246B;
			font: normal 12px "Century Gothic", arial, sans-serif;
			text-decoration: none;
			}
			
a.footer:link  {font: normal 12px frutiger, verdana, arial, sans-serif; 
			color:#ffffff;
			word-spacing: 1px;
			text-decoration: none;
 			padding: 0px 12px;}
        
a.footer:visited    {font: normal 12px frutiger, verdana, arial, sans-serif; 
			color:#ffffff;
			word-spacing: 1px;
			text-decoration: none;
 			padding: 0px 12px;}

a.footer:active  {font: normal 12px frutiger, verdana, arial, sans-serif; 
			color:#ffffff;
			word-spacing: 1px;
			text-decoration: none;
 			padding: 0px 12px;}
        
a.footer:hover   {font: normal 12px frutiger, verdana, arial, sans-serif; 
			color:#DD381D;
			word-spacing: 1px;
			text-decoration: underline;
 			padding: 0px 12px;}
 			
a.sm_white:link  {font: normal 10px "Century Gothic", arial, sans-serif; 
			color:#E2D5D5;
			text-decoration: none;
 			}
 			
        
a.download:link  {font: bold 12px "Century Gothic", arial, sans-serif; 
			color:#E0371B;
			text-decoration: none;
 			}
        
a.download:visited    {font: bold 12px "Century Gothic", arial, sans-serif;
			color:#E0371B;
			text-decoration: none;
 			}

a.download:active  {font: bold 12px "Century Gothic", arial, sans-serif;
			color:#E0371B;
			text-decoration: none;
 			}
        
a.download:hover   {font: bold 12px "Century Gothic", arial, sans-serif;
			color:#22246B;
			text-decoration: none;
 			}

 			
#MapBuilder {font: normal small verdana, arial, helvetica, sans-serif; font-size: 10pt; margin: 0px;}
#MapBuilder a {text-decoration: none; color: #0066CC; background-color: transparent;}
#MapBuilder a:hover {color: #F60; background-color: transparent;}
#MapBuilder h1 {font-weight: bold; font-size: 16pt; color: #369; border-bottom: 2px solid #369;}
#MapBuilderIW { width: 250px; color: #000000;}
#MapBuilderIWContent {height: 120px; overflow:auto;}
#MapBuilderIWCaption {font-weight: bold; font-size: 12pt; color: #369; border-bottom: 2px solid #369;}
#MapBuilderIWFooter {margin-top: 5px; font-size: 8pt; }
#MapBuilderIWFooterZoom {}
#MapBuilderIWDirections{ margin-bottom: 10px;}
#MapBuilderSideBar {float:left; margin-left: 10px; }



/*>>>>>>>>>>>>>>>>From new style sheet template*/

/***************************************************
   HTML Element Styles
 ***************************************************/



p { 
   
  padding-bottom: 10px !important;
  padding-bottom: 3px;
}


a {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover {
  color: #666;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

input {
  width: 70%;
}

textarea {
  width: 98%;
 
}
input.btn {width:80px;background-color:#603312;color:#A36E47;cursor:pointer;cursor:hand}
input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #000;
  background-color: #E7E1B8;
  border: 1px solid #C1BB95;
}

input.checkbox {width:14px;  background-color: #E7E1B8; border: 1px solid #C1BB95; position: relative; top: 4px;}

input:focus,

textarea:focus {
  color: #000;
  background-color: #E1DBB3;
  border: 1px solid #fff;
}


 
#sideBar h1 {
  text-align: right;
  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

#sideBar h1 span {
  display: block;
  padding: 2px;
  background: url(../images/rounded_bl.gif) no-repeat bottom left;
}


#content ol li { 
  color: #9BE4FF;
}

#content ol li span {
  color: #EEE;
}

#content ul {
  padding-bottom: 10px;
}

#content ul li {
  list-style-image: url(../images/li_bullet.gif);
}

blockquote {  
  margin: 0;
  background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
} 

blockquote span {
  display: block;
  padding: 5px;
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}







/***************************************************
  Site Title
 ***************************************************/

#title {
  padding: 0.6em 55px 0.6em 0;
  margin-right: 0.5em;
  float: right;
 
}

#title h1 {
  display: inline;
  color:  #222;
  background-color: #86E160;
  background-image: none;
}


/***************************************************
 Page Content
 ---------------------------------------------------
 1. Left side text
 2. Dropdown image
 3. Right side bar 
 ***************************************************/

#sidebar img.margin {margin-top:-5px;margin-bottom:5px;}

#content {  
  clear: both;
  margin: 0 auto;
  text-align: left;
   
}

.clearit	{
		clear: both;
		display: block;
		}

#text {
  float: left;
  width: 649px;!important;
	width: 659px;
 padding: 10px 5px 15px 18px !important;
  padding: 0px 5px 0px 18px;
background-color: #EFE9C0;}

#text2 {
  float: left;clear: both;
width: 659px;
 padding: 10px 5px 0px 18px !important;
  padding: 0px 5px 0px 19px;
 
background: url(../images/box_span_ie.gif) repeat-y top left;}

html>body #text2 {
 
background: #EFE9C0 url(../images/box_span.gif) repeat-y top left;padding-left:10px;}

#inside { width: 430px; float: right;margin-top:20px;}
html>body #inside { width: 449px; float: right;margin-top:20px;}

 #inside p {margin-right:10px;margin-left:10px;}

div.logo {margin-top:-10px;margin-left:-1px;line-height:80%;}
html>body div.logo {margin-top:-10px;margin-left:-1px;line-height:90%;}

div.footerBG { font-size:10px;clear: both; background:  url(../images/footerBG.gif) no-repeat top left;height:206px;width:649px;
  				color:#EFE9C0;margin-left:-1px;}

div.footerBG p {margin-top:0px;padding-left:15px;}

html>body div.footerBG span a {margin-left:305px; color:#EFE9C0;}
div.footerBG span a {font-size:10px;margin-left:290px; color:#EFE9C0;}

div.footerBG_hp { font-size:10px;clear: both; background:  url(../images/footerBG_hp.gif) no-repeat top left;height:206px;width:649px;
  					color:#EFE9C0;margin-left:-1px;}

div.footerBG_hp p {margin-top:0px;padding-left:15px;}

html>body div.footerBG_hp span a {margin-left:305px; color:#EFE9C0;}
div.footerBG_hp span a {font-size:10px;margin-left:290px; color:#EFE9C0;}

#image {
  float: left;
  vertical-align: top;
}

#sidebar {
  float: left;
  margin-top:-17px;
  margin-left:-1px;
  margin-bottom:0px;
  width: 200px;
  padding: 0px;
}

html>body #sidebar {
  float: left;
  margin-top:-17px;
  margin-left:-1px;
  margin-bottom:0px;
  width: 200px;
  padding: 0px;
}

#sidebar img.margin {margin-top:-5px;margin-bottom:5px;}

       
/***************************************************
 Sidemenu Styles
 ***************************************************/

.sideMenu {
  padding: 10px 0;
}

.sideMenu a {
  display: block;
  text-align: right;
  text-decoration: none;
  margin-bottom: 1px;  
}

.sideMenu a span {
  display: block;
  padding: 1px;
}

.sideMenu a:hover {
  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

.sideMenu a:hover span {
  background: url(../images/rounded_bl.gif) no-repeat bottom left;
}

/***************************************************
 Comment Styles
 ***************************************************/

#comments p {
  padding: 0 5px;
  margin-bottom: 0;
  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

#comments p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}

#comments img {
  margin-top: -1px;
}

#comments a {
  color: #7BD32C;
}

#comments a:visited {
  color: #AAA;
}

#comments a:hover {
  color: #FFF;
}


/***************************************************
 Generic Display Classes
 ***************************************************/

.center {
  text-align: center;
}

.noPad {
  padding: 0;
  margin: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

img.left {
  padding: 0 5px 0 0;
}

img.right {
  padding: 0 5px 0 0;
}

.button {
  width: auto;
  cursor: pointer;
}

.date {
  display: block;
  font-weight: 700;
}