/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size: .9em; 
 background-color:#cdcdcd; 
 background-image:url('../newsite/css/images/BgFade.jpg'); 
 background-repeat:repeat-x; font-style:normal; font-variant:normal; font-weight:normal
 } 

p, li, tr	{
	font-family: arial;
	font-size: .9em;
	}
	
a:link { 
	font-weight:normal; 
	text-decoration:underline;
	color: #000000; 
	}
a:visited { 
	font-weight:normal; 
	text-decoration: underline; 
	color: #40637f
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #6495ED;
	}		
	
h3	{ 
	font: normal 20px Arial;
	color:#000;
	padding-top:8px;
	}	
	
h4	{ 
	font: normal 18px Arial;
	color:#000;
	padding-top:0px;
	}	

h5	{ 
	font: bold 14px Arial;
	color:#000;
	padding-top:0px;
	line-height:18px;
	}
		
hr	{
	color:#40637F; 
	width:75%;
	height:2px;
	margin-top:15px;
	text-align:center;
	}	
	 
#pagewidth{ 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 border-left:2px solid #696969; border-top:2px solid #696969;
 border-right: 2px solid #406480;
 border-bottom: 2px solid #406480; 
 background-color:#FFF;  
 background:#FFF url('../images/blue_side.gif') repeat-y;  
} 

/*  ---------header styles ----------- */
	 
#header{
 position:relative; 
 height:127px; 
 background-color:#40637f; 
 width:800px;
 border-bottom:1px solid #D3D3D3;
} 

.slogan		{
			position:relative; 
			top:0px;
			left:170px;
			width:550px;
			color:#F5F5F5;
			font-weight:bold;
			font-size:12px; 
			font-family:Arial;
			padding-top:2px;
			padding-bottom:2px
			}	
	
/*  ---------left navigation styles ----------- */	
#leftcol{
 width:125px; 
 float:left; 
 position:relative; 
 background-color:

 }
 
#maincol
 {background-color: #FFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:620px;
 padding-left:10px;
 padding-top:0px;
 padding-right:5px;
 }

#maincol h3	{
			font:''; font-style:normal; font-variant:normal; font-weight:normal
			}

/*  ---------footer/copyright styles ----------- */	 
 
div#FooterCopyright  {
	position: relative;
	width: 100%;
	height: 18px;
	top: 0px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #fff;
	text-align: right;
	line-height: 18px;
	border-top: 3px solid #808080;
	z-index: 7;
	background-color: #000;   }
 
div#FooterCopyright a	{
						color:#FFF;
						}
			
#wrapper	{
			background:#FFF url('../newsite/images/leftnav_bg.jpg') repeat-y; 
			}	
		
			
.mission 	{
			border-left:1px ridge #C0C0C0;
			border-top:1px ridge #C0C0C0;
			border-right:1px solid #40637f;
			border-bottom:1px solid #40637f;
			float:left;
			margin:5px;
			margin-top:0px;
			margin-left:0px;
			background-color:#CDCDCD;
			width:190px;
			}
.mission li	{	
			list-style-image: url('../newsite/css/images/bullet5.gif');
 			list-style-position: outside;
 			padding-left:0px;
			font-family: Arial, sans-serif;
			font-size: 18px;
			font-weight:bold; padding-right:5px; padding-top:5px; padding-bottom:5px
			}
					
#mission ul	{
			list-style: none;
			margin:8px;
			font-family: Arial, sans-serif;
			font-size: 18px;
			font-weight:bold;
			line-height:23px;					
			}
#mission li	{			
 			list-style-image: url('../newsite/css/images/bullet3.gif');
 			list-style-position: outside;
 			padding-left:0px; padding-right:5px; padding-top:5px; padding-bottom:5px
 			}
		
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;}
/*hide the border around the page content*/
#pagewidth{ border:0px} 
#maincol{width:650px; display:block; float:none;}
} 

/*  ---------The following styles are for the new left navigation 02/08/06 ----------- */
		
#navigation2 {
	position: relative;
	top: 0px;
	left: -3px;
	width: 155px;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height:30px;
	z-index:20
	}

#navigation2 ul {
		list-style: none;
		text-align:left;
		padding: 6px 0px 0px 0px; 
		margin: 0px 0px 0px 0px; 
		vertical-align: middle;
		}
		

#navigation2 li a:link {
		display: ;
		color: #FFF;
		text-decoration: none;
		height:20px;
		margin: 0px; 
		font-weight:bold; 
		padding-left:0px; 
		padding-right:0px; 
		padding-top:6px; 
		padding-bottom:0px

		}

html>body #navigation2 li a {
		width: auto;
		}

#navigation2 li a:visited {
		display: ;
		color: #C0C0C0;
		text-decoration: none;
		height:24px;
		font-weight:bold;
		padding-left:0px; 
		padding-right:0px; 
		padding-top:6px; 
		padding-bottom:0px
		}
		
#navigation2 li a:hover {
						display: ;
						color: #A9A9A9;
						text-decoration: none;
						height:24px;
						font-weight:bold;
						padding-left:0px; 
						padding-right:0px; 
						padding-top:6px; 
						padding-bottom:0px
						}
						
#about_content	{
			position:absolute; 
			bottom:70px; 
			right:20px; 
			width:300px;
			height:220px; 
			z-index:21; 
			border:2px solid #696969;
			background-color: #DCDCDC; 
			padding:5px;
			}	
			
legend	{
		font: Arial;
		font-size:20px;
		color:#4682B4;
		font-weight: normal;
		}	
		
/*  --------- main page styles for content boxes ----------- */

#event 		{
			position:;
			border:1px solid #808080; 
			width:300px; 
			float:left; 
			margin-left:0px; 
			background:#DCDCDC url('../images/blue_wred.gif') repeat-x; 
			margin-right:5px; 
			margin-top:10px; 
			margin-bottom:5px; 
			padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom:5px 
			}	

#event h5	{ 
			font: bold 14px Arial;
			color:#000;
			padding-top:0px;
			line-height:20px;
			margin-top:10px;
			margin-bottom:0px;
			padding-bottom:0px;
			}		
					
#event2 		{
			position:relative;
			border:1px solid #808080; 
			width:250px; 
			float:left; 
			margin-left:10px; 
			background:#DCDCDC url('../images/blue_wred.gif') repeat-x; 
			margin-right:5px; 
			margin-top:10px; 
			padding: 5px;
			padding-top:0px;

			}
			
#event2 h5	{ 
			font: bold 14px Arial;
			color:#000;
			padding-top:0px;
			line-height:18px;
			margin-top:10px;
			margin-bottom:0px;
			padding-bottom:0px;
			}	
			
#event3		{
			position:relative;
			border:1px solid #808080; 
			width:277px; 
			float:left; 
			margin-left:0px; 
			background:#C0C0C0 url('../images/blue_wred.gif') repeat-x; 
			margin-top:10px;
			margin-right:5px; 
			padding: 5px;
			padding-top:0px; 
			}	
			
.event_title	{
				display:inline; 
				font-family:Arial;
				font-size:14px;
				line-height:18px;
				font-weight:bold;
				color:#FFF; 
				width:125px; 
				height:20px; 
				margin-top:2px; 
				margin-left:-5px;
				padding-left:5px;
				}
				
.next_meeting	{
				display:inline; 
				font-family:Arial;
				font-size:14px;
				line-height:18px;
				font-weight:bold;
				text-align:center;
				color:#000; 
				width:170px; 
				height:50px;
				border:2px ridge #DCDCDC;
				background-color:#F5F5F5; 
				margin:5px;
				margin-top:20px;
				padding:8px;
				float:right;
				}