﻿body
{
	min-width: 900px;
	background-color: silver; 
}

#wrapper
{
	width:900px;
	margin: 0 auto;
	/*position: relative;
	left: 50%;
	margin-left: -400px;*/
	background-color: white;
}

/* Header */
#header
{
	width: 880px;
	border-top: #0b2541 3px solid; /* WTTT Blue */
	padding-top:5px;
	/*border-bottom: 1px dotted #0b2541;*/
	height: 3em;
	height: 10%;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: #0b2541 3px double;

}
#header2
{
	width: 100%;
	height: 3em;
	height: 10%;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: #0b2541 3px double;
}

#header a:link, a:visited
{
	/*color: #0b2541; /* Blue */
	
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	/*margin-left: .8em;*/
	margin-left: 300px;
}

#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#header a:link, a:visited
{
	/*color: #0b2541; /* Blue */
}

#banner{
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	width:880px;
}


/* Main Content */
#maincontent{
	width: 880px;
	/*float: right;*/
	margin-left:10px;
	margin-right:2px;
	color:#0b2541; /* WTTT Blue */
	/*height:480px; /* 480 + 20 + 90 = 600 May need to remove or adjust this */
	background:#86afe7;
}

#menu
{
	width: 155px;
	float: left;
	margin-left: 2px;
	padding-left:2px;
	padding-right:2px;
	padding-top: 10px;
	/*background: White;*/
	
}
#menu h1, h2, p {
	font-size: 90%;
	line-height: 1.6em; 
	padding-right: 20px;
	padding-left: 20px;
}

#leftcontent{
	width: 505px;
	float: left;
	text-align:left;
	padding-top:5px;
	/*padding-left: 1px;*/
	/*padding-right:5px;*/
	background-color:White;
	/*margin-right:5px;*/
}

#rightcontent{
	width: 170px;
	float: right;
	margin-left: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

#rightarea
{
	float: right;
	width: 715px;
	background: #0b2541; /* WTTT Blue */
	/*margin-bottom: 10px;*/
	padding-bottom: 5px;
	padding-top: 5px;
}

	


/*#navigation
{
	width: 180px;
	float: left;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background:green;
	margin-left:5px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	border-bottom: 1px solid #ffffff;
}

#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #003ab7; 
	border-right: 1px solid #003ab7; 
	background-color: #003ab7; 
	color: #FFFFFF;           
	text-decoration: none;
}

#navigation li a:hover {
	background-color: #003ab7;
	color: #FFFFFF;
}

#navigation ul ul {
	margin-left: 2px; /*used to be 12px changed to 2px */
/*}

#navigation ul ul li
{
	border-bottom: 1px solid #003ab7; 
	margin: 0;
	background-color: white; 
	color: #003ab7; 
}

#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ffffff; 
	color: #003ab7; 
}
#navigation ul ul a:hover{
	background-color: #003ab7; 
	color: #FFFFFF; 
}*/


/* Footer Section */
#footer
{
	clear: both;
	text-align: center;
	border-top: #0b2541 3px double; /* WTTT Blue */
	border-bottom: 3px solid #0b2541; /* WTTT Blue */
	font-style: italic;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left: 0px;
	margin-right: 0px;
	width: 900px;
	border-bottom: #0b2541 3px solid;
	background-color: #0f3f80;
}


/* Ajax Map Stuff */
.map {
position: relative;
width: 400px;
height: 300px;
border:#555555 3px solid;
}

.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}   