html{
	overflow-y : scroll;
}
body {
	margin: 10px 0px 0px 50%;
	background: #F3D68F;
}

#wrapper {
	width: 780px;
	left: -390px;
	position: relative;
	height: 580px;
	background: #E8D89A;
}
#footer {
	font: 10px "Century Gothic", Tahoma, Arial, sans-serif;
	color: #0C44A3;
	background: #F3D68F;
	position: absolute;
	left: 0px;
	top: 580px;
	text-align: center;
	width: 780px;
}


#topbar {
	height: 100px;
	width: 780px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/skybanner.jpg);
}

#pic {
	position: absolute;
	left: 0px;
	top: 200px;
	text-align: center;
	width: 350px;
}

#navbar {
	position: absolute;
	height: 30px;
	width: 780px;
	left: 0px;
	top: 100px;
	background: #F3D68F;
	padding-left: 0px;
}

#maincontent {
	position: absolute;
	width: 380px;
	left: 350px;
	top: 200px;
	font: 16px "Century Gothic", Tahoma, Arial, sans-serif;
	color: #003399;
}
#nav {margin: 0; padding: 0}
#nav li {
	list-style: none;
	float: left;
	margin: 0 0 0 1px;
	white-space: nowrap;
	padding-left: 16px;
	background: #bbb url(images/tab_bg.jpg) no-repeat 0px 0%;
	font: 16px/30px "Century Gothic", Tahoma, Arial, sans-serif;
}
#nav a {
	text-decoration: none;
	display: block;
	font-weight: bold;
	float: left;
	background: #ddd url(images/tab_bg.jpg) no-repeat 100% 0%;
	color: #00005F;
	width: 0.1em;
	padding-right: 16px;
}
html>body #nav a {width: auto;} /* fixes ie6 hack */
/* commented backslash hides rule from ie5 mac \*/
#nav a:hover {
	color: #993333;
	}
#nav #current, #nav #current a {
	color: #00005F;
	background-image: url(images/tab_current_bg.jpg);
}
	/* commented backslash hides rule from IE5 Mac \*/
#nav a {float: none;} /* end of IE5 Mac hack */

#maincontent h1 {
	font-size: 18px;
	font-weight: bold;
}