@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}
body {
	background-color: #373b48;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a { text-decoration: none; color:#336699; font-weight:bold;}
a:hover { color: #6699FF;}
#topbar { 
	background: #000 url(images/top-bar.jpg) repeat-x;
	height: 27px;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#bottombar { 
	background: #000 url(images/bottom-bar.jpg) repeat-x;
	height: 35px;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#navbar {
	width: 652px;
	background: url(images/nav-bar.png) no-repeat right top;
	height:33px;
	float: right;
	margin-right: 50px;
	margin-top: 84px;
	text-align: right;
	padding-top: 0px;
}

.menu, .menu ul {
	z-index:1999; 
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
	text-align:left; 
	display:block; 
	position:relative;
	height:33px;
}
.menu li {float:right;}
.menu li:hover {position:relative;z-index:1999;}
.menu li:hover>ul {display:block; position:absolute;}
.menu ul li {clear:both; display:block;}

.menu a {	
	padding:5px 20px; 
	display:block; 
	border-left:1px solid #4e4e4e;
	margin:0px;
	color:#cccccc;
	font-weight:bold;
	font-size:12pt;
	height:23px;
	text-decoration: none;
	vertical-align:middle;
}
.menu a.first {border-left:0px;}
.menu a.current {background-color:#fff; color: #003366;}
#navbar li:hover>a {color:#ffffff; display:block; background: #5A6AB6;font-weight:bold;}
#sitecontainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000033;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
#mainbody {
	background-color: #e5e5e5;
	width: 860px;
	padding: 20px;
	border-top: 1px solid #000;
}
#header {
	background: url(images/header.jpg) top left no-repeat;
	width: 900px;
	height:117px;
	padding: 0px;
	margin: 0px;
}
h1 { font-size: 12pt; color: #336699; }
#footer { 
	font-size: 8pt;
	color: #ccc;
	text-align: center;
	line-height: 200%;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#formarea {
	width: 760px;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dotted #336699;
}

#formarea input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color:#333333;
	background-color: #E9E9E9;
	height: 20px;
	border: 1px solid #336699;
}
#formarea select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color:#333333;
	background-color: #E9E9E9;
	height: 20px;
	border: 1px solid #336699;
}
#formarea textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color:#333333;
	background-color: #E9E9E9;
	line-height: 20px;
	border: 1px solid #336699;
}
#formarea .sbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #336699;
	border: 1px solid #333333;
}
/* Validation */
.info {
    color: #666666;
    background-color: transparent;
    font-size: 8pt;
    font-weight: normal;
}
.warn {
    color: rgb(120,0,0);
    background-color: transparent;
    font-size: 8pt;
    font-weight: normal; 
}
.error {
    color: red;
    background-color: transparent;
    font-size: 8pt;
    font-weight: bold;
}
.req {
    color: red;
    font-weight: bold;
}
.errmsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bolder;
	color: red;
}