#container
{
margin: 10px auto;
background-color: #FFFFFF;
color: #333333;
border: 1px solid;
line-height: 130%;
}

a[href^="http:"] { background: url(Images/external_link.gif) no-repeat right top; padding-right: 10px;}

#top
{
	padding: .5em;
	background-color: #CCFFFF;
	border-bottom: 1px solid;
}

#top h1
{
padding: 0;
margin: 0;
}

#topnav
{
	padding: .5em;
	background-color: #66CCFF;
	border-bottom: 1px solid;
}

a.tnav, a.tnav:link, a.tnav:visited 
{
float:auto;
width:100px;
height:25px; 
margin-top:2px; 
text-align:center; 
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#000000; 
line-height:25px; 
overflow:hidden;
}

a.tnav:hover {color:#ffffff;}
a.tnav:active {color:#ffffff;}

a.nav, a.nav:link, a.nav:visited {
display:block;
width:150px;
height:25px; 
background:#FFFFE0; 
border:1px solid #000000; 
margin-top:2px; 
text-align:center; 
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#000000; 
line-height:25px; 
overflow:hidden;
}

a.nav:hover {color:#ffffff; background:#BDB76B;}
a.nav:active {color:#ffffff; background:#BDB76B;}

#leftnav
{
float: left;
width: 150px;
margin: 0;
padding: 1em;
}


#content
{
	margin-left: 3px;
	border-left: 1px solid;
	padding: 1em;
	float: left;
	border-style: none;
	width: 70%;
}

#footer
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333333;
	background-color: #CCFFFF;
	border-top: 1px solid;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
#content
{
	margin-left: 0px;
	border-left: none; 
	padding: 1em;
	float: left;
/*	width: 80%; */
}

#leftnav
{
width: 150px; 
float:left;
margin: 0;
padding: 1em;
}

#container
{
margin: 10px auto;
background-color: #FFFFFF;
color: #333333;
border: 1px solid;
}

img{
  max-width:100%;
  height:auto;
}


}