/* ----- ----- Core Styles ----- ----- */

body		{ background: #CFF8FC; font:10pt verdana, sans-serif; color:#003366;}

/* set text-align center for IE5 */
body		{ text-align:center; }

body, td, p, ul, ol, form, td p, ul p, ol p, form p a
			{ font-family: verdana, sans-serif; color: #003366; }

/* ----- ----- Layout Styles ----- ----- */

#container	{ margin: 0px auto; background-color:#CFF8FC; text-align:left; width:800px; position: relative; }

#main		{ width:550px; float:right; position:relative; background-color: #ffffff; height: 500px;
			/* HACK: IE uses height as min-height, so set here, and override below for standards compliant browsers */
			min-height: 500px; }

div#container>div#main
			{ /* overrides the #main{height} attribute above for standards compliant browsers */
			height:auto; }

#main_wide	{ width:750px; float:right; position:relative; }

#main2		{ padding:10px 30px 10px 20px; }


/* ---------- Format Styles ----- ----- */
p			{ margin-top:0px; margin-bottom:0px; margin-left:15px; font:10pt verdana, sans-serif; color:#003366; line-height:135%; }

h1			{ font:small-caps bold 14pt "Lucida Sans", sans-serif; color:#BB1144; margin-top: 5px; margin-bottom: 5px }

a				{ text-decoration:none; color:#003366;}

a:link, a:active { background:inherit; color:#003366;}

a:hover			{ color:#ff0000; background:inherit; }

/* ----- ----- Form Styles ----- ----- */

form.inputForm label,form.inputForm input,form.inputForm select 
			{ display: block; width: 275px; float: left; margin-bottom: 15px; }

form.inputForm label 	{ padding-left:10px; }

form.inputForm input, form.inputForm select { margin-left: 15px; }

form.inputForm textarea	{ width:400px; height:8em; }

form.inputForm label { text-align: left; width: 100px; }

form.inputForm div.multi input, form.inputForm div.multi label, form.inputForm div.multi p
			{ display:block; width: auto; float: left; }

form.inputForm div.multi p { width: 275px; margin:0px; padding-left:10px; }

form.inputForm br {clear:left;}

form.inputForm fieldset 
			{ border: none; background: #EEEEDD; padding: 1em 1em 0em 1em; margin: 10px 0px; }

form.inputForm div.controls
			{ width: 80%; margin: 25px auto; text-align:center; }

form.inputForm div.controls input 
			{ float:none; display:inline; width:auto; padding: 0em 2em; }

form.inputForm input.hidden { width: auto; }

.error, .error p, .error li	{color: red;}

div#error	{ background: url(../img/exclamation.gif) no-repeat top left; padding: 0px 0px 0px 20px; }

/* ----- ----- Table Styles ----- ----- */

table		{ background-color:  #555555; border: 1px solid #aaa; border-collapse : collapse; border-spacing: 1px; padding: 0px; margin-top: 10px; margin-bottom:30px; font-size:1em; }

tr.shade td { background-color: #F7F7EF;  /*#EEEEDD; #F6F1E0;*/ }

td 			{ background-color: #ffffff; border: 1px solid #aaa; padding: 2px 3px; text-align:left; vertical-align:top; }

td ul 		{ margin-top: 0px; margin-bottom: 0px; margin-left:2em; padding-left:1em; }

td a 		{ color: #000000; font-weight:normal; text-decoration:underline; }