/******************BLOG***************/
small{ display:none}
#sidebar { float:left; width:160px; padding:0; margin:0; color:#000;}
ul#sidebar{list-style:none; padding:0; margin:0; font-size:12px;}
  #sidebar li ul{margin:0 0 20px 0; padding:0}
  #sidebar li li{margin:0 0 0 0; padding:0 0 0 0; list-style:disc; font-size:11px; }
  #sidebar ul{margin:0 0 10px 20px; padding:0;}
  #sidebar li{ margin:0; padding:0 0 6px 0;}
  #sidebar h2{color:#000; font-size:14px; padding:0 0 10px 0;}
  #sidebar ul li a{ padding:0 0 10px 0;}
h2.widgettitle{margin:0; padding:0;}
form#searchform{margin:0 0 15px 0; font-weight:bold; font-size:18px;}
#comment{width:320px;}
img.alignright {float:right; margin:6px 0 1em 1em}
img.alignleft {float:left; margin:6px 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:6px 0 1em 1em}
a img.alignleft {float:left; margin:6px 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.postmetadata{ padding:4px; margin-bottom:16px; border:#8fb57f solid 2px; background-color:#fff; clear:both; width:460px; float:left;}
.post{ width:460px; float:left;}
.post h2 a{ text-decoration:none;}

/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { font-weight:bold; text-decoration:underline; color:#f55f01;}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 12px 0; line-height:18px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#000;}

h1{color:#000; font-size:18px; padding:0 0 10px 0;}
h2{color:#000; font-size:16px; padding:0 0 10px 0;}
h3{color:#000; font-size:14px; padding:0 0 10px 0;}
h4{color:#000; font-size:12px; padding:0 0 10px 0;}
h5{color:#000; font-size:11px; padding:0 0 10px 0;}
h6{color:#000; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.formpadding td {padding: 0 0 10px 0;}

/********WRAPPERS***************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:939px; padding:34px 0 10px 0;}
#Wrapper{} 

#Top{ background:url(images/logo-nonprofit.gif) no-repeat left; width:939px; height:59px}

#Nav{width:939px; height:38px; list-style:none; padding:0; position:relative; clear:both; display:block;}
#Nav ul{margin:0; padding:0;list-style:none}
#Nav li{float:left;}				
#Nav li a span{display:none;}				
#Nav li a{height: 38px; display: block; float: left; padding: 0;}
#Nav li a.home{width:100px; background: url(images/nav_01.gif) no-repeat top;}				
#Nav li a.employers{width:130px; background: url(images/nav_02.gif) no-repeat top;}
#Nav li a.js{width:137px; background: url(images/nav_03.gif) no-repeat top;}		
#Nav li a.search{width:140px; background: url(images/nav_04.gif) no-repeat top;}
#Nav li a.about{width:139px; background: url(images/nav_05.gif) no-repeat top;}		
#Nav li a.resource{width:165px; background: url(images/nav_06.gif) no-repeat top;}
#Nav li a.contact{width:128px; background: url(images/nav_07.gif) no-repeat top;}
#Nav li a:hover{background-position:bottom; }
#Nav li a.current{background-position:bottom; }

#Divider{ background:url(images/green-black-divider.gif) no-repeat; width:939px; height:33px;}

#Bottom{ background:url(images/bottom.gif) no-repeat; width:939px; padding:42px 0 0 0;}
#Bottom p{ padding:0 2px;}
#Bottom ul{ margin:0; padding:0; font-size:10px; color:#818285; list-style:none}
#Bottom li{ padding:0 2px; float:left}
#Bottom li a{ color:#818285; font-weight:normal; text-decoration:none;}
#Bottom li a:hover{ text-decoration:underline}
#Bottom span.rightside{ float:right; font-size:10px; color:#818285; text-align:right}

/********HOMEPAGE***************/
#Flash{ background:url(images/hp-flash.jpg) no-repeat; width:939px; height:209px;}

#ContentArea{ width:919px; padding:10px; background-color:#e8eee0;}

#HpCopy{ width:416px; float:left; padding:2px 18px 0 0}

#QuickNavHolder{ width:200px; float:left}
#QuickNav{width:200px; list-style:none; padding:0; position:relative; clear:both; display:block; float:left}
#QuickNav ul{margin:0; padding:0;list-style:none}
#QuickNav li{float:left;}				
#QuickNav li a span{display:none;}				
#QuickNav li a{ width:200px; display: block; float: left; padding: 0;}
#QuickNav li a.news{height:66px; background: url(images/quicknav_01.gif) no-repeat left;}				
#QuickNav li a.contact{height:66px; background: url(images/quicknav_02.gif) no-repeat left;}
#QuickNav li a.resource{height:66px; background: url(images/quicknav_03.gif) no-repeat left;}		
#QuickNav li a.meet{height:66px; background: url(images/quicknav_04.gif) no-repeat left;}
#QuickNav li a:hover{background-position:right; }
#QuickNav li a.current{background-position:right; }

#HpBtns{ width:260px; float:left; padding:8px 0 0 18px}
#HpBtns .mainimg{ padding:0 0 6px 0}
#HpBtns p{ font-size:11px; line-height:15px; padding:0 0 9px 0}

/********SUBPAGE***************/
#BannerContact{ background:url(images/banner-contact.jpg) no-repeat; width:939px; height:112px;}
#BannerJs{ background:url(images/banner-js.jpg) no-repeat; width:939px; height:112px;}
#BannerSearch{ background:url(images/banner-search.jpg) no-repeat; width:939px; height:112px;}
#BannerRes{ background:url(images/banner-res.jpg) no-repeat; width:939px; height:112px;}
#BannerEmp{ background:url(images/banner-emp.jpg) no-repeat; width:939px; height:112px;}
#BannerAbout{ background:url(images/banner-about.jpg) no-repeat; width:939px; height:112px;}

#SubContentArea{ background:url(images/sub-bgslice.gif) repeat-y; width:939px;}

#GreenSidebar{ width:195px; padding:5px; float:left}

	#SubNav{ padding:5px; background-color:#fff;}
	#SubNav h2{ font-size:16px; color:#818285;}
	#SubNav h2 a{ font-size:16px; color:#818285; text-decoration:none}
	#SubNav ul{ font-size:11px; padding:0 0 6px 34px; list-style:url(images/arrow-orange.gif); margin:0}
	#SubNav li{ padding:0 0 6px 0; margin:0}
	#SubNav li a{ font-weight:normal; color:#5e737f; text-decoration:none;}
	#SubNav li a:hover{ text-decoration:underline}
	#SubNav li a.current{ text-decoration:underline}
	
	#Test{ padding:10px 5px 0 5px}
	#Test a{ color:#3c5f12}

#SubCopyHolder{ float:left; width:720px; padding:10px 0 10px 10px;}
#SubCopyHolder ul{ margin:0; padding:0 0 10px 20px; line-height:18px; font-size:12px;}
#SubCopyHolder ol{ margin:0; padding:0 0 10px 20px; line-height:18px; font-size:12px;}
#SubCopyHolder li{ margin:0; padding:0 0 4px 0;}
#SubCopy{ float:left; width:490px; padding:0 10px; border:1px dotted #8a8e86; border-width:0 1px 0 0}
#SubCopy2{ float:left; width:690px; padding:0 10px; border:1px dotted #8a8e86; border-width:0 1px 0 0}

#Sidebar{ float:left; width:190px; padding:0px 0 0 10px}

	#SubpicContact{ background:url(images/subpic-contact.jpg) no-repeat; width:190px; height:170px;}
	#SubpicJs{ background:url(images/subpic-jobseekers.jpg) no-repeat; width:190px; height:170px;}
	#SubpicSearch{ background:url(images/subpic-search.jpg) no-repeat; width:190px; height:170px;}
	#SubpicRes{ background:url(images/subpic-res.jpg) no-repeat; width:190px; height:170px;}
	#SubpicEmp{ background:url(images/subpic-employers.jpg) no-repeat; width:190px; height:170px;}
	#SubpicAbout{ background:url(images/subpic-about.jpg) no-repeat; width:190px; height:170px;}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#ededed; padding:0;}
	div.question h4{padding:4px; color:#000; font-size:12px}
	div.question:hover {background:#dbdbdb; cursor:pointer}
	div.question.active{background:#dbdbdb;}
	
/***********TooltipStyles**************/	
#tooltip {position:absolute; z-index:3000; background-color:#CCCCCC; border:1px solid #888888; color:#333333; padding:4px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px;	opacity:.85; max-width: 20em; font-size:10px; font-weight:normal;}
#tooltip h3 {font-size: 1.1em; margin: 0; padding: 0 3px; text-align: left !important;}
#tooltip p {font-size: 0.95em; margin: 5px 0 0 5px;	text-align: left; font-weight:normal; font-size:10px}	

/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:240px; margin-bottom:10px;}
	.field-widget { float:left; width:240px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}
	.chart-label {float:left; width:70%;}
	.chart-widget {float:left; width:30%; text-align:center;}
	.formWrap{border:1px solid #999; padding:2px; clear:both; background:#f7f7f7}
		.formWrap h5{background:#666;text-align:center; color:#fff; font-size:14px; padding:3px; margin:2px 0;}
	.tri{width:30%; display:block; float:left; text-align:center;}
	.borders{border:1px solid #999;}
	.rowColor{background:#dedede;}

#site_credits{ cursor:pointer}
/***********s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#000;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#000;}
.s2k_bold_2006 {font-weight:bold;color:#000;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#000;}
.s2k_footer_2006 {font-size:10px;color:#000;}
.s2k_image_2006 {border:1px solid #000;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}