html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 1.7;
	background: #3393cf;
	color: #333;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

p { margin: 0; padding: 10px 0; }

a { color: green; text-decoration: none; }

a:hover { color: #cc0000; text-decoration: none; }

/* Wrapper ---------------------------------------------------------*/
#wrapper {
	margin: 0px;
	padding: 0px;
	background: url(images/bg.gif) repeat-x top;
}

.main {
	width: 950px;
	margin: 0 auto;
}

.inner {
	padding: 15px;
}

.inner a {
	font-weight: bold;
	letter-spacing: 0.5px;
}

/* Header ----------------------------------------------------------*/
#header {
	background: #05548f;
	min-width: 100%;
	height: 217px;
}

#header .main {
	background: #0a5a97;
	height: 167px;
	padding-top: 50px;
	background: url(images/header-top-bg.jpg) no-repeat top center;
}

#top-header {
	background: #fff;
	width: 948px;
	height: 122px;
	-moz-border-radius-topleft: 25px;
	border: 1px solid #fff;
}

#logo {
	width: 304px;
	height: 66px;
	margin: 35px 10px 0 0;
	float: right;
}

#topsl {
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomright: 25px;
	border: 1px solid #ebebeb;
	width: 370px;
	margin: 20px 0 0 20px;
	padding: 7px 15px;
}

#topsl ul {
	width: 500px;
}

ul li {
	list-style: none;
	padding: 8px 0 8px 40px;
}

ul li.login {
	background: url(icon/Login-Manager.jpg) no-repeat left center;
}

ul li.reg {
	background: url(icon/login.jpg) no-repeat left center;
}

#top-menu {
	background: url(images/top-menu-bg.gif) repeat-x left;
	width: 100%;
	height: 43px;
}

#top-menu ul {
	width: 100%;
	padding-top: 10px;
}

#top-menu ul li {
	display: inline;
}

#top-menu ul li a {
	color: #fff;
	font-weight: bold;
}

#top-menu ul li a:hover {
	color: #FFFF00;
}

#top-menu ul li.actived a {
	color: #FFFF00;
	font-weight: bold;
}

/* Main Body -------------------------------------------------------*/
#main-body {
	background: #3393cf url(images/main-body-bg.png) repeat-x top;
}

#main-body .main {
	background: #fff;
}

#col-left {
	width: 280px;
	float: left;
}

#col-left ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#col-left ul li {
	list-style: none;
	margin: 0px;
	height: 40px;
	padding-top: 20px;
}

#col-left ul li.red {
	background: url(images/left-menu-bg-red.jpg) no-repeat left center;
}

#col-left ul li.orange {
	background: url(images/left-menu-bg-orange.jpg) no-repeat left center;
}

#col-left ul li.green {
	background: url(images/left-menu-bg-green.jpg) no-repeat left center;
}

#col-left ul li.blue {
	background: url(images/left-menu-bg-blue.jpg) no-repeat left center;
}

#col-left ul li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 45px;
}

#container {
	width: 610px;
	float: right;
}

#content-title {
	border-bottom: 1px solid #EFEFEF;
	height: 30px;
	margin-bottom: 10px;
}

.title-ul {
	border: 1px solid #ccc;
	background: #efefef;
}

.inner ul {
	list-style: decimal;
	margin-left: 5px;
}

.inner ul li {
	padding: 3px 0 2px 0px;
	margin: 0 0 0 15px;
	list-style: decimal;
	color: #0066009oc5;
}

h1, h2, h1.left, h2.right {
	text-transform: uppercase;
}

h1 {
	color: #3366FF;
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #3366FF;
	margin: 15px 0 0 0;
	font-size: 18px;
	font-family: Tahoma;
	letter-spacing: 0.5px;
}

h3 {
	margin: 0px;
	padding: 0 0 15px;
}

#container h3 {
	margin: 0px;
	padding: 10px 0 8px 35px;
	color: #CC0066;
	font-family: Arial;
	font-size: 11px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	background: url(icon/favorite.png) no-repeat left center;
}

h1.left { text-align: right; }

/* Bottom Spotlight ------------------------------------------------*/
#bottom-spotlight {
	background: #3393cf;
}

#bottom-spotlight .main {
	background: #fff;
	height: 200px;
}

#botsl-inner {
	border-top: 1px solid #EBEBEB;
	margin: 0 15px 15px;
	padding: 15px 0 0;
}

#botsl-inner h3 {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: bold;
}

/* Footer ----------------------------------------------------------*/
#footer {
	background: #05548f url(images/footer-bg.gif) repeat-x top;
	min-width: 100%;
	height: 160px;
}

#footer .main {
	background: #0a5a97;
	height: 160px;
	background: url(images/header-top-bg.jpg) no-repeat bottom center;
}

#footer-menu {
	background: #ebebeb;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 100%;
	height: 30px;
}

#footer-menu ul {
	width: 100%;
	padding-top: 5px;
}

#footer-menu ul li {
	display: inline;
}

#footer-menu ul li a {
	color: #006699;
	font-size: 11px;
}

#footer-menu ul li a:hover {
	color: #cc0000;
}

#footer-menu ul li.actived a {
	color: #cc0000;
	font-weight: bold;
}

#copyright {
	height: 65px;
	background: #fff;
	border: 1px solid #fff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	-moz-border-radius-bottomright: 25px;
	width: 948px;
	font-size: 95%;
}

#copyright p {
	padding: 0;
}