/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

img{ vertical-align:bottom;}

a img { border: none; }

a:link {
color:#44641b;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}@charset "UTF-8";
/* CSS Document */



/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}


body {
font: normal 75% Tahoma, Arial,Helvetica,sans-serif; 
color: #000;
margin: 0;
font-size:12px;
}


/* | page header styles
   --------------------*/
#wrapPage {
width:100%;
} 

.container {
margin: 0 auto;
width: 940px;
}

#wrapHeader {
float: left;
width: 940px;
height: 170px;
}
	#wrapHeader .gutter {
	
	}

#logo {
float: left;
width: 200px;
padding:0 0 30px;
}
	#logo .gutter {
	
	}

#wrapUtility {
width: 700px;
float: right;
}
	#wrapUtility .gutter {
	
	}

/* | main nav styles
   -------------------*/
#wrapNav {
float: left;
width: 940px;
clear: both;
position: relative; 
z-index:100;
}
	#wrapNav .gutter {
	padding: 0 20px;
	background: url(bgNav.png) repeat; 
	height:36px;
	}

/* | wrapMedia styles
   --------------------*/
#wrapMedia {
position: relative; 
z-index:1;
}
	#wrapMedia .gutter {
	padding: 10px 20px;
	}

/* | content structure
   --------------------*/
#wrapContentOuter {
float: left;
width: 940px;
position: relative; 
z-index: 1;
}

	#wrapContentInner {
	width: 940px;
	float: left;
	}

		#contentPrimary {
		width: 678px;
		float: right;
		}
			#contentPrimary .gutter {
			padding: 50px 0 20px 0;
			}
	
	
		#contentSecondary {
		width: 262px;
		float: left;
		z-index: 1;
		position: relative;

		}
			#contentSecondary .gutter {
			padding: 50px  41px 20px 0;
			}
			
			.sideFeature {
			width:220px;
			padding:0 0 30px;
			}
			
			#contentSecondary p {
			font-size:12px;
			font-weight:bold;
			color:#626799;
			margin:0 0 .5em;
			}

	#contentSub {
	width: 200px;
	float: right;
	}
		#contentSub .gutter {
		padding: 20px;
		}

#wrapFooter {
width:100%;
clear:both;
background: #c8c9da url(bgFooter.gif) top center no-repeat;
}
	#wrapFooter .gutter {
	width:940px;
	margin:0 auto;
	padding:22px 0;
	}
	#wrapFooterContent {
	width:940px;
	float:left;
	}
	#footerNav {
	position:relative;
	float:left;
	}
	#footerContact {
	position:relative;
	float:right;
	font-size:13px;
	line-height:15px;
	color:#737373;
	}


/* ---------------------
 | Flexi - Layout
------------------------ */

#wrapSectionPrimary {
width: 100%;
float: left;
}
.sectionA,
.sectionB,
.sectionC {
line-height: 0;
}
#wrapSectionPrimary .gutter,
#wrapSectionSecondary .gutter {
line-height: 18px;
}

	#wrapSectionPrimary .sectionA {
	width: 100%;
	float: left;
	clear: both;
	}
		#wrapSectionPrimary .sectionA .gutter {
		padding:  0;
		}
		
	#wrapSectionPrimary .sectionB {
	width: 49%;
	float: left;
	}
		#wrapSectionPrimary .sectionB .gutter {
		padding: 0;
		}
	
	#wrapSectionPrimary .sectionC {
	width: 49%;
	float: right;
	}
		#wrapSectionPrimary .sectionC .gutter {
		padding: 0;
		}

#wrapSectionSecondary {
width: 100%;
float: left;
}

	#wrapSectionSecondary .sectionA {
	width: 100%;
	float: left;
	clear: both;
	}
		#wrapSectionSecondary .sectionA .gutter {
		padding: 0;
		}
		
	#wrapSectionSecondary .sectionB {
	width: 49%;
	float: left;
	}
		#wrapSectionSecondary .sectionB .gutter {
		padding: 0;
		}
	
	#wrapSectionSecondary .sectionC {
	width: 49%;
	float: right;
	}
		#wrapSectionSecondary .sectionC .gutter {
		padding: 0;
		}

/* ----------------------
 | heading and text styles
   + Form titles; linked headers = header default (Dan)
     calendar form header = h1 style, rest of BBFormHeadings = h2 style
	 subtitles = h3 for event registration, new user reg? (Dan)
------------------------ */
h1 {
font-size:26px;
line-height:26px;
color:#9194b5;
font-weight:bold;
display:block;
padding:0 0 30px;
}

h2 {
font-size:18px;
color:#799950;
font-weight:bold;
}

	#contentSecondary h2, #contentSecondary h2 a {
	font-size:16px;
	line-height:16px;
	color:#799950;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 6px;
	}
	
	#contentSecondary h2 a {
	display:none;
	}
	#contentSecondary h2 a.current {
	display:inline;
	}
	
h3 {
font-size:16px;
color:#799950;
font-weight:bold;
}

h4{
font-size:14px;
color:#799950;
font-weight:bold;
}
h5 {

}
h6 {

}

p, *.ListViewEventSubtitle, *.ListViewEventTime, *.ListViewEventLocation, *.DiscussionGroupMessage, *.DiscussionGroupHeadingText, *.DiscussionTopicListHeader, #wrapFooter h3, *.EventItemTitleDescription, *.BBMessage{
margin: 0 0 1.5em;
}

/* --------------
 | Image styles
 --------------- */
img {
vertical-align:bottom;
}

a img{
border: 0 none;
}

.imageLeft{
float: left;
width: auto;
margin: 0 5px 5px 0; /*Edit as needed */
}

.imageRight{
float: right;
width: auto;
margin: 0 0 5px 5px; /*Edit as needed */
}

/* --------------
 | Table styles
 --------------- */
table {
font-size: 1em;
border-collapse: collapse;
}
td {
vertical-align: top;
padding: 0;
}
.bbContentTable {
/* attached jQuery to this class for alt row styling */
}
.bbDataTable th {

}
.bbDataTable tr.BBListOddRowStyle td {

}
.bbDataTable tr.BBListEvenRowStyle td {

}

/* --------------
 | List styles 
 --------------- */

#wrapContentOuter ul{
list-style:disc;
list-style-position: outside;
margin: 0 0 1.5em 20px;
padding: 0;
}
#wrapContentOuter ul ul {
list-style:circle;
margin-bottom: 0;
padding: 0;
}

#wrapContentOuter ul li{
padding: 0;
margin: 0;
line-height: 1.5em;
}

#wrapContentOuter ol {
list-style-position: outside;
list-style:decimal;
margin: 0 0 1.5em 23px;
padding: 0;
}
#wrapContentOuter ol ol {
list-style:lower-alpha;
margin-bottom: 0;
padding: 0;
}

#wrapContentOuter ol li {
padding: 0;
margin: 0;
line-height: 1.5em;
}

/* navigation */

#wrapNav ul, #wrapNav ul ul  { list-style:none; margin:0; z-index:500; padding:0; }
#wrapNav ul li { float: left; z-index:100; position:relative; background: transparent; display: block; height: 36px; }
#wrapNav ul li a { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 14px; padding: 0 14px;  display: block; line-height: 36px; }
#wrapNav ul li a:hover { color: #d7d9e7; }


#wrapNav ul li li { clear: both; margin: 0; padding: 0 10px;  height: auto; display: block; background: url(bgNav.png) repeat scroll 0 0 transparent; }
#wrapNav ul li li a { width: 250px; margin: 0; padding: 7px 0; line-height: 1.2em; text-transform: none; border-top: 1px solid #a1a2a3; font-size: 13px; display: block;  }
#wrapNav ul li li:first-child a{ border-top: 0; }

#wrapNav ul ul ul { margin-left: 0px; }

/* =1.0 drop down menu */
div#wrapNav ul li ul, div#wrapNav ul li:hover li ul, div#wrapNav ul li:hover li:hover li ul, div#wrapNav ul li:hover li:hover li:hover li ul {
position:absolute;
left:-50000px;
float:left;
}
div#wrapNav ul li:hover ul {
position:absolute;
left:0;
top:100%;
z-index: 100;
}
div#wrapNav ul li:hover li:hover ul, div#wrapNav ul li:hover li:hover li:hover ul, div#wrapNav ul li:hover li:hover li:hover li:hover ul {
position:absolute;
left:100%;
top:0;
}
/* =1.5 ie6 css */
div#wrapNav ul li ul, div#wrapNav ul li.hover li ul, div#wrapNav ul li.hover li.hover li ul, div#wrapNav ul li.hover li.hover li.hover li ul {
position:absolute;
left:-50000px;
float:left;
}
div#wrapNav ul li.hover ul {
position:absolute;
left:0;
top:100%;
}
div#wrapNav ul li.hover li.hover ul, div#wrapNav ul li.hover li.hover li.hover ul, div#wrapNav ul li.hover li.hover li.hover li.hover ul {
position:absolute;
left:100%;
top:0;
}


/* contentSecondary nav */


#contentSecondary h2 a.current {
	display:inline;
}

#contentSecondary ul.nav {
	list-style:none;
	margin:0;
	padding:0 0 30px;
	border-top: 1px solid #bebfc0;
}

#contentSecondary ul.nav li {
	padding:10px 0;
	border-bottom:1px solid #bebfc0;
}

#contentSecondary ul.nav li a {
	color: #626799;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	text-decoration: none;
	display:block;
}

#contentSecondary ul.nav li a.current,
#contentSecondary ul.nav li a.section {
	background:#797b7d;
	color: #fff;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	text-decoration: none;
	padding:5px 8px;
	display:block;
}

#contentSecondary ul.nav li.level-1 ul {
	list-style:none;
	margin:0;
	padding:0 0 5px;
	background:#d7d9e7;
	border-top:2px solid #fff;
}

#contentSecondary ul.nav li.level-1 ul li.level-2 {
	padding:5px 0 5px 20px;
	border: medium none;
}

#contentSecondary ul.nav li.level-1 ul li.level-2 a {
	font-weight:normal;
	line-height:13px;
}

#contentSecondary ul.nav li.level-1 ul li.level-2 a.current {
	background:transparent none;
	color:#000;
	padding:0;
	font-weight:bold;
}


/* End contentSecondary nav*/


/* --------------
 | Footer Menu
 --------------- */

#wrapFooter ul, #wrapFooter ul ul  {
	list-style:none;
	margin:0;
	padding:0;
	}
#wrapFooter ul li {
	float: left;
	position:relative;
	background:url(bgFooterNavRight.gif) top right no-repeat;
	display: block;
	height: 22px;
	padding:0;
	}
#wrapFooter ul li a {
	color: #737373;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	padding: 4px 26px 14px 6px;
	display: block;
	line-height: 14px; 
	background:url(bgFooterNavLeft.gif) 0 0 no-repeat;
	}
#wrapFooter ul li a:hover {

	}

#wrapFooter ul li li { 
	clear: both; 
	margin: 0; 
	padding:0 20px 0 0; 
	height: auto; 
	display: block; 
	background:transparent none;
	}
#wrapFooter ul li li a {  
	margin: 0; 
	padding: 4px 0; 
	line-height: 1.2em; 
	text-transform: none;
	font-size: 11px;
	line-height:14px;
	color:#626799;
	display: block; 
	background:transparent none; 
	}
#wrapFooter ul li li a:hover {
text-decoration:underline;
} 
#wrapFooter ul li li:first-child a{ border-top: 0; }

#wrapFooter ul ul ul { margin-left: 0px; }

#footerContact ul li {
background:transparent none;
width:200px;
}
#footerContact ul li a {
background:url(bgFooterContact.png) 0 0 no-repeat;
padding:4px 6px 14px;
}
#footerContact ul li li {
	padding:0 0 10px;
	}

/* --------------
 | Link styles
 --------------- */
a {

}

a:visited {

}

a:hover {

}

a:active {

}

/* --------------------
 | custom form styles
----------------------- */
/* body textarea, textarea, select */

#donate-now { float: right; padding-left: 20px; }
#donate-now a { display: block; width: 172px; height: 37px; background: url(buttonDonate.gif) no-repeat; text-align: center; text-decoration:none; }
#donate-now a span { color: #707379; display: none; text-align: center; line-height: 37px; font-weight: bold; font-size: 18px; text-transform:uppercase;   }

#tagline { float: right; padding-top:1px; }

#search-connect { float: right; padding-top: 80px; }

#search {
	float: right;
	width:264px;
	height:28px;
	background:url(bgSearch.jpg) 0 0 no-repeat;
	}
	#searchText {
	width:190px;
	padding:2px 0 0 5px;
	height:24px;
	border:medium none;
	background:transparent none;
	}
	#searchSubmit {
	width:68px;
	height:24px;
	padding:2px 0 0;
	border:medium none;
	background:transparent none;
	}

#social { color: #6c8a46; font-weight: bold; float: right; padding: 4px 0 0 0;  }
#social a { color: #6c8a46; text-decoration:none; display: inline-block; height: 17px; line-height: 17px; padding:0 15px 0 0;}
#social a.enews {line-height:20px;background:url(bgENews.gif) top right no-repeat;padding:0 30px 0 0;}
#social .sn-icon { display: inline-block; height: 17px; width: 17px; line-height: 17px; vertical-align: text-bottom; }
#social .sn-icon span { display:none; }
#social .twitter { background: url(iconTwitter.gif) no-repeat; }
#social .facebook { background: url(iconFacebook.gif) no-repeat; }
#social .rss { background: url(iconRss.gif) no-repeat; }

#wrapMedia .caption { padding: 8px; color: #fff; font-size: .9em; background: #9194b6 url(bgCaption.gif) no-repeat bottom; margin-top: 5px; }

#share { height: 50px; }

/* ----------------
 | custom styles
------------------ */



/* ----------------
 | Skipnav styles
 --------------- */
a.skip {
position: absolute;
top: -50em;
font-size: 1.2em;
font-weight: bold;
}
a.skip:hover,
a.skip:active,
a.skip:focus {
position: absolute;
left: 50%;
top: 0;
background: #fff;
padding: .5em;
text-align: center;
margin: 0 auto 0 -10em;
display: block;
width: 20em;
}

/* ----------------------------
 | quarantined styles used for
   browser hacks and filters
------------------------------- */
* html #wrapHeader,
* html #wrapNav,
* html #wrapMedia {
height: 1%; /* ie6 hasLayout */
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix {
zoom: 1;
display: block;
}

*:first-child+html .clearfix {
zoom: 1; 
display: block;
}

/*---CLEARFIX---*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

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


/* ----------------------
 | one column stlyes
------------------------ */
#oneCol {

}
#oneCol #wrapContentInner {
width: 940px;
}
#oneCol #contentPrimary {
width:940px;
}
#oneCol #contentPrimary .gutter {
float:left;
width:940px;
padding:60px 0;
}
.child {
float:left;
width:940px;
}
.child .colorBox {
float:left;
width:120px;
height:42px;
padding: 90px 0 0 12px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
overflow:hidden;
color:#797b7d;
font-size:12px;
font-weight:bold;
line-height:16px;
}
.child a {
color:#797b7d !important;
text-decoration:none !important;
}
.child a:hover {
color:#2d2d2e !important;
}
.child .photoBox {
float:left;
width:134px;
height:132px;
border-bottom:2px solid #fff;
overflow:hidden;
}
.child .yellow {
background:#ffefb5;
}
.child .purple {
background:#d7d9e7;
}
.child .green {
background:#d9e6cb;
}
.child .gray {
background:#e3e3e3;
}


/* ----------------------
 | two column stlyes
------------------------ */
#twoCol {

}
#twoCol #wrapContentInner {
width: 940px;
}
#twoCol #contentPrimary {
width: 678px;
line-height:18px;
}


/* ----------------------
 | home stlyes
------------------------ */

#wrapHome {
width:100%;
background:url(bgHome.gif) top center no-repeat;
}

#home {
width:1010px !important;
}

#home #wrapHeader {
padding:0 40px 0 30px;
}

#home #tagline {
padding-top:41px;
}

#home #search-connect {
padding-top:20px;
}

#home #wrapNav {
padding:0 40px 0 30px;
}

#wrapMedia {
float:left;
width:980px;
padding:0 0 0 30px;
margin-top:-45px;
}

#home-donate-connect {
float:left;
width:970px;
height:58px;
padding:4px 40px 0 0;
}
	#home-donate {
	float:left;
	width:247px;
	padding-left:4px;
	}
	#home-connect {
	float:right;
	width:698px;
	height:36px;
	padding:12px 17px 10px 0;
	background:url(bgConnectHome.gif) 0 0 no-repeat;
	}
#home #social a {
padding:0 0 0 10px;
color:#fff;
}
#home #social a.enews {background:url(iconEmailHome.gif) 0 3px no-repeat;padding:0 20px 0 30px;}
#home #social .sn-icon { display: inline-block; height: 17px; width: 17px; line-height: 17px; vertical-align: text-bottom; }
#home #social .sn-icon span { display:none; }
#home #social .twitter { background: url(iconTwitterHome.gif) top right no-repeat; }
#home #social .facebook { background: url(iconFacebookHome.gif) top right no-repeat; }
#home #social .rss { background: url(iconRssHome.gif) top right no-repeat; }

#home #contentPrimary {
float:left;
width:1010px;
padding:0 0 50px 0;
}
#home #contentPrimary .gutter {
padding:40px 0 0 30px;
}
.homeFeature {
float:left;
width:220px;
padding:0 20px 0 0;
}
#home h2 {
padding:0 0 5px;
}
#home h3 {
font-size:14px;
color:#626799;
padding: 0 0 8px;
}



/* ----------------------
 | print styles
--------------------- */
@media print {
	
	body {
	background: #ffffff;
	font: normal 12pt times, "times new roman", georgia, serif;
	color: #000;
	margin: 0 0 20px;
	}
		
	/* turn everything off */
	#contentSecondary,
	#contentSub,
	#wrapMedia,
	#wrapHeader,
	#wrapFooter {
	display: none;
	}
	
	/* turn main content back on */
	#contentPrimary,
	#contentPrimary .gutter {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	}
	
	#wrapContentOuter {
	margin: 0;
	padding: 0;
	position: static;
	float: none;
	width: 100%;
	background: #fff;
	}
	
	/* printer-friendly font family */
	#contentPrimary * {
	font-family: times, "times new roman", georgia, serif;
	}
	
}