/*------------ 1. defaults -----------*/

*{margin: 0; padding: 0;}
body{margin: 20px 0; color: #000;}

/*------------ 2. structure -----------*/
#wrapper{ text-align: left; width: 840px; margin: 0 auto; background-color: #fff; color: #000;}
#leftcol { float: left;	width: 570px; padding-right: 4px;}
#header{ float: left; width: 100px;}
#mainContent{ float: left; padding: 8px 4px 4px 5px; min-height: 375px;}
.separator{ clear: both; height: 4px; background-color: #ffffff; font-size: 0.1em; line-height: 0px;}
#rightCol{ float: right; width: 250px; padding: 5px; background-color: #f0f0f0; border: #ff9a00 solid 2px;}
#pullnav{ float: right;}
#footer{ border-top: #cccccc solid 3px; border-bottom: #cccccc solid 3px; background-color: #FFFFFF; z-index: 10; height: 40px;}
#footerLeft{ float: left;}
#footerRight{float: right;}
#navbar{ float: left; padding-left: 30px; background-color: #FF9A00; height: 21px; border-bottom: #fff solid 5px; width: 540px;font-size: 120%; padding-top: 3px;}
#footerRight{ color: #020f70; font-weight: bold; padding: 8px 8px 0px 0px;}
.print{ display: none;}
#mainPic1{float: left; width: 180px;	height: 139px; background-image: url(../images/DSCN0740.jpg);}
#aboutUs{ float: right; width: 350px; padding: 5px 7px 8px 8px; border-top: #020f70 solid 2px; border-bottom: #020f70 solid 2px;}
#leftMain{ float: left; width: 100px; margin-right: 8px;}
.leftMain{padding: 2px 2px 10px 2px; background-color: #f0f0f0; border: solid 2px #FA9900; margin-bottom: 10px;}
#photo_list { float: right; margin: -405px 10px 0px 0px;}
#left{float: left; width: 390px;}
#right{float: right; width: 390px;}
#right_bottom{float: right; width: 375px; margin-top: 80px}
#terms p{ margin: 0px 5px 5px 5px;}
#terms li{ margin: 0px 5px 5px 15px;}


/*------------ 3. links and navigation -----------*/
a{ color: #0000ff; text-decoration: none; font-weight: bold;}
a:visited{ color: #0000ff; text-decoration: none;}
a:hover{ color: #ff0000; text-decoration: underline;}
#navbar a{ color: #fff;}
.hand{ cursor: pointer;}

/*------------ 4. fonts -----------*/

html{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em;}
body{}
#heading th{ font-weight: bold; background-color: #EFEFEF; padding: 2px 0px 2px 12px;}
#row th{ width: 50px;}
hr{	margin-top: 6px;}	
h1, h2, h3, h4, h5, p{}
h1{	font: 1.6em bold Verdana, Arial, Helvetica, sans-serif ; color: #020f70;}
#header h1{	width: 200px; height: 80px;	position : relative;}
#header h1 span { background: url(../images/header.gif) no-repeat; width : 220px; height : 80px; position : absolute; top : 0; left : 0;}
h2{	font-size: 1.4em;}
#rightCol h2, .leftMain h2 { color: #fff; background-color: #ff9a00; padding: 2px 0px 2px 10px;	margin-bottom: 4px;}
h3{	font-size: 1.2em;}
h4{ font-size: 1.1em; margin-bottom: 5px; color: #020f90;}
h5{ font-size: 1.0em; color: #020f90; font-weight: bold; margin-bottom: 5px;}
ul{ list-style: none;}
#navbar li{	display: inline; line-height: 1.7em; font-weight: bold;}
#pullnav li { display: inline; font-weight: bold; color: #020f70;}
#footerLeft ul, #footerRight ul{ padding-top: 8px;}
#footerLeft li, #footerRight li { display: inline; }
.member ul{margin: 0px 0px 15px 100px; list-style:disc}
.member ol{margin: 0px 0px 15px 10px;}
.member li{	margin: 5px 0px 0px 13px;}
.member{font-weight: bold; margin: 10px 0px 0px 10px;}
.member h3{	margin-bottom: 10px;}
#aboutUs p{ margin: 5px 0px 5px 0px;}
#userInfo{ margin-top: 8px; color: #fa9900; font-weight: bold;}
.news{ border-bottom: solid #020f70 1px; margin: 4px 0px 0px 8px; padding-bottom: 4px;}
#content{ margin: 0px 0px 0px 108px; padding-bottom: 4px; width: 438px;}
.bold{font-weight: bold;}
.hits{ float: right; color: #fa9900; font-weight: bold; margin-top: -15px;}
.smaller{ font-size: 0.9em;}
.userInfo{line-height: 2em; color: #fa9900;	font-weight: bold;}
#component_table th{ font-weight: bold; background-color: #EFEFEF; padding: 2px 0px 2px 8px;}
#component_table td{ padding: 0px 2px 0px 8px;}
table.results { border: 1px solid #CFDCE6; font-size: 1.2em;}
table.results th{ background-color: #507EA1; color: #fff; border-bottom: 1px solid #406480; border-left: 1px solid #406480; padding: 0.5em 0.2em 0.5em 0.2em; text-align: center;}
table.results td{ padding: 0.4em; text-align: center; font-weight: bold;}
table.results tr.evens { background-color: #CECECE; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
table.results tr{ background-color:  #EFEFEF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
table.results tr:hover, table.results tr.hilite { background-color: #AAAAAA; color: #ffffff;}
td.middle, th.middle{ text-align: center;}
#classes{ font-weight: bold;}
.links { padding-left: 30px;}
#links h3, #forms h3{ margin-bottom: 4px;}
.link h4{ padding: 5px 0px 0px 0px;}
#links{ padding-left: 20px;}
.link ul, .forms ul{ margin-top: 6px;}
.forms li{ margin: 6px 0px 0px 6px;}
#msg{ background-color:#fa9900; padding: 2px 0px 2px 9px; margin-left:105px; color: #fff;}
.message{ font-weight: bold; margin: 10px 0px 20px 0px;}
.table_heading{font-weight: bold; background-color: #EFEFEF; line-height: 1.5em; text-indent: 3px; text-align:center}
.table_admin{ text-indent: 3px;}


/*------------ 5. forms -----------*/
form { padding: 8px 0px 8px 2px;}
#form select{ font-size: 100%; margin-left: 50px;}
#form label{ margin-left: 25px;}
label{ font-weight: bold;}
input { font: 0.8em Verdana, Arial, Helvetica, sans-serif ; font-weight: bold;}
input.txt, textarea.txt{ width: 70%; margin-left: 8px; font-size: 1.1em;}
select{ margin-left: 8px; font-size: 1.1em;}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;}
#form1, #form2{	margin-left: 20px; width: 90%;}
#form1 label, #form2 label{	float: left; width: 16%; margin-left: 1.0em; font-weight: bold;}
#form1 div, #form2 div{ clear: left; margin: 0.8em 0 0em 0;	font-size: 1em;}
#form1 fieldset, #form2 fieldset{ border: 1px solid #92B8CE; width: 390px; padding: 16px 8px 8px 8px; margin-bottom: 10px; background: #F2F2F2; float: left; position: relative;}
#form2 fieldset{ width: 650px;}
#form1 legend, #form2 legend{ color: #020f70; font-weight: bold; background-color: #FFF; border: solid 1px #FF9A00;	position: absolute;	left: 18px; padding: 0px 10px 0px 10px;	top: -7px;}
#form1 select, #form2 select{ font-size: 1em;}
.btn{ font-size: 1em; margin: 5px 0px 0px 0px;}
.admin_btn{ font-size: 1em; margin: -5px 0px 0px 5px;}
.search{ height: 1.6em;	padding-top: 0px;}
#loginForm input{ width: 90%; font-size: 1.1em;}



/*------------ 6. images -----------*/
img{ border: 0;}