@charset "utf-8";
/* CSS Document */

hr {color:#c2d2ec; margin: 12px 0 2px 0; }
img {border: 0;}
a:hover img {background-color:#fff;}
label {font-weight: bold; line-height:22px;}
h3 {clear:both;}

/*Primary Navigation */ 

#nav {
	float: left; 
	width: 220px; 
	border-top: 1px solid #fff; 
	border-right: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-bottom: 1px solid #fff; /*#c2d2ec*/
	list-style-type: none; 
	padding: 0;
	margin: 0;
	height: 100%;
	behavior:url("/includes/csshover3.htc");
	}
#nav ul {
	padding: 0;
	margin: 0;
	}
	
#nav li {
	display: inline;
	float: left;
	width: 100%;
	border-bottom: 1px solid #bbbbb7; 
	}	

#nav li a {
	display: block; 
	padding: 3px 0 3px 12px; 
	margin: 0;
	text-decoration: none; 
	}

#nav li ul {
	display: none;  
	list-style-type: none; 
	}

#nav li > ul > li a {
	padding: 2px 0 2px 28px; 
	margin: 0;
	background: #fff; 
	font-size:.85em; 
	border-bottom: 1px solid #fff; 
	}

/* used in navslide.js function*/
.navBackground {
background-color: #c2d2ec;	
}

.navClick:hover  {
	background-image:url(/subsite/img/arrowIcon.png);
	background-repeat:no-repeat;
	background-color: #eef2fa;
	color: #336; 
	}

.navClick ul:hover {
	background-color: #eef2fa;
	text-decoration:underline;
	}
	
.navTest {
	width: 220px;
	clear:both;
	}		

/* layout classes */
.TopHeader {
	float: left;
	width: 100%;
		}
		
.subsiteTable {
	width: auto;
	margin: 12px 0 0 0;
	padding: 0;
	height: auto;
	}		

/* sets padding for primary page with left-hand nav, standard wrapper for page templates*/
.ssMainTable {	
	margin: 0 12px;
	padding: 0 4px;
	width: 680px;
	}


/*bold subsection font in left nav*/  
.subsectionNav {
  font-weight:bold;
  color:#000;
  padding: 4px 0 4px 0;
  margin: 0;
  font-size: 1em;
  font-family: Georgia, Times, serif;
  border-bottom: 1px solid #c2d2ec;
  }  
	
.centerContent {
	padding: 0;
	margin: 0;
	border-left: 1px solid #bbbbb7; 
	}
.RightColumn {
	width: 200px;
	float: right;
	}	
	
.PageTitles {
	color: #333366;
	font-size: .9em;
	font-weight:bold;
	padding: 8px 0 0 12px;
    font-family: Georgia, Times, serif;
	}

/* use for left hand nav contact information */	
.contactTxt {
	font-size: .8em;	
	padding: 6px 0 0 0;
	margin: 0;		
	line-height: 16px;
	position:relative;
	bottom: .-5%;
	height:inherit;
	}	

/*style for old style blue top header bar*/	
.mainContentHeader {
	border-top:1px solid #bbbbb7;
	background-image: url(/subsite/img/headerBarBG.png);
	background-repeat:repeat-x;	
	background-position:bottom;
	padding: 10px 0 8px 8px;
	margin:  0 2px 0 4px;
	font-family:"droid_serifregular", Georgia, Times, serif;
	font-size: 1.3em;
	height:24px;
	color: #393939;
	}	
	
.mainContentHeaderTall {
	background-image: url(/subsite/img/headerBarTallBG.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding: 0 0 4px 8px;	
	margin: 0 2px 0 4px;
	font-family:"droid_serifregular", Georgia, Times, serif;
	font-size: 1.2em;
	border-top:1px solid #bbbbb7;
	height:auto;
	color: #393939;	
	}	
	
.smBox {
	float: left;
	border: 1px solid #c2d2ec;
	margin: 6px 4px 12px 4px ;
	width: 120px;
	height: 80px;
	padding: 6px;
	text-align:center;
	font-size: .9em;
	line-height:14px;
	}	
		
.countySection {
	padding: 12px 0 0 12px;
	border-left: 1px solid #c2d2ec;
	}	
		
	
.inPageMenu {
	float: left; 
	list-style-type: none; 
	padding: 0 ;
	margin:0;	
	}
	
.inPageMenu li {
	float: left;
	padding:0 4px;
	margin: 0 2px;
	}		
	
.blockLists	{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 4px;
	}
.blockLists	li {	
	padding: 6px 0 6px 8px; 
	}
.altRow{	
	background-color: #e3e3e1;
	}	

.newsAltRow{	
	background-color: #e3e3e1;
	padding:6px 12px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	}	
.newsRow{	
	background-color: #fff;
	padding:6px 12px;
	}
.newFinalRow {
	background-color: #fff;
	padding:6px 12px;
	border-bottom:1px solid #ccc;	
	}				

.rules {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;			
	margin: 12px 12px 12px 0;
	}
	
.backToTop {
	font-smooth: auto;
	-webkit-font-smoothing: antialiased;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;			
	text-align:	right;
	margin: 12px 12px 12px 0;
	}
	
.menuList li{
	padding: 5px;
	}

.currentEventsContent {
	padding: 6px;
	}		
.tabOutline	{
	border: 1px #686b8b solid;
	padding: 2px;
	background-color:#c9d1df;
	}	
	
.mjcLower	{
	position: absolute;
	top: 250px;
	z-index:1;
	}
	
/* used to hold member names and assoc, box with dropshadow */	
.memberSection {
	width: 300px;
	float:left;
	min-height: 90px;
	height:auto;
	box-shadow: 4px 3px 3px #CCC;
	margin: 8px;
	padding: 8px 0 8px 12px;
	line-height:20px;
	border: 1px solid #e3e3e1;
	}	
	
.memberSection a{
	font-weight:bold;
	}	
	
/* for member pics, floats pic to right and adds padding */	
.bioPic {
	float:right;
	padding: 0 0 8px 12px;
	}	
	
/* for contact information that's larger than the memberSection cards */		
.contactSection {
	width: 420px;
	float:left;
	height:auto;
	box-shadow: 4px 3px 3px #CCC;
	margin: 8px;
	padding: 8px 0 8px 12px;
	line-height:20px;
	border: 1px solid #e3e3e1;
	}	
	
.contBot {
	margin: 4px 0 32px 8px;
	}