/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/toggle.css";
@import "lib/plugins/megadrop.css";
@import "lib/plugins/addthis.css";


/* Page
-------------------------------------------------------------- */


html {
	background: #e1e1e1 url(../BGgrad.jpg) repeat-x fixed;
}

body {
	margin-top: 0px;
	background: url(../ccrBG.gif) repeat-x center top;
}

#page {
	margin: 0 auto;
	width: 970px;
}



/* Header
-------------------------------------------------------------- */

#searchwrap {
	padding-top: 30px;
	float: right;
	height: 50px;
	width: 300px;
	text-align: right;
	margin-right: 20px;
}


#header {
	margin-top: 0px;
	margin: 0;
	height: 110px;
	width: 100%;
}

#logo {
	padding-left: 15px;
}

#CCRtoplogo {
	padding-top: 0px;
	float: right;
}


#navbar {
	margin: 0;
	padding-left: 20px;
	height: 90px;
	width: 950px;
}

#bannerhome {
	width: 930px;height: 260px;padding-left: 20px;padding-right: 20px;background-color: #fff;
	z-index: -2;
}
#slideshow {
	width: 930px;height: 260px;background-color: #fff;z-index: -1;
}



#bannertext { margin-bottom: 20px;
}


#topbanner {
	width: 590px;height: 20px;margin-bottom: 1px;
}


#content { float: left; width: 930px; min-height: 400px;
	background-color: #fff;padding-top: 20px;padding-left: 20px;padding-right: 20px;padding-bottom: 50px;
}


/* Content
-------------------------------------------------------------- */

#maincontent { float: left; width: 630px; min-height: 250px;}

.textpanel { float: left; width: 560px; min-height: 120px; margin-bottom: 40px;padding: 10px 0px 0px 20px;
	background: #fff url(../grad-corner.jpg) no-repeat 0 top;
}


.textpanelhome { float: left; width: 390px; margin: 0 0 10px 20px;padding: 10px 10px 10px 10px;background-color: #000000;
}

div.textpanelhome h5, div.textpanelhome h1 {
	color: #ffffff;
}

.textpanelhomeleft { float: left; width: 180px; margin: 0 10px 10px 0;padding: 10px 10px 0px 10px;background-color:#ccc;
}

#homeleft { width: 190px;
	float: left;
}
#homemiddle { float: left;width: 390px;
}


.arrow { font-size: .8em; padding: 0px 0px 2px 2px;float: left;
	color: #999;
}

.arrow img {
	vertical-align: middle;padding-left: 5px;padding-right: 5px;

}

.greenBG {background-color: #339933;
}


#aboutpanel50 {
	float: left; 
	-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
padding: 20px;
	color: #666;
	font: 0.85em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 4px dashed #999;
}



#rightcontent { float: left; width: 300px; clear: none;}

#subnavlinks { float: left; width: 330px; padding: 20px;min-height: 100px;}


#sidetext { float: left; width: 260px;padding: 16px;
	border: 1px solid #ccc;margin-top: 20px;font-size: 85%;
}

	#sidebanner { float: left; width: 300px;margin: 0px 0px 10px 0px;
	}

#infopanel { float: left; width: 300px; margin-top: 0px;
	background: #254DA4 url(../infoHead.jpg) repeat-x center top;padding-top: 40px;
	}

#infopanelhome { float: left; width: 200px; margin-top: 0px;
	background-color: #254DA4;
	}
	
#infopaneltext { float: left; width: 250px;  padding-top: 10px;padding-left: 5px;padding-right: 0px;margin-top: 5px;
	}
		
	
#infopaneltext { float: left; width: 250px;  padding-top: 10px;padding-left: 5px;padding-right: 0px;margin-top: 5px;
	}
	
	
#infopanelfoot { float: left; width: 300px;  height: 20px;
	background: #fff url(../infoFoot.jpg) repeat-x center top;
	}



#searchbar {
	float: left;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	width: 300px;
	height: 70px;
	background: url(../searchbar.jpg) no-repeat 0px 0px;
}


#toggledown {
	width: 130px;
	padding-top: 40px;
	margin-top: 20px;
	float: left;
	font-size: 0.8em;
}


#banner {float: left; width: 150px;margin-bottom: -20px;}

#sharepanel {float: left; width: 300px;margin-top: 10px;margin-bottom: 20px;}




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

#footerwrapstrap { float: left; padding-top: 40px;width: 100%;
	background: #fff url(../straplineFoot.gif) no-repeat;
}

#footerline { float: left; width: 100%;height: 50px;
	background: #fff url(../ccrBGfooter.gif) repeat-x 0px 0px;

}

#footertext { float: left; padding: 10px;text-align: center;width: 100%;color: #999;font-size: 90%;
}


.clear {
	clear: both;
}