﻿/*div { border: 1px solid #000; }*/

body  
{
	margin:0; 
	padding:0;             
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	text-align: center; 
}
        
#wrap { width: 780px; margin: 0px auto; }

#header { position: relative; text-align: left; background-color: #ffffff; height: 90px; width: 100%; }
#logotop { float: left; position: relative; height: 90px; }
#logotop image { position: absolute; bottom: 0px; }

#content  { text-align: left; background-color: #eeeeee; padding: 10px; font-size: 13px; }
#title { overflow:auto; background-color: #ffffff; padding: 10px; margin: 0 0 10px 0; }
#bodytext { background-color: #e0e0e0; padding: 10px; }
#footer { text-align: right; font-size: 10px; padding: 0 0 20px 0; }


h1 { margin: 0 0 0.2em 0; }
h2 { margin: 0 0 0.2em 0; }
img { border: 0; }

a { color: #BB0000; }
a:hover { color:#FF0000; }

#menu { text-align: center; background-color: #e0e0e0; padding: 5px; margin: 0 0 10px 0; }
#menu ul { display: inline; margin: 0; padding: 0; }
#menu ul li { display: inline; list-style: none; padding: 0; margin: 0; }
#menu ul li a { text-decoration:none; font-size: 16px; margin: 0; padding: 5px 8px 5px 8px;  }	
#menu ul li a:hover, #menu ul li a.currentItem { color:#FF0000; background-color:#eeeeee; }
#menu ul li a.currentItem {cursor:text;}

#registrationform { background-color: #eeeeee; padding: 20px; }
.req { color: #ff0000;}

div.formsection { padding: 0 0 1.5em 0; }

div.shorttext label, div.mediumtext label {float: left; display:block; width: 200px; }

div.shorttext { overflow: auto; padding: 0 0 1px 0;}
div.shorttext input {float: left; display:block; width: 100px; }

div.mediumtext { overflow: auto; padding: 0 0 1px 0;}
div.mediumtext input {float: left; display:block; width: 200px; }

div.longtext { overflow: auto; padding: 0 0 1px 0;}
div.longtext label { display:block; width: 400px;  }
div.longtext input { width: 400px; }
div.longtext textarea { width: 400px; }

p.smalltext { font-size: 11px; }

ul.checkboxlist { list-style:none; padding: 0px; }

ul.buttonlist { list-style:none; padding: 0px; }

fieldset { border-style: none; }
legend { color: #000000; font-size:1.5em; font-weight:bold; padding: 0 0 10px 0; }

/* Style asp:Button like asp:LinkButton */
.submit {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #BB0000;
	border-left: 0;
	color: #BB0000;
	display: inline;
	margin: 0;
	padding: 0;
}

*:first-child+html .submit {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .submit {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}


#headertestimonials { float: right; width:230px; padding:10px; font-size:11px; }
ul.testimonials { list-style:none; height:80px;	overflow:hidden; position:relative; margin:0; padding:0; }	
ul.testimonials li { position:absolute; left:0; top:0; }
ul.testimonials li.show { z-index:500; }

#bannerimages { float: right; width:230px; height: 194px; background-color: #ffffff; padding: 10px; margin: 0 0 10px 10px; }
ul.bannerimages { list-style:none; height:194px; overflow:hidden; position:relative; margin:0; padding:0; }	
ul.bannerimages li { position:absolute; left:0; bottom:0; }
ul.bannerimages li.show { z-index:500; }

table { text-align: left; }
th { background-color: #eeeeee; padding: 2px 30px 2px 3px; }
td { background-color: #f0f0f0; padding: 2px 30px 2px 3px; }
th, td { text-align: left; }

div.staffiteminner {  }
div.staffitemouter { padding: 15px 0 15px 0; border-bottom: 1px solid #aaaaaa; }
div.staffname { font-size: 15px; font-weight:bold; }
div.stafftitle { font-size: 11px; }
div.staffbiography { width: 350px; font-size: 11px; }
div.staffjoined { font-size: 11px;}
div.staffimage { float: right; }
div.staffimage img { border: 0; }
div.clearfix { clear: both; }