/*===common ===*/

a	{color: #DDDDDD; text-decoration: underline;}
a:hover	{color: #FFCC00;text-decoration: underline;}

html	{height: 101%;}
body	{text-align: center;background: #000000;}

img	{border: none;}

h1	{font: bold 18px/20px Verdana, Arial, sans-serif;color: #FFFFFF;margin: 0px 0px 10px 0px;}
h2	{font: bold 17px/18px Verdana, Arial, sans-serif;color: #DDDDDD;margin: 10px 0px 10px 0px;}
h3	{font: bold 15px/16px Verdana, Arial, sans-serif;color: #FFFFFF;margin: 0px 0px 10px 0px;}

p	{font: 14px/18px Verdana, Arial, sans-serif;color: #FFFFFF;margin-bottom: 10px;}
p.intro	{font: 12px/18px Verdana, Arial, sans-serif; color: #FFFFFF; margin-bottom: 10px;}
p.small	{font: 10px/12px Verdana, Arial, sans-serif; color: #FFFFFF; margin-bottom: 10px;}

ul	{font: 12px/16px Verdana, Arial, sans-serif;color: #ffffff;margin: 5px 0px 10px 30px;list-style : disc outside;}
ol	{font: 11px/16px Verdana, Arial, sans-serif;color: #ffffff;margin: 5px 0px 10px 30px;list-style : decimal outside;}
li	{font: 12px/16px Verdana, Arial, sans-serif;color: #ffffff;margin-bottom: 5px;}

option	{font: 10px/12px Verdana, Arial, sans-serif;color: #a91e23;}
select {font: 11px/16px Verdana, Arial, sans-serif;height: 22px;padding: 1px;}
blockquote	{margin: 10px 0px 10px 30px;}

input, textarea {background : #FFFFFF;}

#container	{margin-top: 50px;margin-left: auto;margin-right: auto;width: 1000px;text-align: left;}

/*===page stuff ===*/

#header	{position : relative;top: 0px;width: 1000px;height: 179px;background : url(../images/header_back.gif) no-repeat;text-indent : -3000px;}
#pageback	{position: relative;top: 0px;background: url(../images/page_back.gif) repeat-y top;width: 1000px;min-height:150px;height:auto !important;height:150px;padding-bottom: 10px;}

/*=== Home  ===*/

#leftcolumn	{position: relative;left: 20px;top: 20px;width: 190px;float: left;clear: both;}
#leftcolumn p	{font: 11px/16px Verdana, Arial, sans-serif;color: #000000;margin-bottom: 10px;}
#leftcolumn h2	{font: 17px/18px Verdana, Arial, sans-serif;color: #000000;margin-bottom: 10px;}
#leftcolumn a	{color: #a91e23; text-decoration: underline;}
#leftcolumn a:hover	{color: #FFCC00;text-decoration: underline;}
#leftcolumn ul	{font: 12px/16px Verdana, Arial, sans-serif;color: #a91e23;margin: 5px 0px 10px 30px;list-style : disc outside;}
#leftcolumn ol	{font: 11px/16px Verdana, Arial, sans-serif;color: #a91e23;margin: 5px 0px 10px 30px;list-style : decimal outside;}
#leftcolumn li	{font: 12px/16px Verdana, Arial, sans-serif;color: #a91e23;margin-bottom: 5px;}

#maincontent	{position: relative;top: 20px;margin: 0px 0px 40px 270px;width: 700px;}
#formcontent	{position: relative;width: 690px;left: 230px;}
#detailcontent	{position: absolute; left: 460px; width : 230px;}
#detailspan	{width: 920px;height: 1px;}


/* === Footer ===*/

#footer	{font: 11px/12px Verdana, Arial, sans-serif;color: #ffffff;display: block;clear: both;width: 700px;text-align : center;padding: 20px 0px 0px 0px;border-top : 1px solid #FFFFFF;margin-bottom: -10px;}
#footer a	{letter-spacing: 1px;text-decoration: none;}
#footer a:hover	{text-decoration: underline;}
.footeritem	{position: relative;top:10px;padding: 0px 5px 0px 5px;float: left;}

/*   ===  Navigation Bar === */

#nav {position: relative;top: 0px;left: 0px;width: 1000px;height: 30px;z-index: 10;background: url(../images/navbar.gif);margin: 0px 0px 0px 0px;padding: 0;overflow:hidden;}
#navhome li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navhome li, #navhome a {height: 30px; display: block; text-indent:-9999px; overflow:hidden;}

#navhome {left: 252px; width: 114px;}
#navabout {left: 368px; width: 190px;}
#navhistory {left: 560px; width: 118px;}
#navschedule {left: 680px; width: 165px;}
#navgetinvolved {left: 847px; width: 153px;}

#navhome a:hover {background: transparent url(../images/navbar.gif) -252px -30px no-repeat ;}
#navabout a:hover {background: transparent url(../images/navbar.gif)  -368px -30px no-repeat;}
#navhistory a:hover {background: transparent url(../images/navbar.gif) -560px -30px no-repeat;}
#navschedule a:hover {background: transparent url(../images/navbar.gif) -680px -30px no-repeat;}
#navgetinvolved a:hover {background: transparent url(../images/navbar.gif) -847px -30px no-repeat;}


/*=== forms  ===*/

#formcontent label	{font: 11px/16px Verdana, Arial, sans-serif;color: #683801;display: block;}
#formcontent input {margin: 5px 0px 10px 0px;width: 400px;background-color : #FFFFFF;}
#formcontent textarea {margin: 5px 0px 10px 0px;width: 400px;background-color : #FFFFFF;}
#formcontent select {margin: 5px 0px 10px 0px;width: 400px;background-color : #FFFFFF;}
#formcontent submit {margin: 5px 0px 10px 0px;width: 400px;}