/*
Design by Wise Ltd.
http://www.wiselimited.com
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	background: #FFFFFF url(images/body_bk3.jpg) repeat-x bottom;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
}

#back {
	background: #FFFFFF;
	margin: 0 auto;
	width: 784px;
	height: 100%;
}

/* Header */

#header {
	width: 784px;
	height: 160px;
	margin: 0 auto;
	background: url(images/img02b.jpg) no-repeat 100%;
	border-bottom: 5px solid #0062BE;
}

/* Logo */

#logo {
	float: left;
	width: 90px;
	height: 114px;
	margin-top: 8px;
	margin-left: 42px;
}


#logo a {
	text-decoration: none;
}

#logo a:hover {
	text-decoration: none;
}

#logo img {
	border-style: none;
}


/* contact */
#contact {
	float: right;
	color: #FFFFFF;
	font: bold  0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 8px 10px 0 0;
}

/* Menu */

#menu {
	float: right;
	width: 768px;
	margin: 0px auto;
}

#menu ul {
	height: 0px;
	list-style: none;
	float: right;
}

#menu li.select {
	background: #386EC1;
	border-bottom-color: #386EC1;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 28px;
	padding: 10px 15px 0 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 28px;
	padding: 10px 15px 0 15px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003333;
}

#menu a.select {
	display: block;
	background: #386EC1;
	border-bottom-color: #386EC1;
	color: #FFFFFF;
	float: left;
	height: 28px;
	padding: 10px 15px 0 15px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menu a:hover {
	background: #386EC1;
	border-bottom: 5px solid #BFCEEF;
	color: #FFFFFF;

}

#menu active a{
	background: #386EC1;
	border-bottom-color: #386EC1;
	color: #FFFFFF;
}

#menu a b {
	text-decoration: underline;
}

/* Page */
#page {
	width: 768px;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 10px;
	background: #FFFFFF;
}

/* Main */
#main {
	float: right;
	width: 570px;
	padding: 0 10px;
}

#maintop {
	background: url(images/img5.gif) repeat-x left bottom;
	margin: 10px 0 20px 0;
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #003333;	
}

#maintop h1 {
	font: normal 180% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	border-bottom: 3px solid #D4DCF3;
	padding-bottom: 2px;
}

#maintop h2 {
	font: normal 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	padding-top: 20px;
	margin-bottom: 10px;
}

#maintop p {
	padding: 10px 20px;
	line-height: 150%;
}

#maintop ul {
	list-style: square;
	margin-left: 35px;
}

#maintop li {
	padding: 4px;
}

#mainleft {
	float: left;
	width: 48%;
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #003333;
}

#mainleft h2 {
	font: normal 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	border-bottom: 3px solid #D4DCF3;
	padding-bottom: 1px;
	margin-bottom: 10px;
}

#mainleft h3 {
	font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	padding-bottom: 1px;
	margin-bottom: 5px;
	margin-top: 10px;
}

#mainleft p {
	color: #003333;
	padding: 3px 0 10px 0;
	line-height: 120%;
}

#mainleft ul {
	list-style: square;
	margin-left: 15px;
}

#mainleft li {
	padding: 4px;
}

#mainright {
	float: right;
	width: 48%;
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #003333;
}

#mainright h2 {
	font: normal 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	border-bottom: 3px solid #D4DCF3;
	padding-bottom: 1px;
	margin-bottom: 10px;
}

#mainright h3 {
	font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	padding-bottom: 1px;
	margin-bottom: 5px;
	margin-top: 10px;
}

#mainright p {
	padding: 3px 0 10px 0;
	line-height: 120%;
}

#mainright ul {
	list-style: square;
	margin-left: 15px;
}

#mainright li {
	padding: 4px;
}

#mainbottom {
	clear: both;
	margin-bottom: 20px;
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #003333;	
}

#mainbottom h2 {
	font: normal 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	border-bottom: 3px solid #D4DCF3;
	padding-bottom: 1px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#mainbottom h3 {
	font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 1px;
	padding-top: 10px;
}

#mainbottom p {
	padding: 10px 20px;
	line-height: 150%;
}

#mainbottom ul {
	list-style: square;
	margin-left: 15px;
}

#mainbottom li {
	padding: 4px;
}


#submain {
	float: left;
	width: 74%;
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #003333;
}

#submain h2 {
	font: normal 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	padding: 10px 0 5px 0;
}

#submain h3 {
	font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 3px;
	padding-top: 10px;
}

#submain p {
	color: #003333;
	padding: 3px 0 10px 0;
	line-height: 120%;
}

#submain ul {
	list-style: square;
	margin-left: 15px;
}

#submain li {
	padding: 5px;
}

.sidebar {
	float: right;
	width: 24%;
	font: normal 87% Arial, Helvetica, sans-serif;
	border: 1px #BFCEEF solid;
	color: #666666;
	margin-left: 5px;
	margin-bottom: 20px;
}
.sidebar .heading {
	margin: 0;
	padding: 3px 2px;
	background: #BFCEEF;
	letter-spacing: 1px;
	font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	text-align: center;
}

.sidebar .heading1 {
	margin: 0;
	padding: 3px 2px;
	background: #386EC1;
	letter-spacing: 1px;
	font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

.sidebar .heading1 a {
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

.sidebar .heading1 a:hover {
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: underline;
}

.sidebar p {
	padding: 5px 5px 10px 5px;
	line-height: 130%;
}

.sidebar ul {
	list-style: none;
	margin-left: 5px;
	margin-top: 5px;
}

.sidebar li {
	padding: 3px 0 3px 10px;
	background: url(images/img03.gif) no-repeat left top;
	border: none;
}

.tabtop {
	margin: 0;
	background: #BFCEEF;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003333;
	text-align: center;
}

.optstyle {
       	background-color: #0062BE;
	color: #ffffff;
	font-weight: 600
}

/* Ad-hoc Table */
#topiclist {
	border: 1px solid;
	text-align: left;

}
#topiclist th {
	background: #BFCEEF;
	padding: 4px;
}
#topiclist td {
	border: 1px solid;
	padding: 4px;
}

.col1 {
	width: 35%;
}

#topiclist ul {
	list-style: square;
	margin-left: 35px;
}

#topiclist li {
	padding: 2px;
}

/* List class */
.list ul {
	list-style: square;
	margin-left: 15px;
}

.list li {
	padding: 3px;
}

/* Boxed */
.boxed {
	float: left;
	width: 160px;
	margin: 0 0 10px 0;
	padding: 0;
	background: #F2F5FC;
}

.boxed .heading {
	margin: 0;
	padding: 8px 10px;
	background: #3D78C9 url(images/img04.jpg) no-repeat center bottom;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.boxed .panel {
	margin: 0;
	padding: 5px 10px 10px 10px;
}

.boxed ul {
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style: none;
}

.boxed li {
	padding: 3px 0;
	border-top: 1px dotted #A6A6A6;
}

.boxed li.first {
	border: none;
}

.boxed li.firstactive {
	border: none;
	background: url(images/img03b.gif) no-repeat left top;
	color: #003333;
	font-weight: bold;
	padding-left: 10px;
}

.boxed a.firstactive {
	font-weight: bold;
	padding: 0;
}

.boxed li.active {
	background: url(images/img03b.gif) no-repeat left top;
	color: #003333;
	font-weight: bold;
	padding-left: 10px;
}

.boxed a.active {
	font-weight: bold;
	padding: 0;
}

.boxed a {
	padding-left: 10px;
	text-decoration: none;
	color: #0062BE;
}


#breadcrumbs {
	font: normal 80% Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 5px;	
}

a {
	color: #0062BE;
}

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

.imgborder {
	border: none;
	float: left;
}

#outline td {
	padding: 3px 0;
}

#outline li {
	padding: 3px;
}

.topic {
	font-weight: bold;
}

.top {
	clear: both;
	font: normal 80% Arial, Helvetica, sans-serif;
	padding: 0 10px 10px 0;
	float: right;	
}

/* Footer */

#footer {
	width: 784px;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 5px solid #0062BE;
}

#footer p {
	text-align: center;
	font-size: 80%;
}