/* Spirit Of Community
   Updated: 10-24-2008
   Author: PJM
--------------------------------------------------------- */

/* STRUCTURE
--------------------------------------------------------- */
* {outline: none}
#wrapper{margin:0 auto;padding:0;width:960px}
#container{background:url("/media/system/cda/soc/bottom-white.gif") bottom left no-repeat;margin:0;padding:0 0 20px 0}
#container .container-wrap{background:#fff;margin:0;padding:20px 0 0 0}
#mainbody{margin:0;padding:0;width:100%}
#content{clear:both;display:block;float:left;margin:0 0 0 0;padding:0 0 0 20px}
#sidebar{float:right;margin:0 0 0 0;overflow:hidden;padding:0 10px 0 0;width:226px}

/* COMMON STYLE
--------------------------------------------------------- */
html,body,form,fieldset{margin:0;padding:0}
body{background:#5A1C00 url("/media/system/cda/soc/bg.jpg") repeat-x;color:#000;font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;line-height:140%}
/* For font resizing - N/A */
body.fs1{font-size:10px}
body.fs2{font-size:11px}
body.fs3{font-size:12px}
body.fs4{font-size:13px}
body.fs5{font-size:14px}
body.fs6{font-size:15px}

/* Normal link */  
a{color:#7B2C00;text-decoration:none}
a:hover,a:active,a:focus{color:#7B2C00;text-decoration:underline}
a img{border:none}

/* Small text */  
small,.small{font-size:92%}
small,.small{color:#E78652}
img{margin:0;padding:0}
img.caption{margin-top:15px}

/* Heading */  
h1{font-size:160%;font-weight:normal;line-height:100%; padding: 0 0; margin: 0}
.page-title{padding: 0 0 10px 0;}
.tabs-middle h1 {color: #000; font-size:140%; margin: 0 0 15px -2px; padding: 0;}
h2{font-size:150%}
h3{font-size:125%}
h4{font-size:100%;text-transform:uppercase}
p,pre,blockquote,h1,h2,h3,h4,h5,h6{margin:10px 0;padding:0}
blockquote{margin:10px 40px;padding:0}
th{font-weight:bold;padding:5px;text-align:left}
fieldset{border:none;padding:10px 5px}
fieldset a{font-weight:bold}
fieldset.input{padding:0}
hr{border-bottom:0;border-left:0;border-right:0;border-top:1px solid #CCC;height:1px}
td,div{font-size:100%}
.clear{clear:both;margin:0 0 .5em 0}

/* =LISTS
--------------------------------------------------------- */
ul.arrow{list-style:none;list-style-position:outside;margin-left:20px;padding:0}
ul.arrow li{background:url("/media/system/cda/soc/arrow.png") 0 3px no-repeat;margin:0;padding:0 0 0 20px}
.product-info-group ul{list-style:none;list-style-position:outside;margin:0 5px 0 15px;padding:0}
.product-info-group li{background:url("/media/system/cda/soc/arrow.png") no-repeat 0 4px;list-style:none;margin:0;padding:0 0 0 13px}
.product-info-group li a{margin:0;padding:0}

/* =HEADER
--------------------------------------------------------- */
#header{background:#FFD77B url("/media/system/cda/soc/head.jpg") no-repeat 0 32px;height:167px;padding:0;position:relative;width:100%}
h1.logo,h1.logo-text{font-size:200%;margin:0;padding:0}
h1.logo a{background:url("logo.gif") no-repeat;bottom:15px;display:block;height:42px;left:0;position:absolute;width:435px}
h1.logo a span{position:absolute;top:-1000px}
h1.logo-text a{bottom:35px;left:15px;outline:none;position:absolute;text-decoration:none}

.inner p.description { margin:15px 0 10px 0; padding:0 }
.inner p.link { margin:10px 0; padding:0; }

#banner{/*background:#FFD77B url("/media/managed/banner-soc.jpg") no-repeat 0 0;border:1px solid #fff;*/height:286px;margin:0;padding:0}
#banner .inner{color:#E78652; margin:0 0 0 486px;padding:0;width:450px; float:none; }
#banner .inner .headline
{
	font-family: Georgia, serif;
	font-size:19px;
	color:#FFF;
	text-align: left;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 22px;
	vertical-align:text-bottom;
	height:103px;
	margin-bottom:22px;
}
#banner .inner .headline .headline_bottom{ height:100%;position:relative;}
#banner .inner .headline .headline_bottom p{bottom:0;position:absolute; margin:0; font-size:19px;}

/* =BREADCRUMB
--------------------------------------------------------- */
#breadcrumb{color:#E78652;margin:0 0 10px 0;padding:0}
#breadcrumb span.active{color:#000}

/* =NAVIGATION
--------------------------------------------------------- */
#navigation{color:#7B2C00;float:left}
#navigation ul{list-style:none;margin:0;padding:4px 0 0 10px}
#navigation li{background:url("/media/system/cda/soc/left.gif") no-repeat left top;float:left;margin:0;padding:0 0 0 9px}
#navigation a{background:url("/media/system/cda/soc/right.gif") no-repeat right top;display:block;float:left;padding:5px 15px 4px 6px;text-decoration:none}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation #current{background-image:url("/media/system/cda/soc/left_on.gif")}
#navigation #current a{background-image:url("/media/system/cda/soc/right_on.gif");font-weight:bold;padding-bottom:5px}

/* FOOTER
--------------------------------------------------------- */
#footer{margin:10px auto;padding:20px 0 0 0;position:relative;width:960px}
#small{font-size:100%}

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

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

/* =PRODUCT INFO GROUPING
--------------------------------------------------------- */
.product-info-group h3{background:url("/media/system/cda/soc/dotted.gif") no-repeat bottom;color:#000;font-size:100%;font-weight:bold;margin:0 15px;padding:0}
.product-info-group p{margin:5px 15px;padding:0}
.product-info-group{background:#fff url("/media/system/cda/soc/spiral-body.gif") repeat-y top;border:1px solid #FFF;margin:20px 0}
.product-info-group a.more{display:block;margin:5px 15px;padding:0 0 5px 0}
.product-info-group .section-name{font-style:italic}
.product-info-group .top{background:url("/media/system/cda/soc/spiral-top.jpg") no-repeat top;padding:15px 0 0 0}
.product-info-group .bottom{background:url("/media/system/cda/soc/spiral-bottom.gif") no-repeat bottom;padding:20px 0 0 0}
.product-info-group .separator-supressed{padding:5px 0 10px 0}
.product-info-group .separator{padding:5px 0 10px 0}


/* =OVERVIEW PAGE
--------------------------------------------------------- */
.overview-table{margin:0;padding:0}
.overview-table tr{margin:0;padding:0}
.overview-table tr td{margin:0;padding:0;vertical-align:top}
.overview-table tr td.arrow{padding:3px 0 0 0;vertical-align:top;width:12px}
.overview-table tr td a.promo-headline{background:url("/media/system/cda/soc/arrow.png") no-repeat 0 3px;font-weight:bold;margin:0;padding:0 0 0 10px}
.promo-blurb{margin:0;padding:0 0 0 10px}

			
/* =IMAGE LINKS
--------------------------------------------------------- */
#link-one,#link-two{display:block;height:44px;margin:0 0 5px 0;padding:0}
#link-one span,#link-two span{margin:-9999px}
#link-one{background:url("/media/system/cda/soc/hon-search.jpg") no-repeat 2px 0}
#link-two{background:url("/media/system/cda/soc/national-event.jpg") no-repeat 2px 0}
#options{float:right;margin:5px 15px 0 0}
#options a{padding: 0 0 0 8px}
#options .delimiter{color:#B5826B;padding:0 8px}

/* LISTING OF PAGES
--------------------------------------------------------- */
.tabs{background:url("/media/system/cda/soc/tabbed-top.gif") 0 24px no-repeat;font-size:93%;height:50px;width:685px}
.tabs ul{list-style:none;margin:0 0 0 20px;padding:0}
.tabs li{background:url("/media/system/cda/soc/left.gif") no-repeat left top;float:left;margin:0 1px;padding:0 0 0 9px}
.tabs span{background:url("/media/system/cda/soc/right.gif") no-repeat right top;display:block;float:left;line-height:25px;padding:0 15px 0 6px;text-decoration:none}
.tabs span{float:none}
.tabs #current{background-image:url("/media/system/cda/soc/left_active_lop.gif");font-weight:bold}
.tabs #current span{background-image:url("/media/system/cda/soc/right_active_lop.gif");color:#7B2C00;line-height:25px;padding:0 10px 0 0px;text-decoration:none}
.tabs-middle{background:#FFFBEF;border-left:1px solid #FCC;border-right:1px solid #FCC;height:auto;margin:0;padding:0 16px;width:651px}
.tabs-bottom{background:#FFF8E8 url("/media/system/cda/soc/tabbed-bottom.gif") no-repeat bottom left;height:30px;width:685px}
.tabs-text{margin:0;padding:0}
.tabs-wrap{padding:0;margin:0}

/* =FAQ
--------------------------------------------------------- */
#faq{margin:0;padding:0}
#faq ul.simple{margin:0;padding:0}
#faq ul.simple,#faq ul.simple li{line-height:normal;list-style:none outside;margin:0;padding:0}
#vertical{clear:both;margin:0;padding:0}
#faq h3{cursor:pointer;height:24px;margin:0;padding:0;position:relative;width:100%}
#faq h3 a{color:#000;display:block;font-size:13px;left:0;margin:4px 0 0 0;padding:0;text-decoration:none;text-indent:30px;width:100%}
#faq h3 span{background:#FFFBEF;border:none;color:#090;font-size:0.8em;font-weight:bold;height:24px;left:0;margin:0;padding:0;position:absolute;text-indent:-9999px;top:0;width:24px}
#faq .plus{background:url("/media/system/cda/soc/plus.gif") no-repeat 0 0}
#faq .minus{background:url("/media/system/cda/soc/minus.gif") no-repeat 0 0}
.description span.plus{background:url("/media/system/cda/soc/plus.gif") no-repeat 0 0}
div.controls{margin:0;padding:0;text-align:right}
div.controls a{display:inline;line-height:30px;margin:0 0 0 10px;padding:5px 0 5px 25px}
#faq div.separator{border-top:2px dotted #FCC;display:block;font-size:1px;height:2px;margin:0 0 10px 30px;min-height:2px;padding:0}
div.collapse{margin:0;padding:0}
div.collapse-container{margin:0;padding:0 0 5px 30px}
#faq p.question{background:url("/media/system/cda/soc/arrow.png") no-repeat 0 4px;color:#000;margin:10px 0 0 0;padding:0 0 0 14px}
#faq p.answer{color:#000;font-size:12px;margin:10px 0 0 13px;padding:0}
#faq a.return{display:block;height:30px;text-align:right}

/* =HOMEPAGE
--------------------------------------------------------- */
#homepage-container .top{margin:0 0 15px 0}
#homepage-container .left{background:url("/media/system/cda/soc/students-parents.jpg") no-repeat;float:left;height:300px;margin:0;padding:0;width:451px}
#homepage-container .right{background:url("/media/system/cda/soc/school-org.jpg") no-repeat;float:right;height:300px;margin:0;padding:0;width:226px}
#homepage-container .left .inner{margin:80px 20px 0 20px;padding:0}
#homepage-container .right .inner{margin:80px 15px 0 20px;padding:0}

/* =CMA CODE
--------------------------------------------------------- */
.tableSubsection{background-color:#FFE6B2;font-weight:bold;color:#000;font-size:12px;border:1px solid #FCC;margin-top:15px;margin-bottom:10px}