/* css information
--------------------------------------------------------
	bluetux:        screen stylesheet
	author:         sam howat, www.bluetux.com
	updated:        mar 16, 2006
-------------------------------------------------------- */

			body { 
				margin: 0px; padding: 0px;
				background-color: #8F7C69;
				font-family: Georgia, Arial, "Trebuchet MS", serif;
				font-size: 1em;
			}
			
/* branding elements
-------------------------------------------------------- */
	
			#head {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 116px;
	background-color: #333333;
	visibility: visible;
				}
			
			#logo {
				margin-top: 10px;
				margin-left: 10px;
				}
				
			#content {
	background-color: white;
	position: absolute;
	top: 115px;
	width: 750px;
	visibility: visible;
				}
			.maincontent {
				padding: 10px 15px 10px 15px;
				}		
			#footer {
				background-color: #4A4137;
				color: white;
				font-size: .9em;
				padding: 15px;
				line-height: 1.2em;
				}	
			#footer p {
				margin: 0px; padding: 0px; color: white;
				
				}	

/* branding elements
-------------------------------------------------------- */


			#logo h1 a.cchs:link, #logo a.cchs:visited {
				float: left;
				background: #333333 url(../../_images/logo/cchs.jpg) top no-repeat;
				width: 278px;
				height: 76px;
				}
				
			#logo h1 a.cchs:hover {
				float: left;
				background: #333333 url(../../_images/logo/cchs-over.jpg) top no-repeat;
				width: 278px;
				height: 76px;
				}	
			
			#logo h1 { margin: 0px; }
				
			#logo span { display: none; }

/* navigation elements
-------------------------------------------------------- */

			#nav {
	position: absolute;
	top: 86px;
	left: 50px;
	width: 700px;
	height: 30px;
	background: url("../../_images/nav/main-nav.jpg");
	visibility: visible;
				}
			
			#nav li{
	position: absolute;
	top: 0px;
	visibility: visible;
			}
			
			#nav a {
				text-indent: -9999px;
				text-decoration: none;
			}
			
			#nav li, #nav a {
				display: block;
				height: 30px;
			}
			
			#nav-carnegie { left: 52px; width: 100px; }
			#nav-about { left: 152px; width: 78px; }                                            
			#nav-school { left: 230px; width: 113px; }
			#nav-prorgams { left: 342px; width: 84px; }
			#nav-membership { left: 426px; width: 101px; }
			#nav-contact { left: 528px; width: 103px; }
			#nav-home { left: 630px; width: 70px; }
			
			#nav-carnegie a:hover { background: transparent url("../../_images/nav/main-nav.jpg") -52px -30px no-repeat; }
			#nav-about a:hover { background: transparent url("../../_images/nav/main-nav.jpg") -152px -30px no-repeat; }                                            
			#nav-school a:hover { background: transparent url("../../_images/nav/main-nav.jpg") -230px -30px no-repeat; }
			#nav-prorgams a:hover { background: transparent url("../../_images/nav/main-nav.jpg") -342px -30px no-repeat; }
			#nav-membership a:hover { background: transparent url("../../_images/nav/main-nav.jpg") -426px -30px no-repeat; }
			#nav-contact a:hover { background: transparent url("../../_images/nav/main-nav.jpg") -528px -30px no-repeat; }
			#nav-home a:hover { background: transparent url("../../_images/nav/main-nav.jpg") -630px -30px no-repeat; }


/* typography elements
-------------------------------------------------------- */

			p,dt  { 
				font-size: .95em;
				line-height: 1.3em;
				margin-top: 10px;
				margin-bottom: 10px;
				color: #4B4B4B; 
				}
			
			
			ul {
				margin: 10px 0px 10px 0px;
				padding: 0px 0px 0px 25px; 
				border-left: 2px solid #CCCCCC;
				}
			
			li {
				margin: 0px; padding: 0px 0px 2px 0px;
				font-size: .95em;
				line-height: 1.3em;
				color: #4B4B4B;
				list-style-type: square;
				}	
				
			h1 {
				font-weight: normal;
				line-height: 90%;
				letter-spacing: -1px;
				font-size: 1.5em;
				font-weight: bold;
				text-transform: uppercase;
				color: #536777;
				margin-top: 8px;
				margin-bottom: 8px;
				}
				
			h2 {
				
				font-weight: normal;
				line-height: 90%;
				letter-spacing: -1px;
				font-size: 1em;
				text-transform: capitalize;
				font-weight: bold;
				color: #536777;
				margin-top: 12px;
				margin-bottom: 12px;
				}
				
			h3 {
			  	color: #564A3F;
				font-size: .8em;
				font-weight: bold;
				margin-top: 0px;
				margin-bottom: 8px;
				}	
			
			h4 {
				font: bold 13px/1.2em Arial, "Lucida Sans Unicode", Tahoma, "Trebuchet MS", "Verdana", sans-serif; 
				margin-top: 10px;
				margin-bottom: 10px;
				color: #4B4B4B; 
				}	
			
			a:link, a:visited, a:active { 
			color: #094475; 
			text-decoration: underline; }
			
			a:hover { color: #000; 
			text-decoration: underline; }
			
			
			#footer a:link, #footer a:visited, #footer a:active { 
			color: #FFF; 
			text-decoration: underline;
			margin: 0px 5px 0px 5px; }
			
			#footer a:hover { color: #FFF; 
			text-decoration: none; }
			
			
/* feature elements
-------------------------------------------------------- */
			
			.blowout_right {
				float: right;
				width: 200px;
				padding: 5px;
				margin: 5px;
				}
				
			.clear {
				clear: both;
				}	

			.pdf {
				background-image: url(../../_images/feat/pdf.jpg);
				background-position:left;
				background-repeat:no-repeat;
				padding-left: 25px;
				}
				
			.thumb {
				border: 1px solid #c4c4c4;
				padding: 7px;
				}
					
			.thumb:hover {
				border: 1px solid #FFCC33;
				padding: 7px;
				}
			
			label{
			
			padding-left: 0px;
			 }
				
			fieldset {
			 border: 1px solid #ccc;
			}
			
		legend {
				font-size: 1.2em;
				line-height: 1.3em;
				margin: 5px; padding: 5px;
				background-color: white;
				color: #4B4B4B; 
				}
		.blowoutRight {
				float: right;
				padding: 5px; margin: 5px;
				background-color: #333333;
				border: 5px solid #666666;
				width: 250px;
				}
				
		.blowoutRight p{
		color: #FFFFFF;
		}
		
		.blowoutRight a:link, a:visited, a:active { 
			color: #FFC453; 
			text-decoration: underline; }
			
		.blowoutRight a:hover { 
			color: #fff; 
			text-decoration: underline; }
			
.product-block { 

	border-top: 1px dotted #c4c4c4;
	margin: 5px 0 0 0; padding: 10px;  clear: both;
	
	}		

.main-prod-photo { 

	border: 1px solid #c4c4c4;
	padding: 1px; margin: 0 10px 20px 0; 
	float: left; 
	
	}		

.main-prod-photo-tall { 

	border: 1px solid #c4c4c4;
	padding: 1px; margin: 0 10px 30px 0; 
	float: left; 
	
	}	

.price { 

	font-weight: bold; 
	color: #990000;
	float: left; padding: 0 10px 0 0; 
	
	}			

		a.button {
				background: transparent url('../../_images/buttons/bg_button_a.jpg') no-repeat scroll top right;
				color: #444;
				display: block;
				float: left;
				font: normal 11px arial, sans-serif;
				height: 27px;
				margin-right: 2px;
				padding-right: 9px; /* sliding doors padding */
				text-decoration: none;
				}
			
			a.button span {
				background: transparent url('../../_images/buttons/bg_button_span.jpg') no-repeat;
				display: block;
				line-height: 17px;
				height: 17px;
				padding: 5px 7px 5px 18px;
				font-weight: bold;
				}
			
			a.button:active {
				background-position: bottom right;
				color: #000;
				outline: none; /* hide dotted outline in Firefox */
			}
			
			a.button:active span {
				background-position: bottom left;
				padding: 6px 7px 4px 18px; /* push text down 1px */
			}