@charset "utf-8";
/* CSS Document */

body { background: url(../assets/background.png); margin: 0; padding: 0; }
body img { border: none; }

#background-container { background: url(../assets/background-top.png) repeat-x; }

#page { width: 1000px; margin: 0 auto 50px auto; padding: 0; }

#header { background: url(../assets/header-background.png) no-repeat top left; color: #FFCC00; font-family: Verdana, Geneva, sans-serif; font-size: 11px; height: 40px; margin: 0 0 20px 0; padding: 2px 0 0 9px; }
#header a { color: #FC0; text-decoration: none; }
#header img { float: left; }
#header ul { float: left; list-style: none; margin: 11px 0 0 24px; padding: 0; }
#header ul li { display: inline; margin: 0 6px 0 0; padding: 0 }
#header .search { float: right; margin: 5px 22px 0 0; padding: 0; }
#header .search input { border: solid 1px #FC0; height: 18px; margin: 0 4px 0 0; padding: 0; width: 172px; }

#top-navigation { background: url(../assets/menu-background.png) no-repeat; clear: both; height: 41px; margin: 0; padding: 0px 0 0 0; }
#top-navigation ul { list-style-type: none; margin: 0; padding: 0; }
#top-navigation ul li {  display: block; float: left; height: 41px; margin: 0; padding: 0; }
#top-navigation ul li a { background-color: #000; background: url(../assets/menu.png) no-repeat; display: block; height: 41px; margin: 0 0 0 17px; padding: 0; }
#top-navigation ul li.home a { background-position: -1px 0; margin-left: 24px; width: 142px; }
#top-navigation ul li.home a:hover, #top-navigation ul li.home a.selected { background-position: -1px -41px; }
#top-navigation ul li.about a { background-position: -180px 0; width: 85px; }
#top-navigation ul li.about a:hover, #top-navigation ul li.about a.selected { background-position: -180px -41px; }
#top-navigation ul li.involved a { background-position: -286px 0; width: 107px; }
#top-navigation ul li.involved a:hover, #top-navigation ul li.involved a.selected { background-position: -286px -41px; }
#top-navigation ul li.past a { background-position: -406px 0; width: 133px; }
#top-navigation ul li.past a:hover, #top-navigation ul li.past a.selected { background-position: -406px -41px; }
#top-navigation ul li.news a { background-position: -556px 0; width: 102px; }
#top-navigation ul li.news a:hover, #top-navigation ul li.news a.selected { background-position: -556px -41px; }
#top-navigation ul li.faq a { background-position: -682px 0; width: 58px; }
#top-navigation ul li.faq a:hover, #top-navigation ul li.faq a.selected { background-position: -682px -41px; }
#top-navigation ul li.contact a { background-position: -767px 0; width: 96px; }
#top-navigation ul li.contact a:hover, #top-navigation ul li.contact a.selected { background-position: -767px -41px; }
#top-navigation ul li.calendar a { background-position: -884px 0; width: 83px; }
#top-navigation ul li.calendar a:hover, #top-navigation ul li.calendar a.selected { background-position: -884px -41px; }

#content-area { background-color: #FC0; clear: both; font-family: Verdana, Geneva, sans-serif; }

#breadcrumbs { color: #131a9c; font-size: 10px; margin: 0 0 18px 0; padding: 8px 0 6px 15px; }
#breadcrumbs a { color: #131a9c; }

#left-sidebar { float: left; font-size: 10px; margin: 10px 2px 0 15px; width: 274px;}
#left-sidebar a { color: #131a9e; }
#left-sidebar td { font-size: 10px; text-align: left; color: #000000;}
#left-sidebar .logo { position: relative; z-index: 2; }
#left-sidebar .content { background-color: #FFF; padding: 20px 0 20px 20px; }
#left-sidebar td.title { font-size: 12px; font-weight: bold; min-width: 70px; align}
#left-sidebar td select { height: 30px; width: 160px; font-size: 10px; }
#left-sidebar table { width: 100%; }
#left-sidebar .sponsor { padding-bottom: 35px; }

#main { float: left; margin-left: 2px; width: 692px; }
#main .content { background-color: #FFF; font-size: 11px; line-height: 130%; padding: 20px 30px 30px 30px; }
#main .content td { font-size: 11px; }
#main .content a { color: #131a9e; }
#main hr { background-color: #131a9e; border: none; color: #131a9e; height: 1px; margin-bottom: 30px; }

#footer { clear: both; color: #131a9e; font-size: 10px; padding: 18px 0 10px 15px; }
#footer a { color: #131a9e; text-decoration: none; }
#footer .links { padding-bottom: 3px; }
#footer .tpd { float: right; padding-right: 15px; }
