/* Composition Styles */

	body {
		}

	#c1, #c2, #c3 {
		}
		.home #c1 {
			background: #d1e3ed;
			}
		#c1 img {
			border: 1px solid #666;
			padding: 1px;
			}
			.calendar #c1 img {
				border: none;
				}
		
		
	#col1, #col2, #col3, #col4 {
		position: absolute;
			left: 0;
			top: 0;
		width: 25%;
		}
		#col1 {
			background: #ffedb8 url(../images/ui/bg_who.jpg) no-repeat 0 0;
			position: relative;
			}
		#col2 {
			background: #dad1e3 url(../images/ui/bg_highlights.jpg) no-repeat 75% 0;
			left: 25%;
			}
		#col3 {
			background: #d9f2bf url(../images/ui/bg_parents.jpg) no-repeat 50% 0;
			left: 50%;
			}
		#col4 {
			background: #d1e3ed url(../images/ui/bg_educators.jpg) no-repeat 0 0;
			left: 75%;
			}
		#col1 .content, #col2 .content, #col3 .content, #col4 .content {
			padding: 148px 12px 12px;
			}
		#col1 h1, #col2 h1, #col3 h1, #col4 h1 {
			background: none;
			border-left: none;
			color: #E45100;
			font-size: 125%;
			margin: 0 0 .25em;
			padding: 0;
      font-weight: bold;
			}
			#col2 h1 {
				color: #306;
				}
			#col3 h1 {
				color: #360;
				}
			#col4 h1 {
				color: #036;
				}
		#col1 li {
			padding-bottom: 3px;
			}
		#col2 li {
			background: transparent url(../images/ui/bg_bullet_col2.png) no-repeat;
			padding: 3px 0 10px 25px;
			}	
		#col3 li, #col4 li {
			background: none;
			padding: 0 0 10px;
			}		
		#col1 ul, #col2 ul, #col3 ul, #col4 ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}	
			#col1 ul {
				margin: -8px 0 0 5px;
				}	
			#col2 ul {
				margin: 0 0 0 -5px;
				}						
			#col3 ul, #col4 ul {
				line-height: 100%;	
				margin: 10px 0 1.25em 1px;
				}
	
	.content {
		padding: 15px 17px;
		}
		#c2 .content {
			padding: 0;
			}
		.home .content {
			padding: 0;
			position: relative;
			}
		#sidebar .content {
			padding: 15px 0 10px 15px;
			}
		.content ul li {
			background: transparent url(../images/ui/bg_li.gif) no-repeat 2px 6px;
			margin: 0;
			padding-left: 14px;
			}
			.content ol li {
				background: none;
				padding-left: 0;
				}
								

	#footer,
	#footer2 {
		background: #fff;
		border-top: 1px solid #FF8434;
		clear: both;
		font-size: 80%;
		line-height: 100%;
		margin: 0 12px;
		padding: 50px 16px 16px;
		}
		.home #footer,
		#footer2 {
			border-top: none;
			}
		#footer2 {
			padding-top: 0;
			}
		#footer p {
			margin: 0 0 3px;
			}
			#footer p#wcpssLogo {
				float: right;	
				margin: -4px 0 0;			
				}
				
	.pe h1 {
		background: #ffedb8;
		color: #ff6e0c;
		padding: 10px 0 10px 17px;
		margin: -14px -17px 15px;
		}

	#header {
		background: #fff;
		height: 9.9em;
		margin: 0 12px;
		}
		#header #logo {
			background: url(../images/ui/logo.png) no-repeat 0 0;
			display: block;
			height: 78px;
			position: relative;
				left: 15px;
				top: 20px;
			text-indent: -5000px;
			width: 495px;
			}
						
	#navPrimary {
		margin: 0;
		padding: 0;
		position: absolute;
			left: 0;
			top: 9.9em;
		z-index: 10;
		width: 100%;
		}
		#navPrimary li {
			background: transparent url(../images/ui/bg_tab.png) no-repeat;
			float: left;
			font-size: 117%;
			font-family: Georgia, "Times New Roman", Times, serif;
			margin: 0 0 0 -1px;
			padding: 0 0 0 9px;
			position: relative;
			}
			.home #navPrimary li.nav_home {
				display: none;
				}
			#navPrimary li:hover { 
				background-position: 0 -50px;
				}	
			#navPrimary li:hover a {
				background-position: 100% -50px;
				}						
			#navPrimary li:hover ul { 
				display: block;
				}
			#navPrimary li a {
				background: transparent url(../images/ui/bg_tab.png) no-repeat 100% 0;
				color: #fff;
				display: block;
				margin: 0;
				padding: .24em 9px .29em 0;
				text-decoration: none;				
				}
			#navPrimary li li {
				background: none;
				border-bottom: 1px solid #ffa74a;
				border-right: none;				
				clear: left;
				line-height: 100%;	
				margin: 0;
				padding: 0;
				font-size: 89%;	
				width: 100%;	
				}
				#navPrimary li li.last {
					border-bottom: none;
					}				
				#navPrimary li li a {
					background: none;				
					padding: 5px 0 5px 8px;
					}
					#navPrimary li li a:hover {
						background: #ff882c;	
						}					
			#navPrimary li ul {
				background: #ff7b14; 
				border: 1px solid #fff;	
				border-top: none;
				display: none;
				height: auto;
				margin: 0;
				padding: 1px 0 0;
				position: absolute; 
					left: 0;
					top: 1.8em;					
				width: 220px;
				}
		#navPrimary ul {
			background: #ff8231 url(../images/ui/bg_navPrimary.png) repeat-x;
			border-bottom: 1px solid #fff;
			height: 2.12em;
			list-style: none;
			margin: 0 12px;
			padding: 0 0 0 17px;
			}

	#navSecondary {
		background: #fff2cf;
		border-top: 1px solid #fff;
		margin: 0;
		padding: 0;
		}		
		.child #navSecondary {
			background: #fff2cf;
			}
		.educator #navSecondary {
			background: #e0eaf3;
			}
		.kindergarten #navSecondary {
			background: #efecf3;
			}
		.parent #navSecondary {
			background: #e8f7da;
			}
		#navSecondary a { 
			color: #E45100;
			display: block;	
			text-decoration: none;
			}
		#navSecondary h2 {
			background: none;
			font: bold 110%/100% Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 5px 0 0 10px;
			}
			#navSecondary h2 a {
				padding: 4px;
				}
		#navSecondary li {
			border-top: 1px solid #fff;
			font-size: 100%;
			line-height: 100%;
			margin: 0;
			padding: 0;
			}
			#navSecondary li a {
				padding: 4px 4px 4px 14px;
				text-decoration: none;
				}
				#navSecondary li a:hover {
					text-decoration: underline;
					}							
		#navSecondary ul {
			background: transparent url(../images/ui/bg_navSecondary_orange.jpg) repeat-x 0 100%;
			list-style: none;
			margin: 0;
			padding: 0;
			}
			.child #navSecondary ul {
				background: transparent url(../images/ui/bg_navSecondary_yellow.jpg) repeat-x 0 100%;
				}
			.educator #navSecondary ul {
				background: transparent url(../images/ui/bg_navSecondary_blue.jpg) repeat-x 0 100%;
				}
			.kindergarten #navSecondary ul {
				background: transparent url(../images/ui/bg_navSecondary_purple.jpg) repeat-x 0 100%;
				}
			.parent #navSecondary ul {
				background: transparent url(../images/ui/bg_navSecondary_green.jpg) repeat-x 0 100%;
				}
						
	#navUtility {
		position: absolute;
			right: 12px;
			top: 10px;
		z-index: 11;
		}
		#navUtility li {
			border-bottom: 1px solid #FFF5D7;
			margin: 0;
			padding: 0;
			position: relative;
			}
			#navUtility li:hover, #navUtility li:hover ul {
				background: #fffae8;
				}
				#navUtility li:hover ul { 
					display: block;
					position: absolute;
						left: -14.6em;
						top: 0;
					}			
			#navUtility li a {
				color: #666;
				display: block;
				padding: 0;
				text-decoration: none;
				}	
			#navUtility li li:hover {
				background: #fff7d9;
				}	
			#navUtility li li a {
				padding: 0 0 0 5px;
				}					
			#navUtility li ul {
				display: none;
				}
		#navUtility ul {
			background: #fff;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 14.6em;
			}
			
	#search {
		position: absolute;
			right: 17em;
			top: 10px;
		z-index: 1;
		}	
		#search #q {
			font-size: 95%;
			}		
		#search #searchSubmit {
			margin: 0 0 -4px 3px;
			}		
			
	#sidebar {
		border-left: 1px solid #fea86b;
		clear: right;
		color: #666666;
		float: right;
		line-height: 120%;
		margin: 40px 0 10px 15px;
		padding: 0;
		width: 33%;
		}
		
	.content .topTen li {
		padding-left: 20px;
		}
		.content .topTen li.one {
			background: url(../images/1.png) no-repeat 0 1px;
			}
		.content .topTen li.two {
			background: url(../images/2.png) no-repeat 0 1px;
			}
		.content .topTen li.three {
			background: url(../images/3.png) no-repeat 0 1px;
			}
		.content .topTen li.four {
			background: url(../images/4.png) no-repeat 0 1px;
			}
		.content .topTen li.five {
			background: url(../images/5.png) no-repeat 0 1px;
			}
		.content .topTen li.six {
			background: url(../images/6.png) no-repeat 0 1px;
			}
		.content .topTen li.seven {
			background: url(../images/7.png) no-repeat 0 1px;
			}
		.content .topTen li.eight {
			background: url(../images/8.png) no-repeat 0 1px;
			}
		.content .topTen li.nine {
			background: url(../images/9.png) no-repeat 0 1px;
			}
		.content .topTen li.ten {
			background: url(../images/10.png) no-repeat 0 1px;
			}
			
/* Forms Styles */

	#contactUs form {
		margin: 0;
		padding: 0;
		}
		#contactUs form h2 {
			margin: 0 0 5px;
			}

	#contactUs fieldset {
		border: none;
		clear: left;
		margin: 0;
		padding: 0;
		}
		#contactUs fieldset.boxed {
			background: #E8EEF4;
			float: left;
			margin: 0 0 4px;
			width: 100%;
			}
		#contactUs fieldset div {
			/*float: left; */
			float: none;
			padding: 5px 5px 5px 0;			
			}
	
	#contactUs input {
		}	
		#contactUs .checkbox input, #contactUs .radio input {
			position: absolute;
			}	
		#contactUs .select select, #contactUs .text input, #contactUs .textarea textarea {	
			width: 100%;
			}			
	
	#contactUs label, #contactUs legend {	
		font-size: 95%;
		}
		#contactUs label {
			display: block;
			}
			#contactUs .checkbox label, #contactUs .radio label {
				padding: 0 0 0 22px;
				}		
			#contactUs label span, #contactUs legend span {
				font-size: 89%;
				}
			#contactUs .required label, #contactUs .required legend, #contactUs legend.required {
				font-weight: bold;
				}
				#contactUs .required label b, #contactUs .required label strong, #contactUs .required legend b, #contactUs .required legend strong {
					font-weight: normal;
					}			
		#contactUs legend {
			color: #000; /* for IE */
			position: relative; /* for IE */
				left: -5px;  /* for IE */
			}
	
	#contactUs .full {
		width: 95%;
		}				
	#contactUs .half {
		width: 46%;
		}	
	#contactUs .quarter {
		width: 22%;
		}			
	#contactUs .third {
		width: 33%;
		}
	#contactUs .three-quarters {
		width: 70%;
		}			
	#contactUs .two-thirds {
		width: 60%;
		}	
		
	fieldset {
		margin-bottom: 15px;
		}		
	
		.errors {
			background: #FFE8EC;
			border: 1px solid red;
			color: red;
			font-weight: bold;
			margin-left: 0 !important;
			padding: 5px 5px 0 !important;
			}
		table.cart {
			background-color: #fff;
			width: 75%;
			margin-bottom: 10px;
			/*
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			*/
			}
			table.cart td, table.cart th {
				background-color: #FFEDB8;
				padding: 3px 5px 3px 5px;
				/*
				border-bottom: 1px solid #ccc;
				border-left: 1px solid #ccc;
				*/
				}
			table.cart th {
				background-color: #FF6E0C;
				color: #fff;
				}
		form#registration div.text, form#registration div.radioGroup {
			margin-bottom: 15px;
			}
		form#registration div.radio {
			margin-bottom: 5px;
			}
		form#registration div.required label {
			font-weight: bold;
			}
		form#registration .text input, form#registration .textarea textarea, form#registration .groupHeading, form#registration label {
			width: 50%;
			display: block;
			}
		form#registration .radio input {
			float: left;
			}
		form#registration .radio label {
			font-weight: normal;
			}
		form#registration span.note {
			font-size: 90%;
			}	
	  	table.cart td.cost, th.costLabel {
			text-align: right;
			}
			
	table.cart td.checkbox {
		text-align: center;
	}
	
	.workshop {
		margin-bottom: 20px;
		}
		.workshop label {
			font-size: 110%;
			font-weight: bold;
			}
		.workshop span.workshopDetails {
			display: block;
			}
			.workshop span.ageRange {
				font-weight: bold;
				font-style: italic;
				}
			.workshop span.date, .workshop span.time, .workshop span.courseNumber, .workshop span.fee, .workshop span.presenter {
				font-weight: bold;
				} 
