@charset "utf-8";

@import url(reset.css);

/* stylesheet */

body {
	background: #4f4f4f;
}

#wrapper {
	width: 750px;
	margin: 0 auto;
	background: #fff;
}

#banner {
	background: url(images/banner.jpg) no-repeat;
	width: 750px;
	height: 130px;
	position: relative;
}

h1#logo {
	background: url(images/logo.jpg) no-repeat;
	height: 130px;
	width: 300px;
}

h1#logo a {
	display: block;
	height: 130px;
	width: 300px;
	text-indent: -9999px;
}

#banner_address {
	width: 250px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: 15px;
	text-align: right;
	font-size: 11px;	
}

#banner_address a {
	color: #4F4F4F;
	text-decoration: none;
}

#homebox {
	background: url(images/home-photo.jpg) no-repeat;
	height: 325px;
	width: 750px;
	clear: both;
	color: #fff;
}

#contentbox {
	padding-bottom: 10px;
	background: url(images/MS-SBS-right.png) no-repeat right bottom;
}

#leftcol {
	width: 183px;
	float: left;
}

#rightcol {
	width: 170px;
	float: right;
	
}

#maincol {
	margin: 10px 180px 10px 190px;
}
#maincol .inner {
	background: #f2f2f2;
	padding: 10px;
}

#footer {
	height: 35px;
	padding: 10px;
	font-size: 11px;
	border-top: 1px solid #4F4F4F;
	clear: both;
}

#footer a {
	margin-left: 15px;
	text-decoration: none;
	color: #4F4F4F;
}

/* nav */

#nav {
	background: url(images/nav-off.png) no-repeat;
	height: 23px;
	width: 452px;
	position: absolute;
	right: 0;
	top: 79px;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 23px;
	text-indent: -9999px;
}

#navlink1 a {
	width: 80px;
}

#navlink2 a {
	width: 80px;
}

#navlink3 a {
	width: 75px;
}

#navlink4 a {
	width: 105px;
}

#navlink5 a {
	width: 70px;
}

#navlink1 a:hover, #navlink1 a.active {
	background: url(images/nav-on.png) no-repeat 0 0;
}

#navlink2 a:hover, #navlink2 a.active {
	background: url(images/nav-on.png) no-repeat -80px 0;
}

#navlink3 a:hover, #navlink3 a.active {
	background: url(images/nav-on.png) no-repeat -160px 0;
}

#navlink4 a:hover, #navlink4 a.active {
	background: url(images/nav-on.png) no-repeat -235px 0;
}

#navlink5 a:hover, #navlink5 a.active {
	background: url(images/nav-on.png) no-repeat -340px 0;
}

/* left nav */

#col_nav {
	margin: 0 0 12px 12px;
	*margin: 10px 0 12px 12px;
}

#col_nav li {
	height: 22px;
	width: 171px;
}

#col_nav li a {
	display: block;
	line-height: 22px;
	width: 161px;
	background: url(images/leftcol-menu-bg.png) no-repeat;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
}

#col_nav li a:hover, #col_nav li a.active {
	background: url(images/leftcol-menu-bg.png) no-repeat 0 -22px;
	color: #fff;
}

/* floats */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/* text */

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4F4F4F;
}

#contentbox h2 {
	font-size: 18px;
	color: #96a2ae;
	margin-bottom: 20px;
}

#contentbox h3 {
	font-size: 13px;
	font-weight: bold;
	color: #96a2ae;
	margin-bottom: 14px;
}

#contentbox p {
	padding-bottom: 16px;
}

#contentbox #maincol ul {
	padding-bottom: 16px;
	margin-left: 35px;
	list-style: disc url(none) outside;
}

#contentbox #maincol ol {
	padding-bottom: 16px;
	margin-left: 35px;
	list-style: decimal url(none) outside;
}