/* CSS Document */

body {
	background-color:#666666;
}

#maintable {
	background-color:#FFFFFF;
	border:#000000 2px solid;
}
#nav  {
	background-image: url(images/nav/background1.gif);
	background-repeat: repeat-y;
	z-index: 10;
	width: 185px;
	margin:0px;
	padding:0px;
}

#width {
width:179px;}
#nav #background1 {
	background-image: url(images/nav/background2.jpg);
	background-repeat: no-repeat;
	z-index: 20;
	width: 185px;
	margin:0px;
	padding:0px;
}

#nav #background2 {
	background-image: url(images/nav/bottom_plate.gif);
	background-repeat: no-repeat;
	z-index: 50;
	background-position: bottom left;
	width: 185px;
	margin:0px;	
}



#nav .nonactive a {
	display: block;

	padding: 3px;
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	margin-bottom: 4px;
	background-image: url(images/nav/Triangle_non_active.gif);
	background-repeat: no-repeat;
	background-position: 9px;
	padding-left: 25px;
	padding-right: 20px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}

#nav .active a {
	display: block;

	font-family:"Times New Roman", Times, serif;
	background-color: #A7B675;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	font-size: 16px;
	margin-bottom: 5px;
	background-image: url(images/nav/Triangle_active.gif);
	background-repeat: no-repeat;
	background-position: 9px;
	padding-left: 25px;
	padding-right: 20px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	}

#nav .subs  a {
	display: block;
	
	padding: 3px;
	padding-left: 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#333333;
}

#nav .subs2 a {
	display: block;

	padding: 3px;
	padding-left: 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color:#333333;
	background-image: url(images/nav/sub_normal.gif);
	background-repeat: no-repeat;
	background-position: 22px;
}

#nav a:hover, #nav a:visited:hover {
	color:#FFFFFF;
	background-color:#576233;
} 

#nav .active a:hover {
	background-image: url(images/nav/Triangle_active_hover.gif);
}

#nav .nonactive a:hover {
	background-image: url(images/nav/Triangle_non_active_hover.gif);
}

#nav .subs2 a:hover {
	background-image: url(images/nav/sub_hover.gif);
}

.admin_subheader {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666666;
	color: #FFFFFF;
	padding: 5px;
	margin:-5px;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	display: block;
	font-weight: bold;
	padding-left: 13px;
	width:inherit;
}

#admin_nav {
text-align:center; 
display:block; 
font-size:14px; 
font-weight:bold;}


#admin_nav a, #admin_nav a:visited {
text-decoration:none;
padding-left:5px;
padding-right:5px;

}
#admin_nav a:hover, #admin_nav a:visited:hover {
color:#FFFFFF;
background-color:#666666;
} 

#admin_body {
padding:5px;
}


.adminpages1 {
border-bottom:#666666 thin solid;
border-top:#666666 thin solid;
background-color:#ffffff;
}

.table_backgroung {
background-color:#EBEBEB;
color:#000000;
}

.admin_table {
width:99%;
border:#666666 1px solid;
}
.admin_table_pad {
	border:#666666 1px solid;
	padding:5px;
	left: 5px;
	right: 5px;
	text-align: center;
}

.table_pad {
	border:#666666 1px solid;
	padding:5px;
	left: 5px;
	right: 5px;
}

.small {
font-size:12px;
}
.smalli {
font-size:12px;
color:#003399;
font-style:italic;
}
.exsmall {
font-size:10px;
}

.table_header {
	font-weight: bold;
	color: #999999;
	background-color: #FFFFFF;
	display: inline;
	padding: 3px;
	position: relative;
	top: -15px;
	margin-left: 15px;
}
.cal_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	
	color: #333333;

	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	
	border-bottom: 1px #000000 solid;
	margin-top:20px;
	
	
}
.cal_header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color:#CCCCCC;
	color: #333333;
	display: block;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	margin-top:20px;
	
	
}
.cal_title {
padding-left:5px;
font-style:italic;
font-weight:bold;

}
.cal_description {
display:block;
padding-left:45px;

margin-bottom:30px;

}

.BoardCommitteeMeeting, .EducationalTrainingEvents ,.SpecialEvents ,.VolunteerOpportunities  { background-color:#009966;  display:block; margin:3px; padding:2px; border:#666666 1px solid}
.EducationalTrainingEvents { background-color:#BDCA75;}
.SpecialEvents { background-color:#EDECAD; }
.VolunteerOpportunities { background-color:#CCCCCC; }



.title {

color:#333333;
text-decoration:underline;
font-size:18px;
font-weight:bold;
}
.subtitle {
text-decoration:none;
font-style:italic;
color:#666666;
}
.bodytext {
padding: 5px;
display:block;
}
.bodytext img {
border:#000000 2px solid;
margin:5px;}

.pagestyle1 {
font-size:16px;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
border-bottom:#666666 1px solid;
line-height:22px;
padding-left:10px;
padding-right:10px;
}
.pagestyle2 {
font-size:12px;
color:#000000;
border:#666600 1px solid;
padding:2px;
background:#FFFFD7;
line-height:22px;
}
.pagestyle3 {
color:#999999;
border-top:#000000 3px solid;
border-left:#000000 3px solid;
padding-right:10px;
padding-left:10px;
background:#E0ECCE;
line-height:22px;
font-weight:bold;
}
.pagestyle4 {
color:#000000;
border:#000000 1px dotted;
padding-right:5px;
padding-left:5px;
line-height:22px;
z-index:20;
}
.pagestyle5 {
color:#000000;
background:#FFFFD7;
line-height:22px;
z-index:10;
}
.pagestyle6 {
color:#006600;
font-weight:bold;

}
#rightside {
background-image:url(images/rigthtside/background_fade.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
width:225px;
margin-top:-2px;

}
#rightside .dot{
background-image: url(images/rigthtside/dot.gif);
background-repeat:no-repeat;
background-position:15px 5px;
padding-left:26px;
display:block;
font-style:italic;
}

#rightside_background {
	background-image: url(images/rigthtside/background.gif);

}


#rightside .right_header {
font-size:16px;
font-style:italic;
padding-left:3px;
display:block;
font-weight:bold;
}
#rightside .right_indent {
padding-left:23px;
display:block;
font-style:italic;
border-bottom:#000000 1px solid;
}

#rightside a, #rightside a:visited {
color:#000000;
text-decoration:none;
}
#rightside a:hover, #rightside a:visited:hover {
color:#ffffff;
text-decoration:underline;
background:#666666;
}
#rightside a:hover img, #rightside a:visited:hover img {
background:#cccccc;
}


.pickby {
	color:#ffffff;
	font-size:14px;
	position: relative;
	right: 8px;
	top: -30px;
	text-decoration: underline;
	width:inherit;
	font-style: italic;
	font-weight: bold;
	
	
	 display:block;  
	 text-align:right;
	 margin-bottom: -18px;
}

.error {
background-color:#FF0000;
color:#FFFFFF;
padding:5px;
text-align:center;
font-weight:bold;
}


.calwords {
font-size:12px;
padding:0px 0px 5px 0px;
text-align:left;
}

.calwords_lg {
font-size:16px;
padding:0px 0px 5px 0px;
text-align:left;
}


.cal_date {
text-align:left;
padding:30px 0px 2px 15px;
font-size:18px;
border-bottom:1px #666666 solid;
}


.cal_month {
text-align:left;
padding:15px;
margin-top:25px;
background-color:#333333;
color:#FFFFFF;
font-size:18px;
border-bottom:1px #666666 solid;
}

.cal_vol {
color:#009933;
text-align:left;
padding-left: 35px;
}


.timeslot {
padding:10px;
margin:10px 0px 10px 50px;
border-left:1px solid #666666;
text-align:left;
border-bottom:#CCCCCC dotted 1px;

}


.alignleft {
	text-align:left;
	}
.alignright {
	text-align:right;
	}
	
	.floatright {
		float:right;
		}	
	.floatleft {
		float:left;
		}
		
		
		.volbox {
			padding:5px;
			margin:10px;
margin-left:300px;
			border:1px solid #333;
			width:250px;
			position:relative;
			right:0px;
			}
			
			
.nounderline {
	text-decoration:none;
	}
	
	.cancel {
		font-size:10px;
		color:#F00;
		padding-left:10px;
		}



.adminbtn {
	background-image:url(images/grey_x.gif);
	background-repeat:no-repeat;
	}
	.adminbtn:hover {
	background-image:url(images/red_x.gif);
	}
	
	.clear {
		clear:right;
		}
		
		.grey {
			color:#CCC;
			padding:5px;}
			
			
		 .exempt {
			color:#999999;
			font-size:10px;
			}