/* CSS Document */
body
{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	/*background-color:#155d97;*/
	background-color:#587584;
}

img	
{
	border-style:none;
}


#wrapper
{
	width:780px;
	/*background-color:#AEC4D7;*/
	background-color:#D4DDE5;
	margin-left:auto;
	margin-right:auto;	
}

#header
{
	/** use em's not px's for font-size**/
	font-size:2.0em;
	color:#400080;
	width:779px;
	
	
	
}
#topnav
{
    font-size: 1em;
    clear:both;
    letter-spacing:0.1em;
}    

#sidebar
{
	width: 145px;
	/*background-color:#AEC4D7;*/
	background-color:#D4DDE5;
	float:left;
	font-size:1em;
	color:#0000FF;
	margin-left:5px;
	margin-top:10px;
}	
	
a.boldbuttons
{
	background: transparent url(buttons/roundedge-gray-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons
{
	color: white; /*button text color*/
}

a.boldbuttons span
{
	background: transparent url(buttons/roundedge-gray-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	width:105px;
}

a:hover.boldbuttons
{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper
{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	
}

#calendar
{
    float:left;   
}    

#footer
{
	background-image:url(../Images/fbclfooter_logo.PNG);
	background-position:left center;
	background-repeat:no-repeat;	
	height:100px;	
	clear:both;
	text-align:center;
	font-size:0.6em;
    background-color:#FFFFFF;
	border-top-color:#999999;
	border-top-style:solid;
	border-top:thin;
}

.praise
{
	font-size:0.8em;
}

#content
{
	background-color:#97A4B1;
	padding:10px;
	width:580px;
	margin-top:10px;
	float:left;
}		
	
#contentPane01
{
	/*background-color:#EDE7B1;*/
	background-color:#97A4B1;
	width:450px;
	float:left;
	padding:10px;
	font-size:0.8em;
	margin-top:10px;
	text-align:center;
	
}

#contentPane02
{
	background-color:#D4DDE5;
	width:135px;
	padding:10px;
	font-size:0.8em;
	margin-top:10px;
	float:left;
}

.mission
{
	text-align:center;
	font-size:1.2em;
}

.wrap
{
	float:left;
}

.smallPrint
{
	font-size:0.8em;
	font-weight:bold;
}

.subscribe
{
	/*color:#FF0000;*/
	color:#51636E;
	font-family:Calibri, Cambria, "Microsoft Sans Serif";
	font-size:.8em;
	padding-right:5px;
}

.headings
{	
	font-family:"Century Gothic";
}

.headerLink
{
	border:none;
}	

.link	
{
	color:black;
	active-color:black;
	visited-color:black;
}		

.headerTable
{
	width:780px;
	height:90px;
	font-family:Calibri, Cambria, "Microsoft Sans Serif";
	background-color:#CCCCCC;
	clear:both;
	font-size:.5em;
}

.address
{
	font-size:1.5em;
	font-family:Calibri, Cambria, "Microsoft Sans Serif";p
}

.required{
color:#FF0000;
}		

.subscribe
{
	color:#FF0000;
}

.subscribeButton	{

color:#FF0000;

}

.mail
{
	color:#75764E;
	active-color:#75764E;
	visited-color:#75764E;
}

.small
{
	font-size:.6em;
}

.about
{
	font-family:"Century Gothic";
	float:left;
}

.heart
{
	/*color:#294d7d;*/
	color:#29677d;
	font-family:"Century Gothic";
	font-weight:bold;
	font-size:1.2em;
}

.news{
	clear:both;
}

/* horizontal menu list */

.nav ul{
	list-style-type: none; 
	margin: 0;
	padding: 0;
	text-align: center;
	
}

.nav ul li{
	display: inline;
}

.nav ul li a 
{ 
	text-decoration: none; 
	padding: .2em 1em;
	color: #000000;
}

.nav ul li a:hover
{
	color: #ffffff;
	background-color: #97A4B1;
}

/* vertical menu */

.vnav ul{
	list-style-type: none; 
	margin: 0;
	padding: 0;
	text-align: left;
}

.vnav ul li{
	font-size:.6em;
}

.vnav ul li a 
{ 
	text-decoration: none; 
	padding: .2em 1em;
	color: #000000;
}

.vnav ul li a:hover
{
	color: #ffffff;
	background-color: #97A4B1;
}