* {margin: 0; padding: 0}
body {background: #A0C75A url("bg_gradient.jpg") repeat-x; font-family: Arial, Helvetica, Verdana, Arial, Sans-serif; font-size: 10px; color: #FFF}
img {border: 0}
a:link, a:visited {color: #D6E361; text-decoration: underline; font-weight: normal}
a:hover, a:focus, a:active {color: #C92905}
p {font-size: 1.15em; padding-bottom: 15px; line-height: 1.4em}
.clearer {clear: both; font-size: 0.1em; line-height: 0.1em}

/* Container
------------------------------------------------------------------------------------------*/
#container {width: 850px; margin: 0 auto; position: relative}

/* Header
------------------------------------------------------------------------------------------*/
#container #header {height: 96px; width: 760px; margin: 0 auto; position: relative}
#container h1#logoheader {width: 292px; height: 95px; position: relative}
#container #logoheader span {background: url("logo.jpg") no-repeat top left; position: absolute; width: 100%; height: 100%}


/* SEARCH INPUT
------------------------------------------------------------------------------------------*/
#header #search {position: absolute; top: 10px; right: 10px}

/* CONTENT
------------------------------------------------------------------------------------------*/
#content {height: 460px; position: relative; z-index: -1;}

/* PAGE BKGs / RANDOM BKGs
------------------------------------------------------------------------------------------*/
body#homepage #container #content {background-image: none}
body#infotemplate #container #content {background: transparent url(rotator_info.php) no-repeat top left; z-index: 0;}
body#listtemplate #container #content {background: transparent url(rotator_list.php) no-repeat top left; z-index: 0;}
body#calendartemplate #container #content {background: transparent url(rotator_cal.php) no-repeat top left; z-index: 0;}
body#calendardetailtemplate #container #content {background: transparent url(rotator_cal.php) no-repeat top left; z-index: 0;}
body#gallerytemplate #container #content {background: transparent url(rotator_gal.php) no-repeat top left; z-index: 0;}

/* SUB HEADERS
------------------------------------------------------------------------------------------*/
#container #content #subheader {width: 712px; position: relative; top: 20px; left: 68px}
#container #content #subheader h2 {font-size: 2em; position: absolute; top: 35px; padding-left: 12px; font-weight: normal}

#container #content #subheader #subnav a {font-size: 1.2em; font-weight: bold; text-decoration: none}
#container #content #subheader #subnav a:link, #content #subheader #subnav a:visited {color: #D6E361}
#container #content #subheader #subnav a:hover, #content #subheader #subnav a:focus, #content #subheader #subnav a:active {color: #C92905}
#columna .topic {font-size: 1.2em; padding: 0 0 0 10px; margin: 0 0 15px 0; font-weight: normal; color: #D6E361;  border-left: 3px solid #333;}

/* COLUMN A
------------------------------------------------------------------------------------------*/
#columna p, table {padding-right: 6px}
#columna ul {margin: 0 0 10px 0}
#columna li {list-style-type: none; list-style-position: inside; list-style-image: url(bullet_blue.gif)}
#columna {font-size: 1.15em}
#columna h2 {font-size: 1.75em; border-left: 3px solid #333; border-right: 3px solid #333; padding: 0 15px 0; margin: 0 4px 15px 0; font-weight: normal; color: #D6E361}
#columna h3 {font-size: 1.5em; padding: 0 0 5px 0; font-weight: normal}
#columna .listitem p.topic {font-size: 1.2em; padding: 0 0 0 10px; margin: 0 0 15px 0; font-weight: normal; color: #D6E361;  border-left: 3px solid #333; clear: left}

/* INDEX
------------------------------------------------------------------------------------------*/
#spotnewscontainer {position: relative; height: 108px}
#spotlight1, #spotlight2 {background: transparent url("bg_spotlight.gif") no-repeat top left; width: 163px; height: 108px; overflow: hidden; position: absolute}
#spotlight1 img, #spotlight2 img {margin: 9px 0 0 9px}
#spotlight1 {top: 0; left: 46px}
#spotlight2 {top: 0; left: 212px}
#newscontainer {background: transparent url("news_bg.gif") no-repeat top left; width: 425px; height: 108px; overflow: hidden; position: absolute; top: 0; left: 379px}
#newscontainer2 {background: gray url("news_texture.gif") no-repeat top left; width: 407px; height: 90px; overflow: hidden; position: absolute; top: 9px; left: 9px}
#news {height: 90px; position: relative; overflow: auto}
.newsitem {border-bottom: 1px dashed #000; margin-bottom: 10px}
.newsitem p {padding: 0 5px 10px 5px}
.newsitem .date, h3 .date {color: #999; font-size: 10px; font-weight: normal}
.newsitem .news_h2 a {font-size: 13px; color: #C92905; padding: 5px; font-weight: bold; text-transform: uppercase; text-decoration: none}
.newsitem .news_h2 a:hover {color: #FFF; padding: 5px; font-weight: bold; text-transform: uppercase;}

/* LIST
------------------------------------------------------------------------------------------*/
#container2 #columna .listitem {border-bottom: 1px dashed #333; margin: 0 10px 10px 0}
#container2 #columna .listitem img {padding-right: 10px; padding-bottom: 10px; float: left;}
#container2 #columna .listitem h3.title {font-size: 1.4em; font-weight: bold; color: #D6E361}
#container2 #columna .listitem .subtitle {font-size: 1.2em; font-weight: normal; padding-left: 5px; color: #D6E361}
#container2 #columna .listitem p {font-weight: normal; padding-bottom: 10px}
#container2 #columna .listitem table {width: 100%}
#container2 #columna .listitem td {vertical-align: top}
#container2 #columna .listitem .subtitle a {font-size: 1em; font-weight: normal}

/* CALENDAR
------------------------------------------------------------------------------------------*/
#container2 #columna #calcontainer {width: 692px; height: 325px; margin: 0; overflow: auto}
#container2 #columna #calcontainer #caltable {width: 100%; border-collapse: separate}
#container2 #columna #calcontainer #caltable td, #container2 #columna #calcontainer #caltable th {padding: 4px; margin: 0; text-align: left}
#container2 #columna #calcontainer #caltable th {color: #C92905; font-size: 1.2em; font-weight: normal; text-transform: uppercase; background: transparent}
#container2 #columna #calcontainer #caltable td {color: #FFF; background: #202121; border: 1px solid transparent}

/* CALENDAR DETAILS
------------------------------------------------------------------------------------------*/
#container2 #columna .caldetailheader {color: #C92905; height: 25px; text-transform: uppercase; font-size: 1.4em; font-weight: normal}
#container2 #columna #details {padding: 0 10px 0 0}
#directionscontainer, #registercontainer {border: 1px solid #666; background: #333; margin: 0 0 10px 0; padding: 10px}
#regformcontainer p {padding-bottom: 10px}
#caldetailimage {padding-bottom: 10px}
#event_registration {color: #000; background: #C0C7CA; border: 10px solid #FFF; padding: 10px 6px 15px 6px}

.horRule {height: 1px; border-top: 1px solid #333; margin: 0 0 10px 0}
.horRule hr {display: none}

/* INFO
------------------------------------------------------------------------------------------*/
#container3 {width: 432px; height: 347px; position: absolute; top: 88px; left: 69px}
#container #content .infoimg {width: 271px; text-align: center; position: absolute; top: 89px; right: 67px}
#container #content .infoimg img#infoimage {border: 2px solid #FFF}

/* GALLERY
------------------------------------------------------------------------------------------*/
#container2 #flashcontent {position: absolute; top: 6px; left: 6px;}

/* MIXED - CALENDAR
------------------------------------------------------------------------------------------*/
#container #content #columna {height: 325px; margin-left: 10px; margin-right: 6px; overflow: auto; position: relative; top: 10px}

/* MIXED - GALLERY, CALENDAR
------------------------------------------------------------------------------------------*/
#container2 {width: 712px; height: 347px; position: absolute; top: 88px; left: 69px}

/* FOOTER
------------------------------------------------------------------------------------------*/
#footer {width: 850px; margin: 10px auto 20px; font-size: 1em; text-align:center; color: #697278; clear: both}
#footer p {font-size: 1em}
#footer a {color: #697278; font-weight: normal}
#footer a:hover, #footer a:focus {color: #000}

/* SEARCH
------------------------------------------------------------------------------------------*/
#container2 #columna .searchresults {margin: 10px; padding: 10px; background: #333; line-height: 20px}
#container2 #columna .searchresults h2 {font-size: 1.2em; padding: 0; margin: 0font-weight: normal; color: #D6E361}
#container2 #columna h2 {border: none}
#container2 #columna .searchresults .list h2 {border: none; padding: 0}

#container2 #columna .resultscontainer { border: 1px solid #333; margin: 0 10px 10px 0; padding: 10px}

#noresults {text-align: center}



/* FORMs
------------------------------------------------------------------------------------------*/
fieldset {margin: 10px 0; padding: 10px; border: 1px solid #333; background: #202121}

legend {padding: 0 5px; font: bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color: #FFF}
fieldset label {display: inline-block; line-height: 12px; font-size: 12px; width: 120px}
fieldset input {margin: 0 0 0 123px}
fieldset li input {margin: 0; padding: 0}

fieldset ol {margin: 0; padding: 0}
fieldset li {list-style-type: none; padding: 5px; margin: 0; color: #FFF; list-style-image: none}
.nextbutton { padding: 0; margin: 0}


/* DROP DOWNS
------------------------------------------------------------------------------------------*/
#header #primary_nav { width: auto; padding: 0; z-index: 100; position: absolute; right: 10px; bottom: 0}

#header #primary_nav #nav li { list-style-type: none; background: url(tab_bg_r.gif) no-repeat top right}
#header #primary_nav #nav a { font: 12px normal 'Arial', Helvetica, sans serif; display: block; text-decoration: none; background: url(tab_bg_l.gif) no-repeat top left; padding: 5px 10px; color: #333}
#header #primary_nav #nav a:hover { color: red}
#header #primary_nav #nav li { float: left; position: relative; text-align: left; padding: 0; margin: 0}
#header #primary_nav #nav li ul { display: none; position: absolute; top: 100%; z-index: 101; background: #FFF; }

#header #primary_nav #nav li li a { display: block; width: 100px; padding: 5px; border: 1px solid #999; border-width: 0 1px 1px 1px; color: #666; background: #FFF}
#header #primary_nav #nav li li a:hover {color: #09F; background: #E4E4E4}
#header #primary_nav #nav li li { float: none}
#header #primary_nav #nav li:hover ul, #header #primary_nav #nav li.over ul { display: block; z-index: 120; }


/* nav-cover used to cover select form elements in IE

#nav-cover {

	position: absolute;
	top: 100%;
	left: 0;
	width: 180px;
	z-index: 101;

}

* html #nav-cover {

    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100);

}
****/