/*
	BBBS site styles
	Updated 6/22/2006

	Colors:
	Volunteer blue = #008abd
	Donate purple  = #862887
	Enroll orange  = #52bb29
*/


/* --- Formatting --- */
BODY
{ color:#333; font:normal .7em/1.2em verdana,arial,helvetica,sans-serif }

P, TH, TD, LI, DT, DD
{ color:#333 }
TH, STRONG, B
{ font-weight:bold }
EM, I, CITE
{ font-style:italic }
SUP, SUB
{ font-size:75% }
BLOCKQUOTE
{ margin:0; padding:0 }
TABLE, TR, TD, TH
{ font-size:100% }


/* Links */
A:link
{ color:#862887; text-decoration:none }
A:visited
{ color:#e87d30; text-decoration:none }
A:hover, A:active
{ color:#f4bd1f; text-decoration:none }


/* Paragraphs */
P
{ margin:0 0 1.3em 0; line-height:1.4 }

.small /* Fine print */
{ font-size:91% }
.big /* Large print */
{ font-size:110% }

BLOCKQUOTE
{ background-color:#efefef; margin:0 0 1.2em 0; padding:10px 10px 5px 10px; color:#222; font-size:91% }
BLOCKQUOTE P
{ color:#222; margin-bottom:.5em }


/* Images */
A IMG
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }


/* Separators */
HR
{ clear:both; color:#d6ecf4; background-color:#d6ecf4; height:5px; margin:1.2em 0; padding:0; border-style:none; overflow:hidden }
	* html HR /* IE margin fix */
	{ margin:-.9em 0 .4em 0 }


/* Headers */
H1, H2, H3, H4, H5, H6
{ color:#33a1ca; margin:0 0 .6em 0; padding:0; font:bold 125% verdana,arial,helvetica,sans-serif; line-height:1.3 }
H3
{ font-size:110% }
H4, H5, H6
{ font-size:100% }
H6
{ margin-bottom:.2em }


/* Lists */
UL
{ margin:0 0 1.3em 4px; padding:0; list-style-type:none }
UL LI, OL LI UL LI
{ margin:0; padding:0 0 .5em 11px; line-height:1.4; background:transparent url("../images/bullet_square.gif") no-repeat 0 .5em }

UL UL
{ margin:5px 0 2px 2px }

OL
{ margin:0 0 1.3em 33px; padding-left:0 }
OL LI, UL LI OL LI
{ margin-bottom:.7em; line-height:1.4 }

DL
{ margin:0 0 1.3em 0 }
DT
{ display:block; font-weight:bold; line-height:1.4 }
DD
{ margin:1px 0 .8em 0; line-height:1.4 }


/* Forms */
FORM
{ margin:0; padding:0 }
INPUT, SELECT, TEXTAREA
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }


/* Data Tables */
TABLE.data
{ clear:both; width:100%; margin:0 0 1.2em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show }
TABLE.data CAPTION
{ padding:0 0 .7em 0; margin:0; text-align:left; color:#222; font-weight:bold }

TABLE.data TH
{ color:#444; text-align:left; padding:2px 5px; vertical-align:top; line-height:1.4em }
TABLE.data TR, TABLE.data TR.data-odd
{ background-color:#fff }
TABLE.data TR.data-even
{ background-color:#d6ecf4 }

TABLE.data TD
{ padding:4px 5px; vertical-align:top; line-height:1.4em }



/* --- Layout --- */

#skipnav
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }

BODY
{ margin:0; padding:10px; background-color:#dfd9cc }
	* html BODY /* IE5 centering fix */ 
	{ text-align:center; }


/* - Header - */
#header
{ position:relative; width:785px; height:108px; margin:0 auto 3px auto; 
  background:transparent url("../images/header_back.gif") no-repeat }
	* html #header /* IE5 centering fix */
	{ text-align:left; }
	

#logo
{ position:absolute; top:18px; left:22px; display:block }


/* Auxilary navigation */
#auxnav
{ position:absolute; top:10px; right:17px; width:493px; padding-bottom:11px; 
  color:#344598; font-weight:bold; font-size:91%; text-align:right; 
  background:transparent url("../images/header_stripe.gif") no-repeat 100% 100% }
#auxnav A, #auxnav A:link, #auxnav A:visited
{ white-space:nowrap; color:#344598; text-decoration:none }
#auxnav A:hover
{ color:#5465b8 }


/* - Main body wrappers - */
#topwrapper
{ position:relative; width:785px; margin:0 auto .5em auto; padding-top:10px;
  background:transparent url("../images/body_top.gif") no-repeat top left }
	* html #topwrapper /* IE5 centering fix */
	{ text-align:left; }

#bottomwrapper
{ padding-bottom:33px; background:transparent url("../images/body_bottom.gif") no-repeat bottom left }
#wrapper
{ padding:0 44px 0 16px; background:#fff url("../images/body_back.gif") repeat-y top right }
	#wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	#wrapper { display:inline-block }
	/* Hide from IE5-Mac \*/
	#wrapper { display:block }
	* html #wrapper { height:1% }
	/* End hide */
	#wrapperclear /* Dreamweaver-required float clear */
	{ clear:both; height:1px }

/* Section backgrounds */
#volunteer #wrapper
{ background-image:url("../images/body_volunteer.gif") }
#donate #wrapper
{ background-image:url("../images/body_donate.gif") }
#enroll #wrapper
{ background-image:url("../images/body_enroll.gif") }



/* - Left sidebar - */
#sidebar
{ float:left; width:235px; padding-bottom:.8em; border-bottom:5px solid #d6ecf4 }

#sidebar H2
{ margin:0 }
#sidebar H2 IMG
{ display:block; border-top-width:0 }

/* Optional sidebar text */
#sidebar P
{ margin:.8em 10px 1em 10px; line-height:1.4em; font-size:91% }


/* Navigation Bar */
#navigation
{ margin:0; padding:0; list-style-type:none }
#navigation LI
{ display:block; margin:0 0 1px 0; padding:0; background-image:none }

#navigation LI A /* Phark revised image replacement */
{ display:block; text-indent:-9999px; margin:0; padding:0; 
  overflow:hidden; text-decoration:none; background-repeat:no-repeat; background-position:0 0 }

/* Navigation images */
#navigation LI#navVolunteer A
{ height:57px; background-color:#008abd; background-image:url("../images/nav_volunteer.gif") }
#navigation LI#navDonate A
{ height:57px; background-color:#862887; background-image:url("../images/nav_donate.gif") }
#navigation LI#navEnroll A
{ height:57px; background-color:#52bb29; background-image:url("../images/nav_enroll.gif") }

/* Hover state */
#navigation LI A:hover
{ background-position:0 -57px }

/* Active state */
#volunteer #navigation LI#navVolunteer A
{ position:relative; margin-top:-10px; height:143px; background-image:url("../images/nav_volunteer_on.jpg"); background-position:0 0 }
#donate #navigation LI#navDonate A,
#enroll #navigation LI#navEnroll A
{ background-position:0 -114px }


/* Subnavigation */
#navigation UL
{ display:none; margin:0 5px; padding:0 4px; background-color:#f3f1e7; background-image:none }

/* Background colors */
#volunteer #navigation LI#navVolunteer
{ display:block; background-color:#008abd; padding-bottom:7px }
#donate #navigation LI#navDonate
{ display:block; background-color:#862887; padding-bottom:7px }
#enroll #navigation LI#navEnroll
{ display:block; background-color:#52bb29 }

/* Show appropriate subnav when in section */
#volunteer #navigation LI#navVolunteer UL,
#donate #navigation LI#navDonate UL,
#enroll #navigation LI#navEnroll UL
{ display:block }

#navigation UL LI
{ margin:0; padding:0; 
  display:inline; /* IE list margin fix */ }

#navigation UL LI A,
#volunteer #navigation LI#navVolunteer UL LI A,
#donate #navigation LI#navDonate UL LI A,
#enroll #navigation LI#navEnroll UL LI A
{ height:auto; background-color:#f3f1e7; background-image:none; display:block; 
  margin:0 5px; padding:2px 0; text-indent:0; overflow:visible; border-bottom:1px solid #ccc; 
  line-height:1.5; text-align:center; color:#333; font-weight:bold; text-transform:lowercase }

#navigation UL LI A:hover,
#volunteer #navigation LI#navVolunteer UL LI A:hover,
#donate #navigation LI#navDonate UL LI A:hover,
#enroll #navigation LI#navEnroll UL LI A:hover
{ color:#555 }


/* Calendar */
#calendar 
{ width:85%; margin:1.8em auto .8em auto; text-align:center }

#calendar H2 /* Hide heading */
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }

#calendar A#lastmonth, #calendar A#nextmonth
{ float:left; text-indent:-9999px; overflow:hidden; width:11px; height:11px; 
  background:#e3007a url("../images/arrow_left.gif") no-repeat }
#calendar A#nextmonth
{ float:right; background-image:url("../images/arrow_right.gif") }

#calendar A#lastmonth:hover, #calendar A#nextmonth:hover
{ background-color:#ff209a }

#calendar TABLE
{ width:100%; margin:0 0 1em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed }

#calendar CAPTION /* Month name */
{ text-align:center; margin:0; padding:0 0 .5em 0; color:#008abd; font-size:140% }
#calendar CAPTION SPAN /* Year */
{ margin-left:-3px; color:#52bb29; font-size:140%; font-family:serif; line-height:.9em }

#calendar TH /* Day names */
{ padding:2px 3px; text-align:center; border:1px solid #fff; background-color:#beb9ae; color:#fff }
#calendar TD
{ vertical-align:top; padding:4px 2px; border:1px solid #ccc; background-color:#f3f1e7; color:#333;
  line-height:1.2; text-align:center }

#calendar TD A
{ margin:-4px -2px; padding:4px 2px; display:block; background-color:#e3007a; color:#fff }
#calendar TD A:hover
{ background-color:#ff209a }

/* Highlight this week */
#calendar TR#thisweek
{ border:2px solid #fffa6c }

/* Dates for previous/next month */
#calendar TD EM, #calendar TD I
{ color:#999; font-style:normal }

/* Legend */
#calendar P
{ font-size:84% }
#datelegend
{ padding:2px; background-color:#e3007a; color:#fff }



/* - Content Area - */
#content
{ float:right; width:475px }


/* Thumbnail Lists */
UL.thumbs
{ position:relative; clear:both; margin:0 0 1.3em; padding:0; list-style-type:none }
UL.thumbs LI
{ position:relative; min-height:48px; padding:0 0 5px 129px; border-bottom:1px solid #ccc; margin:5px 0 10px 0; background-image:none; line-height:1.3 }
	* html UL.thumbs LI /* IE min-height and box model fixes */
	{ height:53px; he\ight:48px }
UL.thumbs LI:last-child
{ border-bottom-width:0 }

UL.thumbs LI IMG
{ position:absolute; left:0; float:left; top:-.2em; display:block; border:5px solid #ccc }

UL.thumbs LI A
{ font-size:110%; font-weight:bold; display:block }
UL.thumbs LI A IMG
{ border-color:#e86c14 }
	HTML>BODY UL.thumbs LI A:hover IMG /* IE6 cannot handle hover effect */
	{ border-color:#f4bd1f }


/* Right-side box (push up to align with heading 1) */
.sidebox
{ float:right; margin:0 0 1.5em 12px; padding:12px 8px 0 8px; background-color:#e3007a; font-size:91%;
  width:169px; w\idth:153px }

.sidebox:before  /* Rounded corners */
{ content:" "; display:block; width:169px; height:4px; margin:-12px -8px 4px -8px; background:transparent url("../images/sidebox_top.gif") no-repeat top left }
.sidebox:after
{ content:" "; display:block; width:169px; height:4px; margin:-4px -8px 0 -8px; background:transparent url("../images/sidebox_bottom.gif") no-repeat bottom left }
.sidebox *
{ color:#fff }
.sidebox A:link, .sidebox A:visited
{ text-decoration:underline; color:#fff }
.sidebox A:hover, .sidebox A:active
{ color:#ddd }


/* - Footer - */
#footer
{ clear:both; width:745px; margin:.8em auto 0 auto; padding:0 20px 1.2em 20px; font-size:91%; 
  background:transparent url("../images/footer_stripe.gif") no-repeat bottom left }
	* html #footer /* IE box model and centering fixes */
	{ text-align:left; width:785px; w\idth:745px; }

#footer HR
{ display:none }

#footer P
{ margin:0 0 .2em 0; color:#069 }
#footer A
{ font-weight:bold; color:#069; white-space:nowrap }
#footer A:hover
{ color:#28b }

/* Copyright */
#footer P#copyright
{ color:#968257 }



/* --- Homepage --- */
#home #wrapper
{ background-image:url("../images/home/back_body.gif"); padding-right:19px }

#home #sidebar
{ float:none; width:auto; padding:0; border-width:0 }
#home #navigation
{ display:none }
#home #calendar
{ position:absolute; z-index:20; top:265px; left:34px; width:165px; margin:0 }

#home #content
{ float:none; width:auto }


/* Navigation */
#home #navblocks
{ height:225px; margin-bottom:10px }
#home #navblocks A
{ display:block; float:left; padding-top:180px; margin-right:6px }

#home #navblocks A IMG
{ display:block }
#home #navblocks A:hover IMG
{ visibility:hidden }

#home #navblocks A#homeVolunteer
{ background:#008abd url("../images/home/block_volunteer.jpg") no-repeat }
#home #navblocks A#homeDonate
{ background:#862887 url("../images/home/block_donate.jpg") no-repeat }
#home #navblocks A#homeEnroll
{ background:#52bb29 url("../images/home/block_enroll.jpg") no-repeat; margin-right:0 }

#home #navclear /* Dreamweaver-required float clear */
{ clear:both; height:1px }

/* What's New */
#home #whatsnew
{ clear:both; min-height:170px; position:relative; margin:10px 0; padding:20px 133px 10px 18px; background:#efefef url no-repeat }
	#home #whatsnew:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	#home #whatsnew { display:inline-block }
	/* Hide from IE5-Mac \*/
	#home #whatsnew { display:block }
	* html #home #whatsnew { height:200px; he\ight:170px; }
	/* End hide */

#home #whatsnew H2
{
	position:absolute;
	top:29px;
	left:327px;
	width: 184px;
	height: 50px;
}
#home #newscontent /* Overlap main image */
{
	float:right;
	position:relative;
	z-index:10;
	width:380px;
	margin-top:5px
}

#home #newscontent LI
{ margin-bottom:1em; padding-left:0; background-image:none }


/* Main image */
#home #mainimage
{ position:absolute; z-index:5; bottom:-176px; right:0; background:transparent url("../images/home/mainimage.jpg") no-repeat; width:144px; height:357px }


/* Feature */
#home #feature
{ clear:both; float:left; width:351px; min-height:169px; padding:20px 11px 5px 11px; background:#e86c14 url("../images/home/back_feature.gif") no-repeat }
	* html #home #feature /* IE min-height and box model fixes */
	{ width:373px; w\idth:351px; height:194px; he\ight:169px }

#home #feature *, #home #feature A:link, #home #feature A:visited
{ color:#fff }
#home #feature P
{ margin-bottom:.9em }

#home #feature #morelink
{ text-align:right; margin:0; font-weight:bold }


/* Signup */
#home #signup
{ float:right; width:179px; min-height:169px; padding:20px 183px 5px 11px; background:#f4bd1f url("../images/home/back_signup.gif") no-repeat }
	* html #home #signup /* IE min-height and box model fixes */
	{ width:373px; w\idth:179px; height:194px; he\ight:169px }

#home #signup *
{ color:#333 }

#home #signup FORM /* Overlap main image */
{ position:relative; z-index:10 }

/* Credits */
#home #bottomwrapper
{ padding-bottom:15px }
#saforian
{ clear:both; margin:0; padding-top:11px; text-align:right }
#saforian A
{ display:block; width:81px; margin:0 0 0 auto }
#saforian IMG
{ display:block }