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

@import url("reset.css");

/* Primary Divisions ----------------------------------------------- */

body {
	font-size: 13px;
	font-family: helvetica, arial, sans-serif;
	color: #8b9194;
	margin-bottom: 50px;
	background: url(gfx/bodybg.jpg) repeat-x top left #ffffff;
}

#container {
	margin: 0px auto 25px auto;
	width: 900px;
	background: url(gfx/containerbg2.jpg) no-repeat;
	padding-top: 290px;
}

#content {
	width: 900px;
	margin: 10px auto 20px auto;
	float: left;
}

#secondary-container {
	width: 282px;
	float: right;
	background: url(gfx/sidebar-bg.gif) repeat-y;
}

#secondary-container #secondary {
	background: url(gfx/sidebar-top.gif) top left no-repeat;
}

#secondary , #secondary a {
	font-size: 12px;
	color: #226580;
}

#secondary blockquote p {
	padding: 25px 30px 10px 33px;
}

#secondary p {
	padding: 10px 30px 0px 33px;
}

#secondary p.more {
	text-align: right;
}


#secondary a:hover {
	color: #0d2e47;
}
	
#secondary p.last {
	background: url(gfx/sidebar-bottom.gif) bottom left no-repeat;
	padding-bottom: 35px;
}

#secondary h3 {
	height: 36px;
	width: 234px;
	position: relative;
	padding: 20px 30px 0px 28px;
}

#secondary h3 span {
	height: 100%;
	width: 100%;
	position: absolute;
}

#secondary h3.feature {
	font-size:18px;
	font-weight: normal;
	padding: 20px 30px 0px 33px;
	height: auto;
	width: auto;
	}

#secondary h3 span.highlights {
	background: url(gfx/h2s/qci-rec-highlights.gif) no-repeat;
}

#secondary h3 span.featured {
	background: url(gfx/h2s/featured-program.gif) no-repeat;
}

#secondary h3 span.newsletter {
	background: url(gfx/h2s/newsletter.gif) no-repeat;
}

#secondary h3 span.section {
	background: url(gfx/h2s/in-this-section.gif) no-repeat;
}

#secondary #sub-nav ul {
	padding: 5px 30px 0px 40px;
	list-style: none;
}

#secondary #sub-nav li, #secondary #sub-nav li a {
	text-decoration: none;
	padding-top: 10px;
	font-size: 14px;
}

#secondary #sub-nav li {
	padding-left: 30px;
}

#secondary #sub-nav ul li.current a {
	color: #0d2e47;
}

#secondary #sub-nav li.current {
	background: url(gfx/bball-pointer.gif) top left no-repeat;
}

#secondary #newsletter h3, #secondary #newsletter h3 span {
	height: auto;
	width: auto;
	position: relative;
}

#secondary #newsletter h3 a {
	font-size: 16px;
}

#secondary #newsletter h3 span {
	font-size: 13px;
	font-style: italic;
}

#secondary strong {
	font-weight: bold;
}

#secondary em {
	font-style: italic;
}
	
	

img.highlight {
	width: 155px;
	height: 155px;
	padding: 20px 0 10px 65px;
}

blockquote {
	display: block;
	background: url(gfx/left-quote.gif) top left no-repeat;
	width: 235px;
	margin-left: 30px;
}

blockquote p {
	display: block;
	width: 150px;
	font-size: 14px;
	line-height: 24px;
	background: url(gfx/right-quote.gif) bottom right no-repeat;
}


#primary {
	margin-left: 10px;
	width: 580px;
	float: left;
}

/* Footer ---------------------------------------------------------------- */

#footer {
	float: left;
	margin-bottom: 20px;
}

#footer p {	
	font-size: 11px;
}

#footer a {
	text-decoration: underline;
	color: #8b9194;
}

/* Priamry Navigation ----------------------------------------------- */

#nav {
	margin-top: -48px;
}

#nav ul {
	width: 900px;
	height: 34px;
	position: relative;
	background: url(gfx/nav-matrix.jpg);
	margin: 0;
	padding: 0;
}


#nav ul li {
	float: left;
}

#nav ul li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 34px;
	background: url(gfx/nav-matrix.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#nav ul li#about a {
	left: 0;
	width:102px;
	background-position: 0 0;
}

#nav ul li#registered a {
	left: 102px;
	width: 198px;
	background-position: -102px 0;
}

#nav ul li#drop-in a {
	left: 300px;
	width: 161px;
	background-position: -300px 0;
}

#nav ul li#kids a {
	left: 461px;
	width: 179px;
	background-position: -461px 0;
}

#nav ul li#weight a {
	left: 640px;
	width: 137px;
	background-position: -640px 0;
}

#nav ul li#volunteer a {
	left: 777px;
	width: 123px;
	background-position: -777px 0;
}

#nav ul li#about a:hover {
	background-position: 0 -34px;
}

#nav ul li#registered a:hover {
	background-position: -102px -34px;
}

#nav ul li#drop-in a:hover {
	background-position: -300px -34px;
}

#nav ul li#kids a:hover {
	background-position: -461px -34px;
}

#nav ul li#weight a:hover {
	background-position: -640px -34px;
}

#nav ul li#volunteer a:hover {
	background-position: -777px -34px;
}

/* Footer-Secondary Nav ---------------------------------------------------------------- */

#footer-nav {
	position: relative;
	left: 600px;
	top: -250px;
	width: 300px;
}

#footer-nav ul li {
	display: inline;
	margin-left: 12px;
}

#footer-nav ul li a {
	color: #226580;
	text-decoration: none;
}

/* Sub Nav -------------------------------------------------------------------   */



/* News ----------------------------------------------------------- */




/* Typography ----------------------------------------------------- */

#primary h1 {
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	color: #afca26;
}

#primary h2 {
	font-size: 30px;
	color: #afca26;
	margin-bottom: 18px;
}

#primary p {
	line-height: 24px;
	margin-bottom: 13px;
}


#primary h3 {
	font-size: 20px;
	color: #afca26;
	margin-bottom: 13px;
}

#primary h3 a {
	color: #afca26;
}

#primary h3 span.date {
	font-size: 13px;
	font-style: italic;
	color: #8B9194;
}

#primary h4 {
	font-size: 20px;
	color: #8b9194;
	margin-bottom: 13px;	
}

#primary h4 a {
	color:#8b9194;
}


#primary ul {
	list-style: disc inside;
	padding: 0 0px 13px 15px;
}

#primary ol {
	list-style: decimal inside;
	padding: 0 0px 13px 15px;
}

#primary li {
	line-height: 20px;
	padding-left: 0px;
}

#primary strong {
	font-weight: bold;
}

#primary em {
	font-style: italic;
}

#primary .center {
	text-align: center;
}

#primary .right {
	text-align: right;
}

#primary .left {
	text-align: left;
}

#primary a, #primary a:link, #primary a:visited {
	color: #545454;
}

#primary a:hover {
	color: #272727;
}

	

/* News Section Typography ------------------------------------------------------------------------ */



/* RSS Live Search ------------------------------------------------------------------------------- */
#searchform { width: 500px; }
#searchform fieldset { outline: none; border: 1px solid #666; background: #dedede; padding: 20px; margin: 0 20px; }
#searchform label { padding-right: 10px; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }

#LSResult { background-color: #ccc; margin: 0 20px; }
#LSShadow { padding: 5px; }
#LSRes { background-color: #fff; padding: 10px; }
.LSRow { padding: 5px; border-bottom: 1px solid #dedede; }
#LSHighlight { background-color: #dedede; }
#LSHeader { padding: 2px 2px 8px; }
.lsDate { display: block; color: #eee; }

#LSResult a { color: #999999 }
#LSResult a:hover { color:#990000; }

/* Sitemap  ------------------------------------------------------------------------------- */


#primary ul.sitemap li ul {
	list-style: square inside;
	margin-left: 15px;
	padding-bottom: 5px;
}

#primary ul.sitemap li {
	padding-bottom: 10px;
}

#primary ul.sub-list li {
	padding-bottom: 0;
}




/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */




/* Jquery Slide Panels */

#primary h3.panel {
	margin-top: 5px;
}

.panel{
	height:30px;
	width: 427px;
	padding-top:5px;
	padding-left: 10px;
	cursor:pointer;
	margin-bottom:0px;
}

.panel-target {
	padding:15px;
}
.panel-closed {
	display:none;
}


/* Form spam proofing
--------------------------------------------------------------------------------------------------- */

.email_confirm {
	display:none;
	}