@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; } 

body { background: #005995 url(../images/bg/1bg.jpg); font: 14px Arial, Helvetica, sans-serif; color: #444444 }

a { text-decoration: none; color: #3366CC }

.right { text-align: right }
.redalert {  margin: 10px 0; padding: 5px 10px; background: #FF0000; color: #ffffff; font-weight: bold; }
.yellowalert { margin: 10px 0; padding: 5px 10px; background: #FFCC00; color: #000000; font-weight: bold; }
.redtxt { color: #ED1C24 }

#wrapper { margin: 0 auto; width: 960px; background: #FFFFFF; }

#header { width: 960px; height: 150px; float: left; display: inline }
#header img.logo { margin: 10px 0 0 15px; float: left; display: inline; }
#header a img { text-decoration: none; border: none }
#header img.title { margin: 35px 0 0 15px; float: left; display: inline; }

#member { padding: 15px 5px 0 0; width: 500px; color: #ffffff; float: right; display: inline; text-align: right }
#member a.signout { padding: 2px 5px; background: #eeeeee; colour: 3366CC; text-transform: capitalize; font-size: 10px }
#member a.signout:hover { background: #ffffff }

#mainnavbar { width: 960px; height: 50px; background: #FFFFFF url(../images/bg/page-top.gif) no-repeat top; float: left; display: inline; }

ul#mainnav { margin: 5px 10px 0 0 ; list-style: none; float: right; display: inline; text-transform: uppercase; font-size: 16px; }
ul#mainnav li { padding: 0 10px; display: inline }
ul#mainnav li a { padding: 10px 0 2px 0; display: inline-block; color: #3366CC }
ul#mainnav li a:hover { color: #CC0000; border-bottom: 3px solid #CC0000 }
ul#mainnav li a.active { color: #CC0000; border-bottom: 3px solid #CC0000 }

#banner { width: 960px; height: 266px; background: url(../images/banner.gif) no-repeat; float: left; display: inline }

#event-banner { padding: 10px; width: 940px; background: #fff; float: left; display: inline }

#homecontentarea { width: 960px; float: left; display: inline; background: #ffffff;} 
#contentarea { width: 960px; float: left; display: inline; background: #ffffff url(../images/bg/shadow-bar.gif) no-repeat;} 

#homecols { margin: 0 5px; width: 950px; float: left; display: inline }
.homecol { width: 315px; float: left; display: inline; }
.homecolcontent { margin: 5px; width: 305px; float: left; display: inline }
.homecolcontent h2 { padding: 10px 10px 7px 10px; background: #eeeeee; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #2a34b7; font: normal 20px Arial, Helvetica, sans-serif; text-transform: uppercase }
.homecolcontent p a { font-weight: bold; border-bottom: 1px solid #3366CC }
.homecolcontent p a:hover { color: #cc0000; border: none;  }

ul#subnav { margin: 5px 10px; list-style: none; font-size: 16px; }
ul#subnav li { }
ul#subnav li a { padding: 10px 10px 10px 30px; background: url(../images/bullets/link.gif) no-repeat left center; display: block; color: #3366CC } 
ul#subnav li a:hover { color: #cc0000;  } 
ul#subnav li a.active { color: #cc0000; background: url(../images/bullets/link-over.gif) no-repeat left center; } 

ul#news { margin: 5px 10px; list-style: none }
ul#news li { padding: 10px 10px 10px 30px; background: url(../images/bullets/news.gif) no-repeat left top; display: block }
ul#news li h3 { color: #cc0000 }
ul#news li a { font-weight: bold;} 
ul#news li a:hover { color: #cc0000; } 

#content ol#rules li { margin-bottom: 10px; font-weight: normal; font-size: 14px}
#content ol#rules li ol { list-style: lower-alpha }
#content ol#rules li ol li ol { list-style: upper-roman}

#leftcol { margin: 10px 5px 0 5px; width: 315px; float: left; display: inline; }
#leftcolcontent { margin: 5px; width: 305px; float: left; display: inline }
#leftcolcontent h2 { padding: 10px 10px 7px 10px; background: #eeeeee; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #2a34b7; font: normal 20px Arial, Helvetica, sans-serif; text-transform: uppercase }
#leftcolcontent h2 a { padding: 0 0 0 25px;  background: url(../images/bullets/h2-link.gif) no-repeat left center; }
#leftcolcontent h2 a:hover { color: #cc0000 } 
#leftcolcontent h2 a.active { color: #cc0000 } 

#contentcol { margin: 10px 5px 0 5px;  width: 625px; float: left; display: inline;  }
#content { margin: 5px; width: 615px; float: left; display: inline;  }
#content h1 { margin-bottom: 10px; color: #d63333; font: 35px Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#content h2 { margin-bottom: 5px; color: #3366CC; font: 25px Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#content h3 { color: #333333; font: bold 18px Arial, Helvetica, sans-serif; }
#content h4 { color: #555555; font: bold 16px Arial, Helvetica, sans-serif; }
#content p { margin: 0 0 15px 0; line-height: 150%; }
#content a { font-weight: bold; border-bottom: 1px solid #3366CC }
#content a img { border: none; text-decoration: none; }
#content a:hover { color: #cc0000; border: none;  }

#content ol, #content ul { margin: 10px 10px 10px 20px; }
#content ol li, #content ol li { font-size: 16px; font-weight: bold  }
#content ol li p{ font-size: 14px; font-weight: normal }

#content ol.plist li { font-size: 14px; margin: 10px; font-weight: normal }
#content ul.plist li { padding: 5px 0; font-size: 14px; margin: 10px; font-weight: normal }

div.hm { margin: 10px 0; width: 500px; display: inline-block;  }
div.hm img { width: 105px; height: 148px; margin: 0 20px 0 0; float: left }
div.hm h2 { margin-top: 20px; }

div#signin { margin: 0 0 0 20px; padding: 15px; width: 220px; background: #F9F9F9; float: right; display: inline; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;  }

table.contenttable { margin: 20px 0; width: 550px; border-collapse: collapse; }

table.datatable { margin: 20px 0; width: 550px; border-collapse: collapse; border: 1px solid #CCCCCC; border-bottom: none }
table.datatable th, table.datatable td { padding: 5px 10px; border-bottom: 1px solid #dddddd }
table.datatable th { text-align: left; background: #eeeeee  }
table.datatable td { }

#footer { width: 960px; background: url(../images/bg/page-bott.gif) no-repeat top; float: left; display: inline; }
#footercontent { padding: 20px 0; width: 960px; text-align: center; color: #ffffff; }
#footercontent a {color: #999999; }
#footercontent a:hover { color: #ffffff; }
#footercontent span.siteby {color: #999999; }

label { font-weight: bold; display: block; vertical-align: top; }
input { width: 500px; border: 1px solid #cccccc; padding: 4px 8px; font: bold 16px Arial, Helvetica, sans-serif; color: #666666; }
select { border: 1px solid #cccccc; padding: 4px 8px; font: bold 16px Arial, Helvetica, sans-serif; color: #666666; }
textarea { width: 500px; height: 150px; border: 1px solid #cccccc; padding: 4px 8px; font: bold 16px Arial, Helvetica, sans-serif; color: #666666; }
input.button { width: 100px;  background: #3366CC; color: #ffffff; }
.required { border: 1px solid #ED1C24; }
.errormsg { padding: 20px; margin: 0 100px 20px 0; background: #FFCC00; color: #000000; line-height: 150% }

#searchbox { margin-bottom: 20px; }
#searchbox input { padding: 5px; width: 400px; border: 1px solid #CCCCCC; display: inline; font: normal 16px Arial, Helvetica, sans-serif }
#searchbox input#btnSearch {  padding: 5px; width: 100px; display: inline; border: none; font: normal 16px Arial, Helvetica, sans-serif; background: #3366CC; color: #ffffff; }

#signin p { margin: 10px 0 0 0; }
#signin input { padding: 5px; width: 200px; font-weight: normal}
#signin input.signinbutton { margin-top: 10px; padding: 5px; width: 100px; display: inline; border: none; font: normal 16px Arial, Helvetica, sans-serif; background: #3366CC; color: #ffffff; display: block }

div#signup label { width: 200px; display: inline-block; font-weight: normal  }
div#signup input { width: 350px; }
div#signup input.button { padding: 5px; width: 100px; display: inline; border: none; font: normal 16px Arial, Helvetica, sans-serif; background: #3366CC; color: #ffffff; }
div#signup textarea { width: 350px; }
div#signup em { font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000 }

#applyonline label { padding-top: 5px; width: 190px; float: left; display: inline}
#applyonline label#agree { padding: 0 0 0 5px; margin-bottom: 15px; width: 350px; font-weight: normal; display: block }
#applyonline input { width: 300px;}
#applyonline input.agree { margin: 0; padding: 0; float: left; text-align: left; width: 15px; border: none}
#applyonline textarea { width: 250px; height: 100px;}
#applyonline .button { width: 150px; }
#applyonline em { font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-weight: bold }