html,body{
height:100%;
}
body{
font: 11px verdana,sans-serif;
text-align:center;
background: #336699;
color:#000;
}
p{
margin:0 10px 10px;
}
#header{
position:relative;
}
#wrapper{
float:left;
width:100%;
}
#container{
text-align:left;
width:615px;
margin:0 auto;
padding:1px;
background: #ffffff;
color:#000;
}
#content{
background:#ffffff;
margin: 0 170px;
width:260px;
height:100%;
color:#000;
}
#content2{
margin-left: 170px;
margin-right:50px;
height:100%;
}
#content p{
line-height:1.4
}
#navigation{
float:left;
width:140px;
margin-left:-615px
}
.photoimg{
padding:3px;
border: 1px solid gray;
}
#didyouknow{
background:url(images/didyou_2.gif) repeat-y;
width:175px;
margin-top:10px;
margin-left:-180px;
float:left;
line-height:1.4em;
font: 10px verdana, arial,sans-serif;
}
#didyouknow p{
padding:0px 10px 0px 20px;
}
#didyouknow2{
margin-top:-450px;
margin-right:5px;
background: #fff url(images/didyou_2.gif) repeat-y;
width:175px;
float:right;
line-height:1.4em;
font: 10px verdana, arial,sans-serif;
}
#didyouknow2 p{
padding:0px 10px 0px 20px;
color:#000;
}
#extra{
background:#ffffff;
width:155px;
margin-left:-155px;
margin-top:200px;
float:left;
line-height:1.4em;
font: 10px verdana, arial,sans-serif;
color:#000;
}
#footer{
background: #fff url(images/footer_1.gif) no-repeat;
font:  bold 11px tahoma, arial,sans-serif;
color:gray;
clear:both;
width:100%;
padding-bottom: 0;
padding-top:5px;
}
#footer p{
margin:0;
padding:5px 10px;
}
#footer a{
color: gray;
background: #fff;
}
a {
color:#287A3A;
background: #fff;
}
a:visited {
color:#287A3A;
background: #fff;
}

/* -------------------------Main Navigation ----------------------------------------------------*/
#nav {
	margin:0;
	padding-left: 0px;
	color:#fff;
	list-style-type:none;
	background: url(images/nav-tab.gif) repeat-x;
}
#nav li a {
	display:block;
	padding:5px 20px 5px 25px;
	color:#fff;	
	background:#ffffff url(images/nav-tab.gif) repeat-x;
	font:1em "Trebuchet MS","Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	 border-bottom:1px solid white;
}
#nav li a:hover,
#nav li a:active{background: #8C959E url(images/arrow.gif) no-repeat 2px;}
#nav .sel a {background:#ffffff url(images/nav-tab.gif) repeat-x 0 -300px;color:#ffffff;}
#nav .sel a:focus {background:#000 url(images/nav-tab.gif) repeat-x 0 -150px;color:#ffffff;}

#nav2{
font: bold 12px Arial, Helvetica, sans-serif;
color:#6699CC;
text-decoration:none;
list-style-image:url(images/bullet.gif);
background:#fff;
}
#nav2 li{
padding-bottom:5px;
}
#nav2 li a{
font: bold 12px Arial, Helvetica, sans-serif;
color:#6699CC;
text-decoration:none;
}
#nav2 li a:hover,
#nav2 li a:active{
color:#999999;
text-decoration:underline;
}

/* -------------------------Fonts ----------------------------------------------------*/

.headerbackground { 
background-color:#8C959E;
color:#000;}
.headings{
padding-top:10px;
padding-bottom:10px;
}
.headings1{
padding-left:170px;
padding-top:10px;
padding-bottom:10px;
}
h1{
font: normal 0.6em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#8C959E;
width:200px;
height:15px;
color:#ffffff;
padding:5px;
}
h2{
font: normal 2em "Trebuchet MS", "Tahoma", Arial, Helvetica, sans-serif;
color:#006699;
padding-top:10px;
padding-left:10px;
background: #fff;
}
h3{
font: bold 1.25em  "Trebuchet MS","Tahoma", Arial, Helvetica, sans-serif;
color:#0099E6;
padding-left:10px;
text-transform:uppercase;
background: #fff;
}
h4{
font: bold 1em "Tahoma", Arial, Helvetica, sans-serif;
color:#E67300;
padding-left:10px;
background: #fff;
}
h5{
font: bold 1.25em  "Trebuchet MS","Tahoma", Arial, Helvetica, sans-serif;
color:#E67300;
padding-left:10px;
text-transform:uppercase;
background: #fff;
}