/* reset margin and padding to 0 for all elements */
html, body, p, h1, h2, h3, h4, h5, h6, div, ul, li {
margin: 0;
padding: 0;
}

/* This fixes an IE bug that caused awkward text-resizing */
html {
font-size: 100%;
}

body {
text-align: center;
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
background: url(/img/background.gif);
}

a {
text-decoration: none;
color: #6d9d52;
}

a:hover {
color: #016b98;
}

li {
margin-left: 1em;
}

.secondary h1 {
font-size: 130%;
margin-bottom: 0.1em;
font-weight: bold;
}


/* this prevents images from disappearing in IE 6 */
img { 
/* position: relative; */
border: none; /* and this removes image borders unless explicitly set */
}

#header {
background: url(/img/bkg-header.gif);
}

#footer {
margin-bottom: 1em;
color: #ae5e09;
font-size: 85%;
}

#page {
width: 855px;
margin: auto;
}

#content-bkg {
background: url(/img/bkg-content-middle.gif);
width: 859px;
}

#content {
text-align: left;
background: url(/img/bkg-content-middle.jpg) no-repeat 0 30px;
}

.secondary #content-bkg {
background: url(/img/bkg-secondary-content.gif);
}

.secondary #content {
background: none;
background: url(/img/bkg-content-middle2.gif) no-repeat;
position: relative;
}

#content p {
margin-bottom: 1em;
}

.secondary #maincontent {
margin-left: 35px;
width: 564px;
float: left;
padding-top: 280px;
padding-right: 30px;
}

.secondary #sidebar {
float: left;
width: 228px;
margin-top: 50px;
z-index: 1999;
}

.line {
margin: 10px 0;

}

.preload {
display: none;
}

.clear {
clear: both;
}

#site-id {
margin-left: 8px;
height: 154px;
width: 874px;
}

#content-bottom {
margin-bottom: -4px;
}

#footer-cross {
margin-top: 5px;
margin-bottom: 10px;
}

.highlight {
color: #ae5e09;
}

/* Main Menu - dropdown menus */
#mainmenu-center {
display: table;
margin: auto;
}

#mainmenu {

}

#mainmenu li {
list-style-type: none;
display: table-cell;
}

#mainmenu li a, 
#mainmenu li span {
display: block;
color: white;
font-weight: bold;
padding: 0 1em;
padding-bottom: 16px;
}

#mainmenu li a:hover, 
#mainmenu li span:hover {
color: #014a69;
text-decoration: none;
}

#mainmenu li:hover a, 
#mainmenu li:hover span {
color: #014a69;
}

#mainmenu li:hover li a {
color: white;
}

#mainmenu li ul {
position: absolute;
z-index: 999;
text-align: left;
background: #016b98;
display: none;
width: 160px;
font-size: 85%;
opacity: .95;
filter: alpha(opacity=95);
}

#mainmenu li ul li {
display: block;
margin: 0;
}

#mainmenu li ul li a, 
#mainmenu li ul li span {
display: block;
border-bottom: dotted 1px #123654;
padding: 8px 10px;
font-weight: normal;
}

#mainmenu li:hover ul {
display: block;
}

#mainmenu li#menu-home a:hover {
/* background: url(/img/menu-home.gif) no-repeat bottom center; */
}

#mainmenu li#menu-about span:hover, 
#mainmenu li#menu-about:hover {
background: url(/img/menu-about_us.gif) no-repeat bottom center;
}

#mainmenu li#menu-grants a:hover, 
#mainmenu li#menu-grants:hover {
background: url(/img/menu-grants.gif) no-repeat bottom center;
}

#mainmenu li#menu-news a:hover, 
#mainmenu li#menu-news:hover {
background: url(/img/menu-news.gif) no-repeat bottom center;
}

#mainmenu li#menu-faqs a:hover, 
#mainmenu li#menu-faqs:hover {
background: url(/img/menu-faqs.gif) no-repeat bottom center;
}

#mainmenu li#menu-contact a:hover, 
#mainmenu li#menu-contact:hover {
background: url(/img/menu-contact.gif) no-repeat bottom center;
}

#mainmenu li#menu-about li a:hover, 
#mainmenu li#menu-grants li a:hover, 
#mainmenu li#menu-news li a:hover, 
#mainmenu li#menu-faqs li a:hover, 
#mainmenu li#menu-contact li a:hover {
background: #018bb7;
color: white;
}


/* End Main Menu - dropdown menus */

#sidebar ul.menu {
border-top: solid 1px white;
}

#sidebar .menu li {
list-style-type: none;
}

#sidebar .menu li a {
color: #014a69;
background: #bbd4e1 url(/img/arrow.gif) no-repeat 1em 1.5em;
display: block;
padding: 1em;
padding-left: 2em;
border-bottom: solid 1px white;
font-weight: bold;
}

#sidebar .menu li a:hover {
background: #9bc0d3 url(/img/arrow.gif) no-repeat 1em 1.5em;
text-decoration: none;
}

#headerimage {
position: absolute;
left: 10px;
top: 13px;
margin-bottom: 200px;
height: 267px;
width: 626px;
}

#maincontent .SectionTitle {
font-size: 150%;
margin-bottom: 0.25em;
background: url(/img/weathered_blue_line.gif) bottom left repeat-x;
padding-bottom: 0.5em;
}

.sectionmenu a {
color: #ae5e09;
}

.sectionmenu a:hover {
color: #016b98;
text-decoration: none;
}

.emphasis {
color: #016b98;
}

.BlueSubHead {
color: #016b98;
font-weight: bold;
}

h1 {
font-size: 140%;
}

#print-header {
display: none;
}

/* forms */

form li {
list-style-type: none;
margin: 0;
}

form select {
margin: 0 0 1em;
}

form input,
form textarea,
form select {
display: block;
}

form textarea {
width: 100%;
height: 10em;
}

h2.error {
color: #016b98;
margin: 0.5em 0;
}

p.error {
font-weight: bold;
padding: 1em;
border: solid 2px #d2a56a;
}

/* end forms */


/* Events */

ul.rsvps li, 
ul.eventsrsvps li {
margin-left: 0;
list-style-type: none;
border-bottom: dotted 1px gray;
clear: both;
height: 1.5em;
padding: 0.2em;
}

ul.rsvps li {
height: 3em;
}

ul.rsvps li li, 
ul.eventsrsvps li li {
float: left;
clear: none;
border: 0;
}

li.eventdate {
width: 7em;
}

li.eventname {
width: 30em;
}

ul.rsvps li.rsvp_firstname,
ul.rsvps li.rsvp_lastname {
width: 7em;
overflow: hidden;
}

ul.rsvps li.rsvp_email {
width: 11em;
overflow: hidden;
height: 1.2em;
margin-right: 1em;
}

ul.rsvps li.rsvp_org {
width: 11em;
overflow: hidden;
height: 1.2em;
}

li.rsvp_date {
width: 4.5em;
}

.rsvp_firstname a {
font-size: 80%;
}

li.rsvp_link {
width: 3em;
}

#searchform {
display: inline;
}

#searchform input {
display: inline;
}

ul.events li {
list-style-type: none;
margin-left: 0;
margin-bottom: 1em;
}

ul.events li li {
margin-bottom: 0;
}

li.eventname {
font-weight: bold;
}

div.event p {
padding-right: 175px;
}

#view_map_link {
display: block;
clear: left;
background: url(/img/map-icon.gif) no-repeat;
padding-left: 40px;
height: 26px;
padding-top: 5px;
}

span.eventdate {
font-style: italic;
}

#eventlocationlabel {
font-weight: bold;
float: left;
margin-right: 0.5em;
}

#eventlocation {
display: block;
float: left;
}

p#eventdescription {
padding-bottom: 1em;
}

ul#messages {
border: solid 1px #ae5e09;
padding: 1em;
margin-bottom: 1em;
font-weight: bold;
}

/* end events */

/* event registration */

li.firstname input, 
li.lastname input, 
li.comments input {
width: 20em;
}

#citydiv, 
#statediv, 
#zipdiv {
float: left;
margin-right: 1em;
}

li.phone {
clear: both;
}

form#rsvp label {
color: #016b98;
}

form#categorylist {
float:right;
}

form#categorylist select, 
form#categorylist input {
display: inline;
}

form#categorylist label {
color: #016b98;
}

#eventlistpage h1 {
margin-bottom: 2em;
}

/* end event registration */

/* event database admin area */

.bigbutton {
background: url(/img/button-complete.gif);
display: block;
float: left;
height: 25px;
width: 120px;
text-align: center;
margin-bottom: 0.75em;
margin-right: 1em;
padding-top: 8px;
color: #339900;
font-weight: bold;
}

.bigbutton:hover {
color: #016b98;
text-decoration: none;
}

#adminoptions {
clear: both;
margin-top: 1em;
}

#register {
background: url(/img/button-complete.gif);
height: 33px;
width: 120px;
text-align: center;
margin-top: 0.75em;
border: 0;
cursor: pointer;
color: #016b98;
font-weight: bold;
color: #339900;
}

#register:hover {
color: #016b98;
}

.explanation {
color: #999;
}

.changesettings h2 {
border-bottom: solid 1px black;
margin-top: 1em;
margin-bottom: 0.5em;
}

form.changesettings li input, 
form.changesettings li textarea {
width: 25em;
margin-top: 0.3em;
}

form.changesettings input, 
form.changesettings select {
display: inline;
margin-bottom: 0.5em;
}

form.changesettings li textarea {
width: 40em;
height: 5em;
}

form li input.not-text {
width: auto;
}

form #max_log_size, 
form #eventlifespan {
width: 3em;
}

form.changesettings input.medium {
width: 15em;
}

#datepicker {
background: white;
border: solid 1px gray;
border-right: solid 3px black;
border-bottom: solid 3px black;
margin-left: 10px;
margin-top: -30px;
padding: 5px;
min-width: 180px;
}

#event-form li label {
float: left;
margin-right: 0.5em;
}

#event-form li select, 
#event-form li input {
float: left;
}

#event-form li {
clear: both;
line-height: 1.3em;
}

#event-form li input.not-text {
float: left;
}

#submit {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

ul.pagination {
width: 100%;
height: 1.5em;
}

ul.pagination li {
float: left;
list-style-type: none;
}
/* end event database admin area */

.sidebarCenteredHeading {
color: #ae5e09;
text-align: center;
}

.sidebarCenteredText {
text-align: center;
}

#creditlink {
margin-top: 20px;
}