/* CSS Document */

body {
	background-color: #333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}
	
#wrapper {
	position: relative;
	width: 765px;
	height: 630px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
	}
	
#navigation {
	position: absolute;
	left: 2px;
	top: 80px;
	width: 6500px;
	height: 20px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	}
	
/* .menu1, .menu2, .menu3, .menu4 {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
      background: #eee none;
    } */
#navigation ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }

    
	#navigation li {
      margin: 0;
      padding: 0;
      float: left;
      text-align: center;
    }
	
#navigation li a {
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 4px 13px;
	color: #FFFF99;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
}

#navigation li a:hover {
	color:#003366;
	background-color: white;
	text-decoration: underline;
	}
	

#content {
	position: absolute;
	left: 155px;
	top: 105px;
	width: 405px;
	height: auto;
	background-color:#0C5446;
	color: white;
	padding: 10px;
	}
	
#content p {
	color: white;
	font: 9pt Arial, Helvetica, sans-serif;
	}
	
#content ul li {
	list-style-image:url(../images/nav_arrow.gif);
	}
	
#content a:link, #content a:visited {
	color: #FFFF99;
	text-decoration: underline;
	font-weight: bold;
	}

#content li a:hover {
	color:#003366;
	background-color: white;
	}

h1 {color: white;
	font: 14pt Arial, Helvetica, sans-serif;
	margin: 15px 0 5px 0;
	padding: 0;
	clear: both;
	}
	
h2 {color: white;
	font: bold 12pt Arial, Helvetica, sans-serif;
	margin: 15px 0 5px 0;
	padding: 0;
	clear: both;
	}
	
h3 {color: white;
	font: bold 11pt Arial, Helvetica, sans-serif;
	margin: 15px 0 5px 5px;
	padding: 0;
	clear: both;
	}
	
hr {
	height: 1px;
	margin: 0 15px 5px 35px;
	padding: 0;
	}
		
.white {
	color: white;
	}
	
#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 520px;
	font: bold 10pt Arial, Helvetica, Sans-Serif;
	color: #fff;
	text-align: left;
	height: 80px;
	background-color: #494949;
	}
	
#headcontact {
	position: absolute;
	text-align: center;
	top: 0px;
	right: 2px;
	width: 260px;
	height: 80px;
	background-color: #494949;
	color: #aaa;
	font: 16pt Arial, Helvetica, Sans-Serif;
	}
	
	
#headcontact a:link, #headcontact a:visited {
	font: 9pt Arial, Helevatica, Sans-Serif;
	color: white;
	text-decoration:none;
	margin: 0;
	padding: 0;
	}
	
#headcontact a:hover {
	color: #487;
	}
	
#header p {
	margin: 0 15px;
	color: #eee;
	font-size: 9pt;
	}
	
#right {
	position: absolute;
	right: 0px;
	top: 105px;
	width: 180px;
	height: auto;
	background-color: #494949;
	color: white;
	}
	
#right img {
	margin: 5px;
	}

#right p {
	margin: 10px 5px 5px 5px;
	}
	
#right p.byline {
	font-style: italic;
	}
	
#right p.quote {
	font-weight:500;
	}
	
#links {
	position: absolute;
	left: 0px;
	width: 150px;
	height: auto;
	top: 105px;
	background-color: #494949;
	}
	
#links a:link, #links a:visited {
	font: 8pt Arial, Helvetica, Sans-Serif;
	font-style: italic;
	color: white;
	text-decoration: none;
	}
	
#links a:hover {
	color: #487;
	}
	
#links a img {
	margin-right: 8px;
	}
	
#links hr {
	margin-left: 25px;
	}
	
#links p {
	margin: 0 0 0 25px;
	clear: both;
	font: 8pt Arial, Helevetica, Sans-Serif;
	color: #aaa;
	}
	
#links a img {
	float: left;
	}
	
.divider {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.noitalic {
	font-style: normal;
	}
	
#right .complimentary, #right a.complimentary:link, #right a.complimentary:visited {
	display: block;
	border: 1px solid #FFFF99;
	background-color:#0C5446;
	color: #FFFF99;
	margin: 10px;
	padding: 3px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	font-family: Arial, Helvetica, Sans-Serif;
	}
	
#right a.complimentary:hover {
	color:#006699;
	background-color: white;
	border-color: #006699;
	text-decoration: underline; 
	}