html,body {
	margin: 0 auto;
}

#container {
	width: 100%;
}

#header {
	width: 100%;
	background-color: #0B2391;
	clear:both;
}

#logo {
	float:left;
	background: url(../images/logo.jpg) no-repeat top left;
	width: 251px;
	height: 184px;
}

#title {
	height: 184px;
}

#topBar {
	background-color: #000000;
	height: 15px;
	width:100%;
	text-align:right;
}

#wrapper {
	width: 100%;
	background-color: #0B2391;
	border-left: 20px solid #000000;
}

#navigation {
	color: #ffffff;
	width: 193px;
	float: left;
	border-top: 1px solid #004020;
}

#content {
	border-top: 4px solid #CCCCCC;
	background-color: #ffffff;
	margin-left: 193px;
	padding: 10px 10px 10px 10px;
}

#footer {
	background: url(../images/di.jpg) repeat-x;
	line-height:80px;
	height: 86px;
	width:100%;
}

body.home #navigation a#home, 
body.reports #navigation a#reports, 
body.sigmet #navigation a#sigmet,
body.significant #navigation a#significant,
body.upperwind #navigation a#upperwind,
body.icing #navigation a#icing,
body.convective #navigation a#convective,
body.help #navigation a#help{ 
background: url(../images/bj1.jpg) no-repeat;
	text-decoration:underline;
	color:#ffffff;
	cursor:default;
}