/* Global Styles ********************************************************************************/
BODY {
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;			
	background-image:url(../images/pg-bg.gif);
	background-repeat:repeat-x;
	background-position:top;	
	background-color: #F5F5F5;	
}
A:link { text-decoration: underline; color: #666666}
A:visited { text-decoration: underline; color: #666666}
A:active { text-decoration: underline; color: #666666}
A:hover { text-decoration: underline; color: #000000}

TD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#666666;
}
/* Banner ********************************************************************************/
.banner-left_outside {
	background-color: #E5E5E5;
	background-image:url(../images/banner-left_outside.gif);
	background-repeat:repeat-y;
	background-position:right;
}	
.banner-right_outside {
	background-color: #E5E5E5;
	background-image:url(../images/banner-right_outside.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.banner {
	background-color: #FFFFFF;
	background-image:url(../images/banner-tagline.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-right:1px solid #000000;
	border-left:1px solid #000000;	
	border-top:4px solid #000000;	
}
/* Menu 1 ********************************************************************************/
.menu1-left_outside {
	background-image:url(../images/menu1-left_outside.gif);
	background-repeat:no-repeat;
	background-position:top right;
}	
.menu1-right_outside {
	background-image:url(../images/menu1-right_outside.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}
.menu1-area {
	border-left:1px solid #000000;
	border-right:1px solid #000000;			
}
.menu1 {
	border-bottom:7px solid #000000;	
}
/* Menu 2 ********************************************************************************/
.menu2 {
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;
	padding-bottom:9px;			
	background-color:#ffebcd;	
	border-bottom:1px solid #d2b48c;
}
.menu2-area {			
	background-color:#993300;		
	border-left:1px solid #000000;
	border-right:1px solid #999999;
	vertical-align:top;
	background-image: url(../images/menu2-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.menu2-area_client {			
	background-color:#993300;	
	border-left:1px solid #000000;
	border-right:1px solid #999999;	
	vertical-align:top;
	background-image: url(../images/menu2-client_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
.menu2-area_volunteer {			
	background-color:#993300;	
	border-left:1px solid #000000;
	border-right:1px solid #999999;	
	vertical-align:top;
	background-image:url(../images/menu2-vol_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
A.menu2link:link { text-decoration: none; color: #CC6600}
A.menu2link:visited { text-decoration: none; color: #CC6600}
A.menu2link:active { text-decoration: none; color: #CC6600}
A.menu2link:hover { text-decoration: underline; color: #CC6600}

/* Menu 3 ********************************************************************************/
.menu3 {float:right;}
.menu3 a:link {color:#CC6600; text-decoration:none;}
.menu3 a:visited {color:#CC6600; text-decoration:none;}
.menu3 a:active {color:#CC6600; text-decoration:none;}
.menu3 a:hover {color:#CC6600; text-decoration:underline;}

/* Splash Styles ********************************************************************************/
.splash-client_image {
	background-image:url(../images/splash-client_image.jpg);
	border-top: 1px solid #FFFFFF;	
	border-bottom: 1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #FFFFFF;		
}
.splash-client_banner {
	background-image:url(../images/splash-client_banner.jpg);
	border-top: 1px solid #FFFFFF;	
	border-bottom: 1px solid #000000;
	border-right:1px solid #000000;		
}
.splash-vol_image {
	background-image:url(../images/splash-vol_image.jpg);
	background-position:right;
	background-repeat:no-repeat;	
	background-color:#000000;	
	border-top: 1px solid #FFFFFF;	
	border-bottom: 1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #FFFFFF;		
}
.splash-vol_banner {
	background-image:url(../images/splash-vol_banner.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#000000;			
	border-top: 1px solid #FFFFFF;	
	border-bottom: 1px solid #000000;
	border-right:1px solid #000000;		
}
/* Body Styles ********************************************************************************/
.body-left_outside {
	background-image:url(../images/body-left_outside.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color: #FFFFFF;	
}	
.body-right_outside {
	background-image:url(../images/body-right_outside.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color: #FFFFFF;	
}
.body-home {
	background-image:url(../images/body-bottom_home.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color: #993300;	
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	color:#f5deb3;
	text-align:left;
	vertical-align:top;
	border-left:1px solid #000000;
	border-right:1px solid #000000;	
}
.body-child {
	color:#666666;
	background-image:url(../images/body-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #FFFFFF;	
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 25px;
	padding-bottom: 40px;
	text-align:left;
	vertical-align:top;
	border-right:1px solid #000000;
	height:327px;	
}
.body-jump_area {
	border-right:1px solid #000000;
	border-left:1px solid #000000;		
}
/* Quick Links (home)********************************************************************************/
.quicklink-box {
	border-left:1px solid #cc6600;
	border-right:1px solid #cc6600;
	border-top:6px solid #cc6600;
	border-bottom:1px solid #cc6600;
	background-color:#ffebcd;
	color:#cc6600;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;		
	padding-bottom:30px;
	vertical-align:top;
	height:200px;
	overflow: auto;
}
.quicklink-box-noscroll {
	border-left:1px solid #cc6600;
	border-right:1px solid #cc6600;
	border-top:6px solid #cc6600;
	border-bottom:1px solid #cc6600;
	background-color:#ffebcd;
	color:#cc6600;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;		
	padding-bottom:30px;
	vertical-align:top;
}
.quicklink-box_title {
	color:#993300;
	font-weight:bold;
	font-variant:small-caps;
	font-size:11px;
}
.quicklink-entry {
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #d2b48c;	
}
A.quicklink:link { text-decoration: underline; color: #cc6600}
A.quicklink:visited { text-decoration: underline; color: #cc6600}
A.quicklink:active { text-decoration: underline; color: #cc6600}
A.quicklink:hover { text-decoration: underline; color: #cc6600}

/* Body Text Styles ********************************************************************************/
.callout {
	line-height:16px;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#666666;	
}	
.callout-box {
	border:1px solid #CCCCCC;
	padding:15px;
	background-color:#EEEEEE;
}
.callout-box2 {
	border:1px solid #CCCCCC;
	padding:0 15px 15px 15px;
	background-color:#EEEEEE;
	text-align:right;
	margin-bottom:15px;
}
.callout-box2 p{
	line-height:16px;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	color:#666666;
	text-align:left;
}
.heading {
	color:#666666;
	font-weight:bold;
	font-variant:small-caps;	
	font-size:12px;	
}
.heading-divider {
	color:#666666;
	font-weight:bold;
	font-variant:small-caps;
	border-bottom:1px solid #CCCCCC;
	line-height:15px;
	font-size:12px;
}
.heading-home {
	color:#FFFFFF;
	font-weight:bold;
}
.hometext {
	color:#FFCC99;
	padding-right:20px;
	padding-bottom:20px;
	vertical-align:top;
}	
.pagetitle-home {
	color:#FFFFFF;
	font-weight:bold;
	font-variant:small-caps;
	font-size:11px;
}
.pagetitle {
	color:#CC6600;
	font-weight:bold;
	font-variant:small-caps;
	font-size:12px;
}
.stat-value  {
	color:#FFFFFF;
}	

A.home-contentlink:link { text-decoration: underline; color: #FFCC99}
A.home-contentlink:visited { text-decoration: underline; color: #FFCC99}
A.home-contentlink:active { text-decoration: underline; color: #FFCC99}
A.home-contentlink:hover { text-decoration: underline; color: #FFCC99}

/* Footer Styles ********************************************************************************/
.footer-left_outside {
	background-image:url(../images/footer-left_outside.gif);
	background-repeat:repeat-y;
	background-position:right;	
	border-top:1px solid #E5E5E5;			
	background-color: #F5F5F5;	
}
.footer-right_outside {
	background-image:url(../images/footer-right_outside.gif);
	background-repeat:repeat-y;
	background-position:left;
	border-top:1px solid #E5E5E5;					
	background-color: #F5F5F5;	
}
.footer {
	background-image:url(../images/footer.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-color: #F5F5F5;
	border-bottom:1px solid #000000;	
	border-left:1px solid #000000;
	border-right:1px solid #000000;		
}
.footer-child_left {
	background-image:url(../images/footer-child_left.gif);
	background-repeat: repeat-x;
	background-position:right;
	border-bottom:1px solid #000000;	
	border-left:1px solid #000000;		
}
.footer-child_right {
	background-image:url(../images/footer-child_right.gif);
	background-repeat: repeat-x;
	border-bottom:1px solid #000000;	
	border-right:1px solid #000000;		
}
.footer-bottom {
	background-image:url(../images/footer-bottom.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-color: #F5F5F5;	
	color: #999999;
	text-align:center;
	vertical-align:top;
	padding-top:10px;
}
.footer-bottom_left_outside {
	background-image:url(../images/footer-bottom_left_outside.gif);
	background-repeat:no-repeat;
	background-position:right top;	
	background-color: #F5F5F5;	
}
.footer-bottom_right_outside {
	background-image:url(../images/footer-bottom_right_outside.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	background-color: #F5F5F5;	
}
A.footerlink:link { text-decoration: none; color: #999999}
A.footerlink:visited { text-decoration: none; color: #999999}
A.footerlink:active { text-decoration: none; color: #999999}
A.footerlink:hover { text-decoration: underline; color: #999999}

/* Table/Grid Styles ********************************************************************************/
.table-header_row {
	font-weight:bold;
	padding:10px 20px 10px 20px;		
	vertical-align:  middle;
	border-bottom:1px solid #999999;
}	
.table-odd_row {
	background-color:#EEEEEE;
	padding:8px 10px 8px 10px;		
}	
.table-even_row {
	background-color:#FFFFFF;
	padding:8px 10px 8px 10px;				
}
.grid-header_row {
	font-weight:bold;
	padding:5px;		
	vertical-align: middle;
	background-image:url(../images/m1-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#CC6600;
	color:#FFFFFF;
	border-bottom:2px solid #000;
	text-align:center;
}	
.grid-odd_row {
	background-color:#FFFFFF;
	padding:5px;
	vertical-align:middle;
	text-align:left;
	width:1%;	
}	
.grid-even_row {
	background-color:#f5f5f5;
	padding:5px;	
	vertical-align:middle;
	text-align:left;
	width:1%;
}
.rightpad {
	padding-right:10px;
}

/* Calendar Styles ********************************************************************************/
.calendar {
	border-collapse:collapse;
	border:1px solid #666666;
}
.calendar-header {
	text-align:center;
	font-weight:bold;
	background-color:#CC6600;
	color:#FFFFFF;
}
.calendar-inactive_day {
	background-image:url(../images/cal-inactive_day.gif);
	vertical-align:top;
	padding:5px;
}
.calendar-active_day {
	vertical-align:top;
	padding:5px;
}
.calendar-event {
	color:#cc6600;
	vertical-align:top;
	padding:5px;
	background-color:#ffebcd;
	font-size:9px;
	line-height:12px;
	border:1px solid #CC6600;
}
.calendar-date {
	text-align:right;
	vertical-align:top;
	font-size:9px;
	color:#CC6600;
	padding-bottom:5px;
}	
.calendar-date_inactive {
	text-align:right;
	vertical-align:top;
	font-size:9px;
	color:#999999;
}
/* Form Element Styles ********************************************************************************/
.form-button {
	border-top:1px solid #999999;
	border-bottom:1px solid #666666;
	border-left:1px solid #999999;
	border-right:1px solid #666666;
	background-color:#000000;
	color:#F5F5F5;
	height:20px;
	font-size:11px;
	font-family:Verdana, Arial;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
}	
.form-textfield {
	border-top:2px solid #999999;
	border-bottom:1px solid #999999;
	border-left:2px solid #999999;
	border-right:1px solid #999999;
}
.fieldset {
	border:1px solid #999999;
	padding:10px;
	margin-bottom:10px;
	background-color:#EEEEEE;
 }
 .fieldsetLabel{
 	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	font-variant:small-caps;
 }
 .fieldsetTopLink {
 	text-align:right;
	margin-bottom:8px;
}

.fieldsetTopLink a{ text-decoration:none; color:#CC6600;}
.fieldsetTopLink a:hover{ text-decoration:underline}

 .button-box{
 	border-top:1px solid #666666;
	padding-top:5px;
	margin-top:10px;
 }
 .paging{
	text-align:right;
	margin:8px 0 5px 0;
}

.paging a:link {color:#CC6600; text-decoration:none;}
.paging a:visited {color:#CC6600; text-decoration:none;}
.paging a:active {color:#CC6600; text-decoration:none;}
.paging a:hover {color:#CC6600; text-decoration:underline;}
 
/* Login Box (volunteers page)********************************************************************************/
.login-box {
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:6px solid #000;
	border-bottom:1px solid #000;
	background-color:#FFFFFF;
	padding:10px;
	vertical-align:top;
	margin-bottom:15px;
	color:#993300;
}	
.login-box input{
	margin-bottom:5px;
	margin-left:10px;
}
.login-box_title {
	color:#993300;
	font-weight:bold;
	font-variant:small-caps;
	font-size:11px;
	margin-bottom:15px;
}

/*Textbox Watermark*/
.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

.LinkButton { text-decoration: underline; color: #CC6600 }

.grid-header_row A:link { text-decoration: underline; color: white;}
.grid-header_row A:visited { text-decoration: underline; color: white;}
.grid-header_row A:active { text-decoration: underline; color: white;}
.grid-header_row A:hover { text-decoration: underline; color: black;}