@charset "UTF-8";

body {
	font-family: Verdana, sans-serif, Arial, Helvetica;
	font-size:10pt;
	color:#333;
	background: #336699;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.topsection {
	background: #336699;
	height: 92px;
}
html*.topsection {
	background: #336699;
	height: 70px;
}

.middlesection {
	background: #e2e2e2;
}

.bottomsection {
	background: #336699;
	height: 70px;
}

.mainwrapper {
	background: #FFFFFF;
	margin: auto;
	width: 800px;
	/*border: 1px solid green;*/
	background-image: url(images/content_side_shadow.jpg);
	background-repeat: repeat-y;
}

.headingwrapper {
	margin: auto;
	width: 775px;
	/*border: 1px solid green;*/
	background-image: url(images/one_stop_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
}

html*.headingwrapper {
	margin: auto;
	width: 775px;
	/*border: 1px solid green;*/
	background-image: url(images/one_stop_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
}


.topheadingshadow {
	margin: auto;
	width: 800px;
	/*border: 1px solid green;*/
	background-image: url(images/heading_top_shadow.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 15px;
}

.sideheadingshadow {
	margin: auto;
	width: 800px;
	/*border: 2px solid green;*/
	background-image: url(images/heading_side_shadow.jpg);
	background-repeat: repeat-y;
}

.headercontent {
	width: 700px;
	margin: auto;
}

.bottomwrapper {
	background: #FFFFFF;
	margin: auto;
	width: 800px;
	/*border: 1px solid green;*/
	background-image: url(images/footer_bottom_shadow.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 60px;
}

.contentwrapper {
	width: 730px;
	margin: auto;
}

.bottomcontentwrapper {
	width: 775px;
	margin: auto;
	text-align: center;
	font-size: 80%;
}

/*
 * topmenu
 */ 
.topmenu {
	background: transparent;
	width: 775px;
	margin: auto;
	clear: both; 
	padding: 4px 0px; 
	overflow: hidden;
	position: relative;
	top: 20px;
}

html*.topmenu {
	background: transparent;
	width: 775px;
	margin: auto;
	clear: both; 
	padding: 4px 0px; 
	overflow: hidden;
	position: relative;
	top: 35px;
}

.topmenu li { display: inline; }
.topmenu a { color: #fff; padding: 4px 10px;}
.topmenu a:hover { text-decoration: none; background: #FFF; color: #000;}

.menuwrapper {
	padding-left: 1px;
}

#nav {clear: both; padding: 3px 0 0 0; overflow: hidden;}
#nav li {display: inline; font-size: 12px;}
#nav a {color: #fff; float: left; padding: 8px 10px 10px 10px;}
#nav a:hover, #nav a.current {background: url(../images/bg_nav.png) repeat-x 0 0; text-decoration: none;}

.copyright {
	margin-top: 10px;
	font-size: 80%;
	margin-bottom: 10px;
}