body { margin:0; background-color:#eee; background-image:url(images/bg.jpg); background-repeat:repeat-x; font: 12px/18px Arial, Helvetica, Verdana, sans-serif; color:#ddd; }

#container { width:980px; margin-left:auto; margin-right:auto; }


/* HEADER */
#global_header { position: relative; width:980px; height:157px; background-image:url(images/global_header.jpg); background-repeat:no-repeat; margin-bottom:3px; }
#global_header a#title { display:block; width:190px; height:130px; position:relative; left:25px; top:15px; float:left; }
#global_header #nav { width:614px; height:40px; padding-top:116px; padding-right:30px; float:right; }
#global_header #nav img { margin-left:1px; }
#global_donate { position: absolute; top: 35px; left: 450px; }
#global_celebritybear { position: absolute; top: 8px; left: 783px; }

#dropmenudiv { position:absolute; width:136px; background-image:url(images/global_nav_dd_bg.png); padding-left:12px; padding-right:12px; padding-bottom:8px; margin:0; margin-top:3px; z-index:1000; text-align:left; }
#dropmenudiv a { display:block; padding:4px; font:11px/14px Arial, Helvetica, sans-serif; font-weight:bold; color:#333; text-decoration:none; }
#dropmenudiv a:hover { color:#000; text-decoration:none; }

#page_header { position: relative; width:980px; height:250px; }


/* FOOTER */
#global_footer { width:960px; height:29px; clear:both; background-image:url(images/global_footer.jpg); margin-top:3px; padding-left:20px; padding-top:6px; font-size:10px; color:#666; }
#global_footer a { color:#666; text-decoration: none; }
#global_footer a:hover { text-decoration: underline; }
#global_footer img { vertical-align:middle; }
#footer_body { position: relative; float: left; }


/* PAGE BODY */
#billboard { width:980px; height:320px; clear:both; }

a { color:#ddd; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { margin-bottom:18px; margin-top:0px; }
li { margin-top:0; }

h1 { font:28px/32px Georgia, "Times New Roman", Times, serif; color:#ddd; font-weight:normal; margin:0; margin-bottom:18px; }
h2 { font:18px/24px Arial, Helvetica, sans-serif; color:#ddd; font-weight:normal; margin:0; margin-bottom:8px; }
h3 { font:12px/18px Arial, Helvetica, sans-serif; color:#ddd; font-weight:bold; margin:0; margin-bottom:4px; text-transform:uppercase; }

p { margin-top:0; margin-bottom:18px; }

hr { height:1px; color:#999; background-color:#999; border:none; margin-top:8px; margin-bottom:18px; }

td { vertical-align:top; }

.form-table td { padding-bottom:14px; }
.form-text { font: 12px Arial, Helvetica, Verdana, sans-serif; color:#666; }
.form-btn { margin-left: 15px; }

.spacer { clear:both; width:100%; height:1px; }
.clearline { clear:both; }


#wrapper { width:980px; height:100%; clear:both; margin-top:3px; background-color:#eee; border-bottom:1px solid #ccc; }

#wrapper.about { background-image:url(/images/wrapper_bg_about.jpg); background-repeat:repeat-y; background-color:#00694e; }
#wrapper.whatwedo { background-image:url(/images/wrapper_bg_what.jpg); background-repeat:repeat-y; background-color:#00338e; }
#wrapper.events { background-image:url(/images/wrapper_bg_events.jpg); background-repeat:repeat-y; background-color:#7a2426; }
#wrapper.howtohelp { background-image:url(/images/wrapper_bg_help.jpg); background-repeat:repeat-y; background-color:#4f107a; }
#wrapper.news { background-image:url(/images/wrapper_bg_news.jpg); background-repeat:repeat-y; background-color:#733e13; }
#wrapper.admin { background-color:#fff; color:#333; }

#wrapper #side_nav { width:163px; float:left; clear:left; padding:30px; border-top:1px solid #ccc; color:#666; }

#wrapper #side_nav h2  { width:163px; font:18px/24px Georgia, "Times New Roman", Times, serif; color:#bbb; font-weight:normal; margin:0; margin-bottom:12px; border-bottom:1px solid #888; padding-bottom:6px; }
#wrapper #side_nav a { color:#bbb; text-decoration:none; }
#wrapper #side_nav a:hover { color:#ddd; text-decoration:none; }
#wrapper #side_nav ul { margin:0; margin-left:-40px; *margin-left:0; }
#wrapper #side_nav li { list-style:none; margin-bottom:3px; }

#wrapper #pb { width:690px; min-height:280px; padding:30px; float:right; clear:right; border-top:1px solid #ccc;  }


#form_mission { width:287px; padding-left:10px; padding-right:10px; float:left; }
#form_events { width:286px; padding-left:11px; padding-right:10px; float:left; }
#form_help { width:287px; padding-left:10px; float:left; }

#button_mission { width:267px; padding-left:15px; padding-right:30px; float:left; }
#button_events { width:267px; padding-left:15px; padding-right:30px; float:left; }
#button_help { width:267px; padding-left:15px; padding-right:30px; float:left; }

#admin_content { width:980px; height:100%; padding-bottom:18px; clear:both; }

.form_field { position:relative; left:0px; top:0px; padding: 4px 0px 4px 5px; float:left; clear: right; }
.form_label { position:relative; left:0px; top:0px; text-align: right; width: 70px; padding: 4px 10px 6px 0px; float:left; clear:left; }
.form_entry { position:relative; left:0px; top:2px; padding: 0px 10px 0px 0px; float:left; clear: right; }

.button_label { position:relative; left:0px; top:0px; text-align: right; width: 70px; padding: 4px 10px 6px 0px; float:left; }
.button_space { position:relative; left:25px; top:0px; width:110px; padding:0px; float:left; }


#siteLink { text-decoration: none; }
#siteLink a:hover { text-decoration: none; cursor:default; }
#siteLogin { display: inline; position: relative; top: -4px; padding-left: 25px; float: left; color: #00FF00; }
#siteEditor { display: inline; position: relative; top: -4px; padding-left: 25px; float: left; }
#siteWarning { position: relative; top: 4px; color: #FF0000; }
#siteEdPage { position: relative; top: 4px; color: #0000FF; }
#siteButton { position: relative; top: 4px; color: #00FF00; }



/* Calendar stuff */
#calendar { position: relative; left: -20px; text-align: left; line-height: 14px; }

.calendarover { text-align: center; background: #CAD7F9; width: 15px; }
.calendaroff { text-align: center; background: #A2BAFA; width: 15px; }
.calendartodayover { text-align: center; background: #FECE6E; width: 15px; }
.calendartodayoff { text-align: center; background: #FFBC37; width: 15px; }

.cal { position: relative;  left: 0px; top: 0px; float: left; }

.calmenu { position: relative; left: 0px; top: 0px; float: left; }
.calbutton { position: relative; left: 0px; top: 6px; padding-left: 30px; float: left; }
.calendar_style { position: relative; left: 0px; top: 2px; font-size: 12px; padding-left: 10px; float: left; }
.caltime { position: relative; left: 0px; top: 0px; float: left; }




/* HOMEPAGE */
#home_content_head { width:980px; height:35px; clear:both; margin-top:3px; }
#home_content { width:980px; height:200px; clear:both; background-image:url(images/home_content_bg.jpg); background-repeat:repeat-y; color:#555; }
#home_content #mission { width:267px; height: 200px; padding-left:30px; padding-right:30px; float:left; }
#home_content #events { width:266px; height: 200px; padding-left:30px; padding-right:30px; float:left; }
#home_content #help { width:267px; height: 200px; padding-left:30px; padding-right:30px; float:right; }
#home_content h2 { font-size:12px; font-weight:bold; margin:0; margin-bottom:18px; color:#555; }
#home_content h2 a { font-size:12px; font-weight:bold; margin:0; margin-bottom:18px; color:#555; }
#home_content a { color:#666; text-decoration: none; }
#home_content a:hover { text-decoration: underline; }

#home_content_scroller { position: relative; width:978px; height:128px; clear:both; margin:3px 0px 5px; background-color:#fff; border:1px solid #ccc; }
#home_content_scroller #scroller_container { position: relative; width: 978px; margin:0; padding:0; overflow: hidden; }
#home_content_scroller #scroller_contents { position: relative; left: 0px; width: 5000px; height: 128px; background-color:#fff; }
#home_content_btm { width:980px; height:1px; clear:both; background-image:url(images/home_content_btm.jpg); }

#home_callouts { width:980px; height:120px; margin-top:3px; clear:both; }
#home_callouts #co_1 { width:489px; height:120px; float:left; }
#home_callouts #co_2 { width:489px; height:120px; float:right; }

#home_logos { width:978px; height:40px; clear:both; padding:1px; margin-top:3px; text-align:center; background-image:url(/images/home_logos_bg.jpg); background-repeat:no-repeat; }

#buttercup_container { width:918px; padding:30px; background-color:#fff; margin-left:auto; margin-right:auto; border:1px solid #ccc; color:#555; }
#buttercup_container h1 { color:#555; }
#buttercup_container h2 { color:#555; }
#buttercup_container h3 { color:#555; }
#buttercup_container p { color:#555; }
#buttercup_container a { color:#555; }

#buttercup_container #side_nav { width:163px; float:left; clear:left; padding:30px; border-top:1px solid #ccc; color:#666; }
#buttercup_container #side_nav.admin a { color:#666; }
#buttercup_container #side_nav.admin a:hover { color:#333; }

.admin_textarea { width:690px; min-height:500px; }

#buttercup_pb { width:690px; float:right; clear:left; color:#555; }
#buttercup_pb h1 { color:#555; }
#buttercup_pb h2 { color:#555; }
#buttercup_pb h3 { color:#555; }
#buttercup_pb p { color:#555; }
#buttercup_pb a { color:#555; }

#page_display { color: #666; }
#page_display h1 { color: #666; }
#page_display h2 { color: #666; }
#page_display h3 { color: #666; }
#page_display a { color: #666; }

