/*   
Theme Name: Spark
Author: Geary Interactive
Author URI: http://www.gearyi.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

/* ////////////////////////////////////////////////////////// default settings /// */
*{
    border-collapse:collapse;
    margin:0;
    padding:0
}
img{
	border:0
}
ul.pad {
	padding-bottom: 10px;
	}
ul.right {
	margin-left:330px;
	}
ul.left {
	float:left;
	width:300px;
	}
li.indent {
	padding-left:20px;
	padding-top:5px;
	list-style: none;
	}
li.indent a {
	padding: 5px;
	}

body{
	font:normal 12px/1 "Lucida Grande", Arial, sans-serif
}
a.dark {
	color:#000;
	text-decoration:underline;
	}
label.norm {
	display:block;
	float:left;
	text-align:left;
	width:175px;
	}
div.norm {
	display:block;
	float:left;
	text-align:left;
	width:175px;
	}

span.error {
	color:#f00;
	}
	
#form {
	margin: 0 auto;
	/*width: 400px;*/
	}	
#form input, select {
	margin-top:5px;
	}	
	
div.extra {
	display:block;
	float:left;
	text-align:left;
	}	
label.extra {	
	display:block;
	float:left;
	text-align:left;
	}
#other {
	display:none;
	}
fieldset {
	border: none;
	padding: 7px;
	}
/* //// TEXT /////////////////////////////////////////////// header formatting /// */
h1{
	font-size:2em
}
h2{
	color:#832227;
	font-size:2.5em
}
h6{
	color:#832227;
	font-size:1.5em
}
h3{
	font-size:1em
}
h4{
	font-size:.75em
}

/* //// TEXT ///////////////////////////////////////////////// text formatting /// */
p{
	color:#000;
	line-height:1.4em;
	margin:0 0 1em 0;
}
sup{
	position:relative;
	top:-2px;
	vertical-align:top;
}
/* //// LINKS //////////////////////////////////////////////// link formatting /// */
a{
	color:#fff;
	text-decoration:none
}
a:hover{
	text-decoration:underline
}

/* //// TABLES ////////////////////////////////////////////// table formatting /// */
table {
	border-collapse: separate;
	border-spacing: 0
}
/* //// OTHER /////////////////////////////////////////////// other formatting /// */
.clear{
	display:block;
	clear:both
}
.bodyPad{
	clear:both;
	padding:8px 20px 0 18px
}
.noBorder{
	border:none !important
}
span.imageReplace{
	position:absolute;
	left:-9999px
}
.button{
	display:block;
	height:21px;
	border:none;
}
.alignleft{
	float:left;
	padding:0 10px 10px 0
}
.alignright{
	float:right;
	padding:0 0 10px 10px
}
.floatLeft{
	float:left !important
}
.floatRight{
	float:right !important
}
.positionTog{
	position:relative !important
}
.imgScroll{
	overflow:auto;
	height:500px;
}
/* //// FORMS /////////////////////////////////////////////// other formatting /// */
input, textarea{
	font:normal 1em Arial, Helvetica, sans-serif
}

/* //// LAYOUT ///////////////////////////////////////////// layout formatting /// */
.bgMain{
	background:#bbbaba url("images/bg-mainGrad.gif") repeat-x 0 0;
}
#pageWrap{
	position:relative;
	background:url("images/bg-header.jpg") no-repeat 0 0;
	width:980px;
	margin:0 auto
}
/******** header *********************************/
#header{
	position:relative;
}
#header h1{
	display:inline
}
#logo{
	cursor:pointer;
	display:block;
	width:200px;
	height:110px;
	margin:0 0 0 30px
}
#topRightNav{
	background:url("images/bg-header-edge.gif") no-repeat top right;
	position:absolute;
	width:700px;
	top:0;
	right:0;
	height:114px;
	padding:0 24px 0 0;
	z-index:11;
	margin-right:-17px
}
#topLinks{
	position:relative;
	display:block;
	z-index:1001;
	padding-top:25px;
	float:right
}
#topLinks li{
	text-align:right;
	display:block;
	position:relative;
	float:left;
}
#topLinks li a{
	display:block;
	float:left;
	padding:0 10px;
	border-left:1px solid #fff
}
#topLinks li table{
	width:100%;
	border:none;
}

#topLinks li table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left; }
#topLinks li div{
	visibility:hidden;
	position:absolute;
	padding:0;
	margin-top:10px;
	background:url("images/arrow-utility.gif") no-repeat -500px 5px;
	z-index:9999;
	left:0;
	text-align:left;
	width:200px;
	overflow:visible;
	float:left;
}
#topLinks li div div{
	visibility:hidden;
	position:relative;
	padding:0;
	margin-top:11px;
	border:1px solid #fff;
	border-top:none;
	background:#75d1f7;
}
.utilityArrow{
}
#topLinks #utility01 div div{
}
#topLinks li div ul{
	padding:10px;
	list-style:none;
	float:none;
	height:auto;
}
#topLinks li div ul li{
	display:inline;
	padding:0;
	margin:0;
	text-align:left;
	float:none;
	height:auto;
}
#topLinks li div ul li a{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	float:none;
	color:#004B80;
	border:3px solid #75D1F7;
	font-size:11px;
	z-index:995;
	display:block;
	background:#75d1f7;
}
/*#topLinks li div ul li a:hover{
	background:#368bae
}*/
.searchWrap{
	width:100%;
	clear:both;
	float:right;
	margin:21px 0 0 0
}
#search{
	float:right;
	display:inline;
	padding:0 0 0 10px;
	margin:0 0 0 18px;
	border-left:1px solid #fff
}
#search .searchField{
	float:left;
	border:none;
	margin:1px 0 0 10px;
	padding:2px 3px 3px 3px ;
	background:url("images/bg-input.png") no-repeat 0 0
}
.btnSearch{
	cursor:pointer;
	float:left;
	background:url("images/button-search.png") no-repeat 0 0;
	width:44px;
	margin-left:-10px;
}
.btnLogin{
	position:relative;
	background:url("images/button-login2.png") no-repeat 0 0;
	display:block;
	width:162px;
	height:32px;
	float:right;
	margin-top:-5px;
}
#nav{
	margin-left:180px;
	width:800px;
	background:url("images/nav-main.jpg") no-repeat top right;
	height:57px
}
#nav ul{
	float:left;
}
#nav ul li{
	list-style:none;
	float:left;
}
#nav ul li a{
	height:57px;
	display:block;
	float:left;
	cursor:pointer;
}
#nav01 a{
	width:175px;
}
#nav02 a{
	width:145px;
}
#nav03 a{
	width:128px;
}
#nav04 a{
	width:143px;
}
#nav05 a{
	width:92px;
}
#nav06 a{
	width:117px;
}
#nav ul li a span{
	position:absolute;
	width:1%;
}
#nav ul li a:hover{
	
}
#nav01 a:hover, #nav01 a.active, #nav01 a.active1{
	background:url("images/nav-main.jpg") no-repeat 0 -57px 
}
#nav02 a:hover, #nav02 a.active, #nav02 a.active1{
	background:url("images/nav-main.jpg") no-repeat -175px -57px
}
#nav03 a:hover, #nav03 a.active, #nav03 a.active1{
	background:url("images/nav-main.jpg") no-repeat -320px -57px
}
#nav04 a:hover, #nav04 a.active, #nav04 a.active1{
	background:url("images/nav-main.jpg") no-repeat -448px -57px
}
#nav05 a:hover, #nav05 a.active, #nav05 a.active1{
	margin-left:-8px;
	width:100px;
	background:url("images/nav-main.jpg") no-repeat -583px -114px
}
#nav06 a:hover, #nav06 a.active, #nav06 a.active1{
	margin-left:-8px;
	width:125px;
	background:url("images/nav-main.jpg") no-repeat -675px -171px
}
#nav ul li a span b{
	position:absolute;
	left:-9999px
}
#nav ul li div{
	display:block;
	/*margin-top:54px;*/
	position:absolute;
	visibility:hidden;
	z-index:5000;
}
#nav01 div{
	width:150px;
	right:0;
	background:#70ccf2
}
#nav04 div{
	width:135px;
	left:0;
	background:#50c35f
}
#nav05 div{
	width:150px;
	left:765px;
	top:164px;
	background:#d71921
}
#nav06 div{
	width:170px;
	left:800px;
	top:164px;
	background:#d71921
}
#nav ul li table{
	width:100%;
	border:none;
}

#nav ul li table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}

#nav li:hover ul, #nav a:hover ul{
	left:auto
}
#nav ul li div ul{
	width:100%;
	float:left;
}
#nav ul li div ul li{
	display:inline;
	float:left;
	width:100%;
	height:auto;
}
#nav ul li div ul li a{
	width:100%;
	display:block;
	float:none;
	height:auto
}
#nav ul li div ul li a:hover{
	text-decoration:none
}
#nav01 div ul li a:hover{
	background:#368bae
}
#nav04 div ul li a:hover{
	background:#2a7233
}
#nav05 div ul li a:hover{
	width:100%;
	margin-left:0;
	background:#a51e24
}
#nav06 div ul li a:hover{
	width:100%;
	margin-left:0;
	background:#a51e24
}
#nav ul li div ul li a span{
	position:relative;
	display:block;
	padding:6px 10px;
	width:auto
}
#breadcrumb{
	margin-left:200px;
	height:38px
}
#breadcrumb ul li{
	list-style:none;
	height:38px;
	float:left;
}
#breadcrumb ul li a{
	background:url("images/graphic-breadcrumb.gif") no-repeat right;
	color:#b4b38f;
	height:38px;
	line-height:38px;
	display:block;
	float:left;
	padding:0 20px 0 12px;
	cursor:pointer
}
#breadcrumb ul li a.last{
	color:#b4b38f;
	font-weight:bold;
	background:none
}
#contentWrapHome{
	float:left;
}
#contentWrapSub{
	padding:0 0 50px 0;
	float:left;
	background:#fffdfc url("images/bg-subGrad.png") repeat-x 0 0;
}
#subContent{
	width:790px;
	padding-left:190px;
	min-height:400px;
	height:auto !important;
	height:400px
}
#subMenu{
	width:196px;
	height:339px;
	position:absolute;
	top:197px
}
#subMenuExpand{
	float:left;
	position:relative;
	margin-top:-8px;
	width:190px;
}
#subMenuBg{
	background:url("images/nav-side-home.gif") no-repeat 0 0;
	width:196px;
	height:339px;
}

#subMenuBg #subMenuContent ul li b{
	cursor:pointer;
	height:auto;
	position:relative;
	width:auto;
}
#subMenuBg #subMenuContent ul li b span{
	display:block;
	padding-left:14px;
	font-weight:normal;
	color:#fff
}
#subMenuBgInside #subMenuContent ul li b{
	cursor:pointer;
	height:auto;
	position:relative;
	width:auto;
}
#subMenuBgInside #subMenuContent ul li b span{
	display:block;
	padding-left:14px;
	font-weight:normal;
	color:#fff
}
#subMenuBgInside p {
	color: #fff;
}
.subMenuButton{
	display:block;
	width:163px;
	height:28px;
}
#subMenuWrap{
	position:absolute;
	width:196px;
}
#subMenuHeader{
	width:196px;
	height:48px
}
.menuDefault{
	background:url("/images/sidenav-default.png") no-repeat 0 0
}
.menuAfterschool{
	background:url("images/sidenav-afterschool.png") no-repeat 0 0
}
.menuAbout{
	background:url("images/sidenav-about.png") no-repeat 0 0
}
.menuEarlychildhood{
	background:url("images/sidenav-earlychildhood.png") no-repeat 0 0
}
.menuGrants{
	background:url("images/sidenav-grants.png") no-repeat 0 0
}
.menuOrder{
	background:url("images/sidenav-order.png") no-repeat 0 0
}
.menuPhysed{
	background:url("images/sidenav-physed.png") no-repeat 0 0
}
.menuResources{
	background:url("images/sidenav-resources.png") no-repeat 0 0
}
.menuSchoolhealth{
	background:url("images/sidenav-schoolhealth.png") no-repeat 0 0
}
.menuWhatis{
	background:url("images/sidenav-whatis.png") no-repeat 0 0
}
#subMenuContent{
	background:url("images/sidenav-shadow.png") repeat-y 0 0
}
.subMenuFill{
	min-height:226px;
	height:auto !important;
	height:226px;
	margin-left:2px;
	width:190px;
	background:url("images/sidenav-fill.png") no-repeat center bottom
}
#subMenuBot{
	width:196px;
	height:30px;
	background:url("images/sidenav-bot.png") no-repeat 0 0
}
#subMenuContent ul{
	margin:0 13px 0 10px;
	list-style:none;
}
#subMenuContent ul li{
	background:url("images/icon-arrow.gif") no-repeat 0 6px;
	border-bottom:1px solid #fff;
	padding:5px 0 6px 0
}
#subMenuContent ul li.noBorder{
	border:none
}
#subMenuContent ul li.arrowDown{
	background:url("images/icon-arrow-down.gif") no-repeat 0 6px;
}
#subMenuContent ul li a, #subMenuContent ul li ul li a, #subMenuContent ul li a:focus{
	display:block;
	outline:0;
	position:relative
}
#subMenuContent ul li a:hover{
}
#subMenuContent ul li b{
	position:absolute;
	height:17px;
	width:12px;
	display:block;
	cursor:pointer
}
#subMenuContent ul li a span{
	display:block;
	padding-left:12px
}
#subMenuContent ul li div{
	width:167px;
	list-style:none;
	display:block
}
#subMenuContent ul li ul, #subMenuContent ul li div p{
	margin:3px 0 3px 12px;
	font-size:11px /* fixed to prevent resize */
}
#subMenuContent ul li ul li{
	display:inline-block;
	background:url("images/icon-arrow-small.gif") no-repeat 0 4px;
	padding:0;
	width:100%;
	border-bottom:none
}
#subMenuContent ul li ul li a{
	padding:4px 0 0 0
}
#subMenuContent ul li ul li a:hover{
	text-decoration:underline
}
#subMenuContent ul li ul li a span{
	padding-left:10px
}
#subMenuContent ul li div.showMe{
	display:block
}
#subMenuContent ul li div.hideMe{
	display:none
}
#subMenuContent ul li ul li ul li{
	background:none;
}
#subMenuContent ul li ul li ul li a span {
	padding-left:0;
}
#subMenu #subMenuContent .subMenuFill{
}
#subMenu #subMenuContent ul li div{
}
#subMenu #subMenuContent ul li div p{
	color:#fff;
	line-height:1.2em
}
#subMenu #subMenuBot, #subMenu #subMenuContent .subMenuFill,  #subMenu #subMenuContent{
	background:none;
}
#emailSubscribe{
	width:165px;
	margin:0 auto
}
#emailSubscribe .enterEmail{
	position:relative;
	border:none;
	width:158px;
	padding:2px 3px 3px 3px ;
	margin-bottom:6px;
	background:url("images/bg-input.png") no-repeat 0 0
}
.btnSubscribeHome{
	position:relative;
	cursor:pointer;
	border:none;
	width:163px;
	height:28px;
	background:url("images/button-subscribe-home.png") no-repeat 0 0
}
#flashContent{
	width:790px;
	height:382px;
	margin-left:192px;
	background:url("images/spark-home-noFlash.gif") no-repeat 0 0;
}
.flashLink{
	display:block;
	height:50px;
	width:169px;
	left:574px;
	position:relative;
	top:294px;
}
.subHeadImg{
/*	width:790px;
	height:208px*/
}
#subHeaderWrap{
	position:relative;
	height:96px;
	margin-left:20px;
}
.subHeader div{
	position: absolute;
	left: 130px;
	top:0;
	width: 330px;
	height: 96px;
	display: table;
}
#subHeaderWrap h2{
	display: table-cell;
	vertical-align: middle;
	letter-spacing:-0.05em;
}
#bodyContent{
	float:left;
	width:480px;
	padding:8px 0 0 0
}
#bodyContent h6{
	padding:0 0 12px 0;
}
#bodyContent a{
	color:#0195d9
}
#bodyContent ul, #bodyContent ol{
	margin:0 0 1em 30px;
}
#bodyContent li{
	color:#464646;
	line-height:1.4em;
}
#bodyContent ul li{
	list-style:outside disc;
}
#bodyContentSiteMap{
	position:relative;
	float:left;
	width:600px;
	padding:8px 0 0 0
}
.icon{
	display:inline;
	float:left
}
#sideContent{
	width:310px;
	float:left
}

/* //// accordian ///////////////////////////////////////////////// accordian formatting /// */
#bodyContent #snippet-nav {
	margin:0;
	padding:8px 10px;
	background:#ebebeb;
}
#bodyContent #snippet-nav .snippet-sec {
	width:422px;
	margin:0;
	padding:0;
	border-top:1px solid #c3c3c3;
}
#bodyContent #snippet-nav .snippet-sec a {
	background:url("/images/arrow-side.gif") no-repeat 0 10px;
	color:black;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	line-height:normal;
	padding:10px 10px 10px 23px;
	width:389px
}
#bodyContent #snippet-nav .snippet-sec a:hover{
	text-decoration:none;
	background-color:#efefef
}
#bodyContent #snippet-nav .snippet-sec a.highlight {
	background:url("/images/arrow-down.gif") no-repeat 0 10px;
}
#bodyContent #snippet-nav .snippet-sec a span{
	color:#832227;
	padding-right:3px
}
#bodyContent #snippet-nav .snippet-sec .snippet-content{
	margin:0;
	padding:10px 0 25px 0;
}
#bodyContent #snippet-nav .snippet-sec td{
	padding-right:10px;
	vertical-align:top
}
#bodyContent #snippet-nav .snippet-sec .snippet-copy a{
	background:none;
	display:inline;
	font-weight:normal;
	padding:0;
	font-size:1em;
	width:auto;
	color:#0195D9
}
#cshContent{
	position:absolute;
	width:780px;
	height:300px
}
#cshContentCopy{
	margin-top:320px
}
#signUp{
	background:url("images/bg-signup.png") no-repeat 0 0;
	width:100%;
	height:81px;
	margin:8px 0 0 0
}
form#newsletter{
	padding:40px 0 0 34px
}
#newsletter .signupField{
	width:168px;
	float:left;
	border:none;
	padding:2px 3px 3px 3px ;
	background:url("images/bg-input.png") no-repeat 0 0
}
.btnSubscribe{
	cursor:pointer;
	float:left;
	background:url("images/button-subscribe.png") no-repeat 0 0;
	width:72px;
	height:35px;
	border:none;
	margin-top:-8px;
}
#sideCallouts{
	width:100%;
	margin-top:100px
}
.subCallWrap{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 30px 0;
	margin:0 0 80px 0
}
#subCo-01{
	background:url("images/callout-sub-01-bot.gif") no-repeat center bottom
}
#subCo-02{
	background:url("images/callout-sub-02-bot.gif") no-repeat center bottom
}
#subCo-03{
	background:url("images/callout-sub-03-bot.gif") no-repeat center bottom
}
#subCo-01 .subCallHead{
	background:url("images/callout-sub-01-top.gif") no-repeat 0 0
}
#subCo-02 .subCallHead{
	background:url("images/callout-sub-02-top.gif") no-repeat 0 0
}
#subCo-03 .subCallHead{
	background:url("images/callout-sub-03-top.gif") no-repeat 0 0
}
.subCallHead{
	position:relative;
	width:310px;
	height:80px;
	margin-top:-80px;
}
.calloutIcon{
	width:75px;
	height:60px;
	position:absolute;
	top:15px;
	left:5px;
	z-index:200
}
.calloutHeader{
	width:220px;
	height:30px;
	position:absolute;
	top:15px;
	left:80px;
	z-index:20
}
.subCallCopy{
	float:left;
	margin-top:-30px;
	padding:0 30px 0 85px;
	position:relative
}
.subCallCopy p{
	font-size:.9em;
	line-height:1.4em;
	color:#555;
	margin:0 0 1em 0;
}
#calloutsHome{
	width:100%;
	float:left;
	background:url("images/callout-home-bot.jpg") no-repeat bottom
}
#calloutWrap{
	width:100%;
	float:left;
	min-height:200px;
	height:auto !important;
	height:200px;
	background:url("images/callout-home-top.jpg") no-repeat top
}
.calloutPod{
	float:left;
	display:inline;
	width:300px;
	padding-bottom:50px;
}
.calloutPod p{
	font-size:1em;
	line-height:1.5em;
	/*color:#acacac;*/
	color:#000;
	margin:0 0 1em 0;
}
.coLeft{
	margin-left:14px
}
.coMid{
	margin-left:28px
}
.coRight{
	margin-left:13px
}
.calloutPod h4 a{
	display:block;
	height:40px;
	margin:30px 0 0 0
}
.calloutPad{
	padding:0 30px 0 65px
}
.calloutPod p.grants{
	width:189px;
	height:27px;
	margin-left:-20px;
	background:url("images/graphic-grants.png") no-repeat 0 0;
}
.btnGen{
	padding:10px 10px 10px 0;
	background:url("images/button-gen-left.gif") no-repeat left
}
.btnGen a{
	height:22px;
	font-weight:normal;
	margin:0 0 0 8px;
	padding:4px 10px 4px 0;
	background:url("images/button-gen-right.gif") no-repeat right
}
/* **********************home callout whole********************** */
.calloutWhole{
	float:left;
	width:100%;
	background:url("images/callout-home-whole.jpg") no-repeat center bottom;
	min-height:237px;
	height:auto !important;
	height:237px
}
.calloutWholeTop{
	background:url("images/callout-home-whole-top.jpg") no-repeat center top;
	padding:25px 250px 0 50px
}
.stackedIcons{
	width:50px;
	float:left;
}
.calloutWholeCopy{
	padding:3px 0 25px 60px
}
.calloutWholeTop p{
	font-weight:bold
}
.calloutWholeTop p a{
	color:#0195d9
}
/* ********************************** */
#footer{
	postion:relative;
	clear:both;
	margin:0 auto;
	padding:38px 0 0 0;
	background:url("images/bg-footer2.gif") no-repeat center top;
	height:233px
}
#footerWrap{
	position:relative;
	margin:0 auto;
	width:980px
}
#footer.sub{
	background:url("images/bg-footer-sub.gif") no-repeat top center;
	padding:78px 0 0 0;
	height:127px
}
#socialIcons{
	overflow:hidden;
	width:114px;
	height:38px;
	margin:0 auto;
	background:url("images/icon-socialMedia.png") no-repeat 0 0 
}
#socialIcons a{
	position:relative;
	display:block;
	float:left;
	width:38px;
	height:38px
}
#footerWrap li{
	list-style:none;
	color:#262321
}
#footerWrap li a{
	color:#262321
}
#footerLeft{
	position:absolute;
	top:0;
	left:32px
}
#footerLeft li{
	padding:4px 4px 4px 0;
	border-bottom:1px solid #aca6a6
}
#footerRight{
	position:absolute;
	top:0;
	right:32px
}
#footerRight li{
	padding:4px 0;
	text-align:right
}
.iconPhone{
	padding:4px 0;
	background:url("images/icon-phone.gif") no-repeat center left
}
.iconPhone b{
	padding:0 0 0 20px
}
.iconEmail a{
	font-weight:bold;
	padding:0 0 0 30px
}
.iconEmail{
	padding:4px 0;
	background:url("images/icon-email.gif") no-repeat center left
}

div .invis {
	display:none;
}

.searchResultData {
	width: 100%;
	border: 1px solid #ccc;
	 background: #fff;
	  padding: 10px;
	   margin-bottom: 5px;
}
.searchResultData tr td {
	padding-top: 5px;
}

/* //// sitemap ///////////////////////////////////////////////// sitemap formatting /// */

ul.siteCol{
	float:left;
	width:300px;
	margin-left:20px;
	display:inline
}
ul.siteCol2{
	padding:0 0 0 350px;
}
ul.siteCol ul, ul.siteCol2 ul{
	margin:0;
	width:auto;
	padding:10px 0 10px 10px;
}
ul.siteCol li, ul.siteCol2 li{
	list-style:none;
	padding:5px
}
.hidden {
	display:none;
}
#totalAmt {
	font-weight: bold;
	color: #F00;
}
.displayWide {
	width: 90px;
	display:inline;
}
.indent {
	margin-left: 30px;
}
.small {
	font-size: 10px;
}
.disclaimer {
	font-style: italic;
	font-size: 10px;
}