body {margin:0; background:url(../images/body_bg.png) repeat-x #3885CC; font-family:Arial, Helvetica, sans-serif;}

#container {width:950px; margin:0 auto;}

#header {
	height:50px;
	text-align:center;
}
#logo {
	font-size:30px;
	padding:10px 0 0 5px;
	color:#FFFFFF;
}
#logo a {display:block; color:#FFFFFF; text-decoration:none;}
#slogan {float:right; padding:33px 45px 0 0; color:#FFFFFF; font-size:16px; text-align:center; font-family:"Comic Sans MS", cursive;}
#header_menu {text-align:center; color:#FFFFFF; font-size:14px; font-weight:bold; height:36px; background:url(../images/header_bg.png) no-repeat; padding-top:31px;}
#header_menu a {color:black; text-decoration:none;}
#header_menu a:hover , #header_menu .selected {color:#306DA8;}

#main {background:url(../images/main_bg.png) repeat-y; font-size:13px; line-height:17px; color:#333333; float:left; width:100%;}
#main br {line-height:10px;}
#main a {color:#3885CC;}
#main a:hover {color:#21517F;}
#text {
	margin: 30px 285px 10px 45px;
	text-align:justify;
}
#text h1 {font-size:28px; font-weight:normal; margin:24px 0 8px 0; color:#306DA8; line-height:1em; text-align:center;}
#text h2 {font-size:24px; font-weight:normal; margin:24px 0 8px 0; color:#306DA8; text-align:center;}
#text ol, #text ul {padding:0; margin:10px 0;}
#text li {margin-left:40px;}
#sidebar {width:180px; float:right; margin:6px 45px 30px 30px; display:inline;}
#sidebar h3 {font-size:20px; font-weight:normal; margin:24px 0 8px 0; color:#306DA8;}

#sidebar ul , #text ul {
	margin:0px;
	padding:0px;
}
#sidebar li , #text li {
	list-style:none;
	padding:1px 0 1px 12px;
	background:url(../images/li.png) 0px 8px no-repeat;
}

#footer_menu {height:41px; background:url(../images/footer_bg.png) no-repeat; clear:both; text-align:center; color:#FFFFFF; font-size:12px; padding-top:16px;}
#footer_menu a {color:black; text-decoration:none;}
#footer_menu a:hover , #footer_menu .selected {color:#306DA8;}

#footer {color:#D8E7F4; text-align:center; font-size:10px; margin:2px 0 15px 0;}
#footer a {color:#D8E7F4;}
#footer a:hover {color:#B0CEEA;}

.inputBox {
	padding: 5px;
}

.inputBox label {
	width: 200px;
	text-align: right;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
}

.inputBox input, .inputBox select {
	width: 200px;
}

.error, .success {
	padding: 5px 5px 5px 25px;
    margin: 5px 0px;
}

.error {
	border: 1px solid #ff0000;
	background: #ffdddd;
	background-image: url('../images/action-error.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.success {
	border: 1px solid #009900;
	background: #cfffcf;
	color: #003300;
	background-image: url('../images/action-success.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.loading {
	background: #ffdddd;
	font-weight: bold;
	padding: 6px;
	font-size: 8pt;
}