/***********************************************/
/* BFFR.css                             */
/* Use with template           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.166;
	margin-left: 0px;
	margin-top: 0px;
}

a{
	text-decoration: underline;
	color: #0000FF;
}

a:visited{
	color: #FF00FF;
}

a:hover{
	text-decoration: none;
	color: #009900;
}

h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 14pt;
 color: #334d55;
 margin: 0px;

}

h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #009900;
 margin: 0px;
 padding: 0px;
}

h3{
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/************** #masthead div - top photo **************/
#masthead{
	border-bottom: 1px solid #cccccc;
	width: 864px;
}

#rotatingPhoto{
	visibility: visible;
	position: absolute;
	z-index: 3;
	width: 175px;
	height: 125px;
	left: 650px;
	top: 4px;

}

#logo{
position:absolute; top:5px; left:10px; 
}

/************* #globalNav - the horizontal main navigation bar **************/

#globalNav{
	border-bottom: 1px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #009900;
	width:1080px;
	height:23px;
}

#globalNav td {
	valign="middle" 
}

#globalNav a {
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}


#globalNav a:hover{
	text-decoration: underline;
}

/************* #emergencyNav - horizontal main navigation bar for emergency section **************/

#emergencyNav{
	border-bottom: 1px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #FF0000;
	width:1080px;
	height:23px;
}

#emergencyNav td {
	valign="middle" 
}

#emergencyNav a {
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}

#emergencyNav a:hover{
	text-decoration: underline;
}



/************** #allColumnContainer div - wrapper for all 3 columns **************/

#allColumnContainer{

	width: 890px;
	position:absolute;   
	left: 0px;  
	top: 158px;  
/*	float:left;   */
} 


/********** #contentContainer div - wrapper for right-side content - PSA, center column, right column**********/
/********** Parent element: allColumnContainer**********/

#contentContainer{
	position:relative;   
	left: 240px;  
}

/********** #wideContentContainer div - wrapper for extra wide content - PSA, center column, right column**********/
/********** Parent element: allColumnContainer**********/

#wideContentContainer{
	position:relative; 
	width: 600px;  
	left: 240px;  
 
}

/********** #superwideContentContainer div - wrapper for extra wide content - PSA, center column, right column**********/
/********** Parent element: allColumnContainer**********/

#superwideContentContainer{
	position:relative; 
	width: 900px;  
	left: 240px;  
}


/************** .psaContainer div - to hold a wide graphic to run above the center and right columns **************/
/********** Parent element: contentContainer**********/
.psaContainer{
	position:static;  
	width: 650px;
/*	top: 10px;  */
	height: 100px;
}

.psaContainer a:link{
	border:none;
	color:#000000;
}

.psaContainer a:visited{
	border:none;
	color:#000000;
}

.psaContainer a:hover{
	border:none;
	color:#000000;
}

.psaContainer img{
	border:none;
}


/********** #twoColumnContainer div - wrapper for center column and right column**********/
/********** Parent element: contentContainer**********/
/********** Should automatically move up in the absence of a PSA element**********/

#twoColumnContainer{
	position:static;   
}


 
/************** .rightColumnContainer div - wrapper for all right column items **************/
/********** Parent element: twoColumnContainer**********/
.rightColumnContainer{
	float: right;
	width: 225px;
	position: static;
/*	left: 375px;   */
 	top: 0px;
}

/************** .headlines div - right column items within the rightColumnContainer **************/
.headlines{
	font-size: 12px;
/*	padding: 10px 0px 20px 10px;  */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	width: 225px;  
}

/*********** .boxedItem - A special item to insert into the left column vertical navigation ***********/

.boxedItem{
	width: 170px; 
	background-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #00FF00;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #00FF00;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #00FF00;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00FF00;
	position:relative;
	top: 10px;  
	left: 20px; }

.boxedItem h1 {
	font-family: Verdana,Arial,sans-serif;
	font-color:#009900;	   
	font-size:14px;
	font-weight:bold;
	padding-top: 10px;
/*	padding-bottom: 10px;   */
	padding-left: 10px;
}

.boxedItem h2 {
	font-family: Verdana,Arial,sans-serif;
  	font-color:#00FF00;	   
	font-size:14px;
	font-weight:bold;
	padding-top: 10px;
/*	padding-bottom: 10px;   */
	padding-left: 10px;
}
.boxedItem h3 {
	font-family: Verdana,Arial,sans-serif;
  	font-color:#009900;	   
	font-size:12px;
	font-weight:bold;
	padding-top: 10px;
/*	padding-bottom: 10px;   */
	padding-left: 10px;
}
.boxedItem p {
	font-family: Verdana,Arial,sans-serif;
	font-color:#009900;	
	font-size:12px;
/*	padding-top: 10px;      */
/*	padding-bottom: 10px;   */
	padding-left: 10px;
	padding-right: 10px;
}

.boxedItem a {
	font-family: Verdana,Arial,sans-serif;
	font-size:12px;
/*	padding-top: 10px;      */
/*	padding-bottom: 10px;   */
/*	padding-left: 10px;  */
}

/*********** .callcounter - text section that shows call volume to date ***********/
.callcounter{
/*	width: 200px;  */
	background-color: #eeeeee;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding: 0px 0px 10px 10px;   
/*	float:left;   */
}

.callcounter p {
	font-family: Verdana,Arial,sans-serif;
	font-color:#009900;	
	font-size:14px;
/*	padding-top: 10px;    */
/*	padding-bottom: 10px;   */
	padding-left: 10px;
}

.clearthefloats {clear:both;}





/************** .feature class - center column copy ***************/
/************** Parent element: twoColumnContainer ***************/

.feature{
	position: static;
 	font-size: 12px;
	width: 355px;
}


.feature img{
/*	float:left;   */
	padding: 10px 10px 0px 0px;
}

.feature h1{
	font-family: Verdana, Arial, sans-serif;
 	font-size: 14pt;
 	color: #334d55;
 	margin: 0px;
/* 	padding-top: 10px;   */
}

.widefeature{
	position: static;
	font-size: 12px;
	width: 550px;   
	padding-right: 20px;  
}

.superwidefeature{
	position: static;
	font-size: 12px;
	width: 860px;   
	padding-right: 20px;  
}

.widefeature h1{
	font-family: Verdana, Arial, sans-serif;
 	font-size: 14pt;
 	color: #334d55;
 	margin: 0px;
 	padding-top: 10px;
}

.widefeature td {
	font-family: Verdana, Arial, sans-serif;
 	font-size: 8pt;
 	color: #000000;
	align="center"
	
}

.calendar{
	position: static;
	}
	
.calendarTop table{
	caption-side:top;
	clear: left;/*	width: 350px;    */
/*	border: 1px solid #000000;  */
	}
	
.calendarTop td{
	text-align: center;
	width: 30px;
	/*	border: 1px solid #000000;   */
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}

.calendarDays table{
	font-size: 12px;
	font-weight:bold;
	caption-side:top;
/*	width: 350px;    */
/*	border: 1px solid #000000;  */
	}

.calendarDays td{
	text-align: center;
	width: 30px;
	height: 15px;
	padding-top: 0px;
	color: #FFFFFF;

	}
	

.feature img{
/*	float: left;   */
	padding: 10px 10px 10px 10px;
	color: #000000;
	color: #000000;
}


/************** #leftColumnContainer div - wraps left column items **************/
.leftColumnContainer{
	width: 200px;
	position:absolute;
	left: -3px;   
	top: 0px;  
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

}

/*********** .upcomingDates - Member area reminder section ***********/

.upcomingDates{
	width: 199px;
	font-color:#009900;
	font-size: 12px;
	padding-left: 10px;

}

.upcomingDates h2{
	font-size: 18px;
	padding-top: 10px;
	border-bottom: none;
}

.upcomingDates h3{
	font-size: 14px;
	padding-bottom: 2px;
}

.upcomingDates a{
	display: block;
	font-color:#009900;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
/*	padding-left: 10px;   */
/*	border-bottom: 1px solid #cccccc;    */
}


.upcomingDates a:link{
	color: #009900;
}

.upcomingDates a:visited{
	color: #009900;
}

.upcomingDates a:hover{
	color: #000000;
/*	text-decoration: underline;   */

}


.upcomingDates p{
	font-color:#000000; 
	text-decoration: none;
	padding-right: 10px;
/*	padding-left: 10px;   */
	font-size: 12px;
}

/*********** .relatedLinks - left column vertical navigation ***********/

.relatedLinks{
	width: 179px;
	font-color:#009900;
	font-size: 12px;
	padding-left: 20px;
}

.relatedLinks h2{
	font-size: 18px;
	padding-top: 10px;
	border-bottom: none;
}

.relatedLinks h3{
	font-size: 14px;
	padding-bottom: 2px;
}

.relatedLinks a{
	display: block;
	font-color:#009900;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
/*	padding-left: 10px;   */
	border-bottom: 1px solid #cccccc;
}


.relatedLinks a:link{
	color: #009900;
}

.relatedLinks a:visited{
	color: #009900;
}

.relatedLinks a:hover{
	color: #000000;
	text-decoration: underline;

}

.relatedLinks p{
	font-color:#000000;
	text-decoration: none;
	padding-right: 10px;
/*	padding-left: 10px;   */
	font-size: 12px;
}




/************* #siteInfo - bottom copyright and webmaster info ***************/

#siteInfo{
/*	position:static;    */
/*	border-top: 1px solid #cccccc; */
	font-size: 10px;
	padding: 10px 10px 10px 10px;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
}

#siteInfo a {
	color:#0000FF
	text-decoration:underline
}