/* 
Project : School Search Site(s)
Author : Rade New Media
Date : Monday, 6 April 2009
*/

div#jcelNav { 
	width: 850px; 
	height: 22px; 
	position: absolute;
	left: 24px;
	top: -9px; 
}

h1 { color: #001B2B; }
h2 { color: #001B2B; }
h3 { color: #001B2B; }
h4 { color: #001B2B; }
h5 { color: #001B2B; }
h6 { color: #001B2B; }
	h1 a { color: #001B2B; text-decoration: none; }
		h1 a:hover { text-decoration: underline; }
	h2 a { color: #001B2B; text-decoration: none; }
		h2 a:hover { text-decoration: underline; }
	h3 a { color: #001B2B; text-decoration: none; }
		h3 a:hover { text-decoration: underline; }
	h4 a { color: #001B2B; text-decoration: none; }
		h4 a:hover { text-decoration: underline; }
	h5 a { color: #001B2B; text-decoration: none; }
		h5 a:hover { text-decoration: underline; }
	h6 a { color: #001B2B; text-decoration: none; }
		h6 a:hover { text-decoration: underline; }

#background { margin-top: 0 !important; }
div#container { background: #fff url('../img/bg_jcel.jpg') repeat-x; width: 658px !important;  margin: 0 0 0 25px; padding: 20px 70px; overflow: hidden; }
div#container_jc { background: #fff url('../img/bg_jcel2.jpg') repeat-x; width: 708px !important;  margin: 0 0 0 25px; padding: 0 45px; overflow: hidden; min-height: 278px; }

/* Navigation Styling */
ul#nav {
	margin: 31px 0 0 240px;
}		#nav li { padding: 0; margin-right: 1px; }
		#nav li a { background: url('../img/nav_jcel.jpg') no-repeat; color: #00293B; display: block; width: 91px; height: 23px; text-align: center; padding-top: 8px; }
		#nav li a.services { background: url('../img/nav_jcel2.jpg') no-repeat; color: #00293B; display: block; width: 120px; height: 23px; text-align: center; padding-top: 8px; }
		#nav li a.twolines { padding-top: 3px; height: 28px; }
			#nav li a:hover { color: #cecece; }

/* Header Styling */
div#header {
	background: #fff url('../img/header_jcel.jpg') top repeat-x;
	width: 798px;
	height: 63px;
	margin: 0 0 0 25px;
}

#logo { width: 100px; height: 200px; float: left; margin: 38px 0 0 0; display: inline; }
	#logo img { border: 0; }
	#logo a { display: block; width: 100px; height: 200px; } 
		#logo span { display: none; }
	.headerContent { padding: 10px; color: #fff; width: 470px; position: absolute; left: 200px; top: 70px; font-family: "Times New Roman", Times, serif; }
		.headerContent h1 { color: #fff; font-size: 24px; }
		.headerContent p { padding: 0; font-size: 15px; }

/* Content Area */
.jcelFullWidthTop { background: url('../img/jcel_contenttop.jpg') no-repeat; height: 15px; width: 655px; margin-left: 1px;  }
.jcelFullWidthBottom { background: url('../img/jcel_contentbottom.jpg') no-repeat; height: 17px; width: 656px; margin-left: 2px; }
	.jcelFullWidth { background: url('../img/jcel_contentbg.gif') repeat-y; width: 656px; }
		.content { background: #FEFDFD url('../img/jcel_content.jpg') repeat-x; padding: 5px 20px; margin: 0 0 0 3px; min-height: 390px; width: 608px; }
		.content p { padding-left: 0; }

.jcelFullWidthTop_jc { background: url('../img/jcel_contenttop.jpg') no-repeat; height: 15px; width: 655px; margin: 186px 0 0 1px;  }
	.jcelFullWidth_jc { background: url('../img/jcel_contentbg.png') repeat-y; width: 656px; }


div#contentHolder {
	clear: both;
	height: auto;
	width: 710px;
	margin-top: -45px;
	float: left;
}		#col1 {
			float: left; 
			width: 282px;
			margin: 0 0 0 108px; 
		}	
		#col2 {
			float: left; 
			width: 236px;
			margin: 0 0 0 10px;
		}	
		#col3 {
			float: left; 
			width: 236px;
		}		.schoolsearchList { background: url('../img/jcel-schoolsearchbg.jpg') no-repeat; width: 282px; height: 237px; }
				.gapyearList { background: url('../img/jcel-gapyearbg.jpg') no-repeat; width: 282px; height: 106px; margin: 10px 0 0 0; padding: 15px 0; }
				.bookshopList { background: url('../img/jcel-bookshopbg.jpg') no-repeat; width: 262px; height: 196px; }
				.servicesforschoolsList { background: url('../img/jcel-sfsbg.jpg') no-repeat; width: 262px; height: 177px; margin: 10px 0 0 0; }
			
			.jcelSmallWidthTop { background: url('../img/jcel_top_short.jpg') no-repeat; height: 20px; width: 232px; margin: 5px 0 0 0;  }
					.jcelSmallWidthTop2 { background: url('../img/jcel_top_short2.jpg') no-repeat; height: 20px; width: 232px; margin: 5px 0 0 0;  }
				.jcelSmallWidthBottom { background: url('../img/jcel_bottom_short.jpg') no-repeat; height: 16px; width: 231px; margin-left: 1px; }
				.jcelSmallWidth { background: url('../img/jcel_content_short.gif') repeat-y; width: 232px; margin-left: 1px; }
					.contentShort { padding: 5px 15px; margin: 0 0 0 2px; width: 252px; position: relative; } 
					.contentShort p { padding-left: 0; }
						.contentShort h3 { font-family:"Times New Roman", Times, serif; font-size: 26px; margin: 0 0 10px 0; }
						.contentShort ul { list-style: inside; padding: 0; margin: 0; color: #000; }
							.contentShort ul li { padding: 2px 0; width: 250px; margin: 0 0 2px 0; }
								.contentShort ul li a { text-decoration: none; color: #000; font-family:"Times New Roman", Times, serif; font-size: 12px; font-weight: bold; }
								.contentShort ul li a:hover { text-decoration: underline; }
						#col3 ul { list-style: none; padding: 0 !important; margin: 0; }
				.magnifyGlass { background: url('../img/magnify_schoolsearch.jpg') no-repeat; position: absolute; right: 10px; bottom: 0; width: 90px; height: 90px; clear: both; }
				.bookIcon { background: url('../img/bookicon.jpg') no-repeat; position: absolute; right: 10px; bottom: 0; width: 90px; height: 90px; clear: both; }

/* Footer Styling */
div#footer {
	color: #B60E1C;
}		div#footer a { color: #B60E1C; }