@charset "utf-8";
/* CSS Document */
@import url("reset.css");

body {font-family:Arial, Helvetica, sans-serif; font-size:9pt; background: #d9d9d9;}
a { text-decoration: none; color:#3399CC}
a:hover {text-decoration: underline; }
p {margin-bottom:15px;}
strong {font-weight:bold; }
fieldset { border: 1px #ccc dashed; padding:15px; background: #eee; margin:10px; margin-bottom:15px;}


#header { width: 100%; height: 140px; background:url(../img/headerBg.jpg) repeat-x; border-bottom:1px #333 solid;}
#headerBelow { width: 100%; height:10px; background: #ddd; border-top:1px #fff solid;}

#nav { position:absolute; top:110px; left:400px;}
#nav ul {list-style:none;}
#nav li {display:inline; color:#c0d4ea; padding-left:30px; font-weight:bold; font-size:12pt; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif}
#nav a { color:#fff; }
#nav a:hover {color:#c0d4ea; text-decoration:none; }

#main { float:left; padding-left:70px; width:100%; height:auto; padding-top:20px; background: #fff; padding-bottom:40px;}
#mainInner { width:500px; float:left;}
#mainInner h1 { color: #3d72ac; font-size: 16pt; font-family: Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px #ddd dotted; border-left: 1px #ddd dotted; padding-left:10px; margin-bottom:10px;}
#mainInner h2{ color:#3399CC; font-size: 13pt; font-family:Georgia, "Times New Roman", Times, serif; font-weight:light; margin-top:20px; padding:15px 5px;}
#mainInner ul, #mainBox ul {list-style-image:url(../img/bullet.jpg); margin-left:50px;}
#mainInner li, #mainBox li {padding-top:5px;}

#mainBox {float:left; margin-left:20px; border:1px #ccc solid; background:#eee; padding:20px;}
#mainBox h2{ color:#444; font-size: 9pt; font-family:Verdana, Arial, Helvetica, sans-serif;padding:10px 5px;}
#mainBoxInner {margin:10px; border:1px #ccc solid; background:#F3F3F3; padding:10px; text-align:center;}

#backtotop { float:right; border-top:1px #ddd dotted; width:100px; margin-top:10px; }
#backtotop a{ color:#999; font-size:8pt; }

#footer { float:left; width:100%; height:140px; background: #d9d9d9 url(../img/footer.jpg) no-repeat;}
#footerText { font-size: 8pt; color: #333; margin-left: 70px; padding-top:10px; }
#footer a { color:#333;  }
#footer a:hover {color:#777; text-decoration:none; }

#image { margin:0 auto; text-align:center;}
#image img { border:1px solid}
#image a:hover {text-decoration:none;}


.form textarea { 	width: 400px;	margin-bottom: 10px; }
.form input { vertical-align:middle; margin-left: 5px; }
.formUnit { padding-bottom: 10px;  display:block; height:25px;}
.formUnit label { width:150px; float:left;}
.formUnit input { float:none; width:250px;}
.formUnit select {margin-left:5px;float:left;}

.formUnitVertical input, .formUnitVertical textarea { margin: 3px 0px 5px 0px; }
.formUnitVertical textarea {width:405px;}
.formUnitVertical input { width:175px; }

.btn {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color:#FFFFFF;
	cursor:pointer;
	background: #3399CC;
	padding:2px;
}

.error {
	background: #F8D0C9 center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
	color:#990000;
	margin-bottom: 10px;
	vertical-align: middle;
	height:auto;
}