/* =======================
   1. YUI Reset
   ======================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* =======================
   2. Body 
   ======================= */
 
body { background-color: #f7eae2; font-family: 'Trebuchet MS', Trebuchet, Lucida Sans, Arial, Sans-Serif; font-size: .9em; line-height: 1.2;  color: #542908; }

a:link { color: #730000; }
a:visited { color: #730000; }
a:hover { color: #730000; }

strong { font-weight: bold; }
em { font-style: italic; }

#wrapper { width: 998px; margin: 0 auto; }

#header { background-image: url('/images/header.jpg'); height: 265px; width: 100%; }
#header_empty { height: 406px; width: 100%; }

#main { background-image: url('/images/background_main.jpg');  padding: 10px;}
#footer { background: #fff url('/images/background_footer.jpg') repeat-x; height: 177px; color: #730000; }
#menu { float: right; margin-top: 3px; }

#top { height: 141px; }
#logo { float: left; }
#head { background-image: url('/images/background_header.jpg'); width: 100%; }
#header_wrapper { width: 998px; margin: 0 auto; }

ul { list-style-type: disc; }

h1 { color: #730000; font-size: 2em; font-weight: bold; margin-bottom: 10px; }
h2 { color: #730000; font-size: 1.5em; font-weight: bold; margin-bottom: 5px; }
h3 { color: #730000; font-size: 1.2em; font-weight: bold; margin-bottom: 2px; }

#right_side { float: right; width: 325px;}
#calendar { background-image: url('/images/background_calendar_top.jpg'); width: 322px; height: 43px; text-align: center; }
#calendar_inside { background-image: url('/images/background_calendar.jpg'); padding: 10px; }
.calendar_date { margin-left: 5px; height: 56px; width: 56px; background-image: url('/images/background_date.jpg'); float: left; }
.date { color: #730000; font-size: 2em; font-weight: bold; font-family: Serif; text-align: center; padding-top: 4px; }
.date_top { height: 10px; color: White; font-size: .7em; padding-top: 2px; text-align: center; }
.event_title { float: left; margin-left: 10px; width: 230px; }

.calendar_title { float: left; margin-left: 10px; width: 570px; }
#calendar_bottom { background: url('/images/background_calendar_bottom.jpg'); width: 322px; height: 27px; }

#connect { background: #fff url('/images/background_connect.jpg') no-repeat; height: 138px; width: 322px; text-align: center; padding-top: 10px; }

#main_content { float: left; width: 650px; }

#nca_logo { text-align: center; padding-top: 20px; padding-bottom: 20px; }

#long_line_space { padding-top: 20px; }

#attribution { float: right; padding: 10px 20px; }

#footer_space { float: left; padding: 10px; }

div.menu_item { margin-top: 5px; padding-bottom: 5px; }

p { margin-bottom: 5px; }
ul li { margin-left: 25px; margin-top: 10px; }

* html a:hover { visibility: visible; }

/*- Update Widths -*/
#home { float: left; position: relative; background: url('/images/button_home_over.jpg') no-repeat; white-space: nowrap; display: block; width: 126px; height: 38px; margin: 0; padding: 0; }
#home a { display: block; width: 126px; height: 38px; float: left; text-decoration: none; }
#home img { width: 126px; height: 38px; border: 0 }
#home a:hover img { visibility: hidden; }
#home span { visibility: hidden; position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } 

#about { float: left; position: relative; background: url('/images/button_about_over.jpg') no-repeat; white-space: nowrap; display: block; width: 126px; height: 38px; margin: 0; padding: 0; }
#about a { display: block; width: 126px; height: 38px; float: left; text-decoration: none; }
#about img { width: 126px; height: 38px; border: 0 }
#about a:hover img { visibility: hidden; }
#about span { visibility: hidden; position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } 

#volunteer { float: left; position: relative; background: url('/images/button_volunteer_over.jpg') no-repeat; white-space: nowrap; display: block; width: 159px; height: 38px; margin: 0; padding: 0; }
#volunteer a { display: block; width: 159px; height: 38px; float: left; text-decoration: none; }
#volunteer img { width: 159px; height: 38px; border: 0 }
#volunteer a:hover img { visibility: hidden; }
#volunteer span { visibility: hidden; position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } 

#faq { float: left; position: relative; background: url('/images/button_faq_over.jpg') no-repeat; white-space: nowrap; display: block; width: 89px; height: 38px; margin: 0; padding: 0; }
#faq a { display: block; width: 89px; height: 38px; float: left; text-decoration: none; }
#faq img { width: 89px; height: 38px; border: 0 }
#faq a:hover img { visibility: hidden; }
#faq span { visibility: hidden; position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } 

#contact { float: left; position: relative; background: url('/images/button_contact_over.jpg') no-repeat; white-space: nowrap; display: block; width: 117px; height: 38px; margin: 0; padding: 0; }
#contact a { display: block; width: 117px; height: 38px; float: left; text-decoration: none; }
#contact img { width: 117px; height: 38px; border: 0 }
#contact a:hover img { visibility: hidden; }
#contact span { visibility: hidden; position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; } 

#donate { float: left; position: relative; background: url('/images/button_donate_over.jpg') no-repeat; white-space: nowrap; display: block; width: 116px; height: 38px; margin: 0; padding: 0; }
#donate a { display: block; width: 116px; height: 38px; float: left; text-decoration: none; }
#donate img { width: 116px; height: 38px; border: 0 }
#donate a:hover img { visibility: hidden; }
#donate span { visibility: hidden; position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer; }