/* Stylesheet (CSS2 compliant) for Chafford Hundred Campus website; created by Carl Whittaker, Updated: 22/05/2006 */

/* document */
body{
	text-align:center;
	margin-top:4px;
	background-color:#F1F6FB;
	color:#333;
	font:11px Verdana,Tahoma,Helvetica,Sans-Serif,Arial;
	line-height:1.5em;
	}

/* links */
a{
	color:#003366;
	}
a:hover{
	color:#0066CC;
	}
a:active{
	color:#FF0000;
	background-color:#FFFF00;
	}
fieldset{
	border: 1px solid #DDD;
	padding: 5px;
	margin: 5px 0;
	}
fieldset textarea{
	width:400px;
	}
fieldset th{
	width:200px;
	}
legend{
	color:#333;
	padding:3px;
	font-weight:bold;
	text-transform:uppercase;
	}

/* images */
img{
	border:0;
}

/* lists */
ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
li{
	padding:2px 0 2px 8px;
	background:url(/images/arrow.gif) no-repeat 0 3px;
	}
ul.bullet{
	margin:0 0 0 25px;
	padding:0;
	list-style-type:square;
	}
ul.bullet li{
	padding:4px 0 4px 8px;
	background:none
	}


/* forms */
form{
	margin:0;
	}
input{
	border: 1px solid #AAA;
	border-color:#AAA #DDD #DDD #AAA;
	padding:2px;
	color:#0000CC;
	font-size:12px;
	font-family: helvetica,arial,tahoma,verdana,sans-serif;
	}
input[type="checkbox"]{
	border:0;
	}
input[disabled="disabled"]{
	color:#666;
	}
select{
	color:#0000CC;
	font-size:12px;
	}
textarea{
	border: 1px solid #AAA;
	border-color:#AAA #DDD #DDD #AAA;
	color:#0000CC;
	padding-top:3px;
	padding-left:3px;
	font-size:11px;
	}
.formbutton{
	border: 1px solid #C8C8C8;
	height:22px;
	font-size:90%;
	padding-bottom:4px;
	font-weight:bold;
	color:#000;
	background:url(/images/but_bg.png) repeat-x 0 6px;
	background-color:#FFF;
	}
.formbutton:hover{
	border:1px solid #00C000;
	}


/* headings */
h1{
	display:block;
	margin:0;
	font-size:22px;
	color:#335588;
	font-weight:normal;
	}
h2{
	display:block;
	font-size:1.45em;
	margin:0;
	padding:8px 0 5px 0;
	color:#335588;
	font-weight:normal;
	}
h3{
	margin:0;
	color:#000;
	font-size:12px;
	}
	
/* Text classes */
.gray-note{
	margin:0;
	display:block;
	padding:5px 0;
	color:#666666;
	font-size:1em;
	}

/* Dropdown menu's */
#tabs{
	border-top:1px solid #CCC;
	background:url(/images/but-bg.png) repeat-x bottom;
	height:33px;
	}
#tabs div{
	position:relative;
	float:left;
	display:block;
	padding:8px 8px 9px 8px;
	font-size:80%;
	font-weight:bold;
	border-right:1px solid #CCC;
	}
#tabs span{
	width:200px;
	visibility:hidden;
	position:absolute;
	top:32px;
	left:-1px;
	background-color:#EEE;
	list-style-type:none;
	margin:0;
	padding:0;
	border:1px solid #CCC;
	border-top:0;
	}
#tabs a{
	font-weight:bold;
	display:block;
	color:#333;
	text-decoration:none;
	}
#tabs span a{
	font-weight:normal;
	padding:4px 8px 4px 8px;
	}
#tabs a:hover{
	color:#0066FF;
	background-color:#FFF;
	}
.tab_over{
	background-color:#FFF;
	color:#0066FF;
	}
.tab_out{
	color:#333;
	}
#search-text{
	width:300px;
	}
#tabs li{
	margin:0;
	padding:0;
	}

/* Show/Hide classes */
.show{
	display:block;
	}
.hide{
	display:none;
	}

/* Template definitions */
#container{
    border: 1px solid #CECECE;
	background-color:#FFFFFF;
	margin: 0 auto;
	width:750px;
	text-align:left;
	}
#title-block{
	height:80px;
	background-image:url(/images/title.png);
	background-repeat:no-repeat;
	background-position:15px 18px;
	}
#title-decoration{
	clear:left;
	background-image:url(/images/top_bar.png);
	height:3px;
	}
#middle-block{
	padding:4px;
	background-color:#E3E3E3;
	background-color:#DFDFDF;
	}
#middle-block-left{
	float:left;
	}
#middle-block-right{
	text-align:right;
	}
#search-field{
	width:250px;
	}
#navbar{
	color:#333333;
	padding: 3px 3px 4px 15px;
	background-color:#F0F0F0;
	}
#main-news{
	height:185px;
background-color:#c0d5de;
	}
#main-news-left{
	margin-right:10px;
	float:left;
	}
#main-news-right{
	padding:5px;
	
	}
#main-news-right h1{
	padding: 0 0 10px 0px;
	}
#news-left{
	width:300px;
	background-color:#EEEEDD;
	padding:10px 10px 100px;
	margin-right:10px;
	float:left;
	}
#super-block{
	margin: 16px 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
	}
#super-block h2{
	padding-top:2px;
	}
#super-block li{
	height:76px;
	margin: 10px 0 0 0;
	padding: 0 0 0 90px;
	list-style: none;
	}
.super-list{
	margin-top:7px;
	}
.super-list a{
	padding-left:8px;
	background-image:url(/images/arrow.gif);
	background-repeat:no-repeat;
	margin:2px 0 0 2px;
	}
.column-left{
	width:225px;
	float:left;
	}
#footer{
	height:30px;
	clear:both;
	padding:10px;
	background:#EEE;
	border-top:1px solid #CCC;
	color:#333333;
	text-align:center;
	}
#news-articles p{
	margin-top:10px;
	margin-bottom:2px;
	}
#news-articles h3{
	margin-top:10px;
	color:#333333;
	}
#older-news{
	margin-bottom:2px;
	}
#older-news a{
	padding-left:8px;
	background-image:url(/images/arrow.gif);
	background-repeat:no-repeat;
	margin-top:2px;
	}

/* bbcode.html */
#bbcode-table p{
	clear:left;
	border-top: 1px solid #DDD;
	}
#bbcode-table h1{
	margin:0;
	padding:0;
	}
	
/* news.php */
#month-list a{
	padding-left:8px;
	background-image:url(/images/arrow.gif);
	background-repeat:no-repeat;
	}
	
/* rss.inc.php */
.rss-bullets{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:4px;
	}
.rss-bullets li{
	height:17px;
	padding: 0 0 2px 35px;
	background-image:url(/images/rss.png);
	background-repeat:no-repeat;
	}

/* article.php */
#article-body{
	padding: 10px 15px 15px 15px;
	}
#article-body #mail{
	display:inline;
	background:url(/images/mail.png) no-repeat 0 -1px;
	padding-left:16px;
	}
#article-body #print{
	display:inline;
	background:url(/images/print.png) no-repeat 0 -1px;
	padding-left:16px;
	}
#article-body .tableBorder{
	margin:0;
	border:1px solid #CCC;
	border-collapse: collapse;
	}
#article-body .tableBorder td{
	padding:4px;
	text-align:center;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;
	}
#article-body .tableBorder th{
	padding:4px;
	text-align:center;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;	
	}
#article-body .tableBorderLeft{
	margin:0;
	border:1px solid #CCC;
	border-collapse: collapse;
	}
#article-body .tableBorderLeft td{
	padding:4px;
	text-align:left;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;
	}
#article-body .tableBorderLeft th{
	padding:4px;
	text-align:left;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;	
	}

#article-body .gray-note{
	margin:4px 0 10px 0;
	}
#article-functions{
	margin-bottom:10px;
	}
#article-date{
	color:#666666;
	margin-bottom:10px;
	}
#article-text{
	width:470px;
	}
#article-extras{
	width:220px;
	margin-left:20px;
	margin-bottom:20px;
	float:right;
	clear:right;
	}
.article-extra{
	width:200px;
	border:1px solid #CECECE;
	}
.article-extra div{
	padding:5px;
	background-image:url(/images/table_row.png);
	}
.article-extra-list{
	margin:0;
	list-style-type:none;
	padding:5px;
	}
.article-extra-list li{
	color:#666666;
	padding:2px 0 2px 8px;
	background:url(/images/arrow.gif) no-repeat 0 3px;
	margin-bottom:8px;
	}
.article-extra-attach{
	margin:0;
	list-style-type:none;
	padding:5px;
	}
.article-extra-attach li{
	color:#666666;
	padding-left:10px;
	background: url(/images/paperclip.png) no-repeat 0 6px;
	background-repeat:no-repeat;
	padding-bottom:2px;
	}
.enlarge-image{
	cursor:pointer;
	color:#000033;
	text-decoration:underline;
	padding: 0 0 5px 17px;
	background-image:url(/images/enlarge.png);
	background-repeat:no-repeat;
	}
.image-caption{
	color:#666666;
	margin-bottom:8px;
	}
#article-extras h3{
	border-top:1px solid #CCCCCC;
	padding:2px 0 0 4px;
	display:block;
	margin:0;
	color:#333333;
	}
.highlight-0{
	background-color:#99FFFF;
	}
.highlight-1{
	background-color:#FF99FF;
	}
.highlight-2{
	background-color:#FFFF99;
	}

/* Format false links */
.pointer{
	cursor:pointer;
	}

/* download.php */
#downloads-container{
	text-align:center;
	}
#terms-box{
	text-align:left;
	background-color:#FFFFCC;
	padding:10px;
	height:400px;
	width:500px;
	overflow:auto;
	}
	
/* mailpage.php */
#mailpage-form input{
	width:336px;
	}
#mailpage-form textarea{
	width:336px;
	height:200px;
	}

/* gallery.php */
#gallery-image{
	margin:20px;
	text-align:center;
	}

/* BBCode */
.align-left{
	text-align:left;
	}
.align-right{
	text-align:right;
	}
.align-centre{
	text-align:center;
	}
.text-box{
	border: 1px solid #CCC;
	background-color:#FCFCE6;
	padding:6px;
	}
.quote{
	clear:left;
	width:250px;
	margin: 10px 0 10px 10px;
	color:#333333;
	background-color:#CCCCCC;
	font-size:12px;
	font-weight:bold;
	padding: 15px;
	}
.highlight{
	display:inline;
	background-color:#33CCFF;
	}
.break{
	border-top:1px solid #CCC;
	}
.underlined{
	text-decoration:underline;
	}
.float-right{
	float:right;
	margin:5px 2px 10px 10px;
	}
.float-left{
	float:left;
	margin:5px 10px 2px 0;
	}
.clear{
	clear:both;
	}
.bbcodeTable{
	border-bottom:1px solid #CCC;
	}
.bbcodeTable tr{
	border-top:1px solid #CCC;
	}
.bbcodeTable th{
	border-right:1px solid #CCC;
	padding:2px;
	}
.bbcodeTable td{
	border-right:1px solid #CCC;
	padding:2px;	
	}

.bbcodeTable{
	margin:0;
	border:1px solid #CCC;
	border-collapse: collapse;
	}
.bbcodeTable td{
	padding:4px;
	text-align:left;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;
	}
.bbcodeTable th{
	padding:4px;
	text-align:center;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;
	
	}
/* cms */
#cms-menu{
	width:140px;
	display:block;
	padding:0 15px 15px 0;
	float:left;
	}
#cms-main{
	margin-left:160px;
	}
#cms-form input[disabled="disabled"]{
	color:#999;
	}
.cms-text{
	width:400px;
	}
#cms-main textarea{
	width:525px;
	}
.cms-div-field{
	height:150px;
	}
#popup-body{
	text-align:left;
	padding:10px;
	}
#popup-body p{
	margin:7px 0 7px 0;
	}
#display_images{
	height:85px;
	}
.green-text{
	color:#009900;
	}
.red-text{
	color:#FF0000;
	}
#image-list{
	margin:0;
	padding:0;
	list-style-type:none;
	}
#image-list li{
	background:url(/images/file.gif) no-repeat 0 1px;
	padding-left:14px;
	}
.filelist{
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
	}
.filelist li{
	background:url(/images/file.gif) no-repeat 0 4px;
	padding-left:15px;
	}
#link-list{
	margin:0;
	padding:0;
	list-style-type:none;
	}
#link-list li{
	background:url(/images/globe.gif) no-repeat 0 0px;
	padding-left:14px;
	}
#file-list{
	margin:15px 0;
	padding:0;
	list-style-type:none;
	}
#file-list li{
	background:url(/images/paperclip.png) no-repeat 0 2px;
	padding-left:8px;
	}
.cms-column{
	width:150px;
	}
	
/* cms/index.php */
#announcements div{
	padding:6px;
	border-top:1px solid #DDD;
	}
#announcements h2{
	display:block;
	margin:0;
	margin-bottom:8px;
	}
	
/* Forums */
#forums{
	padding:10px;
	}
#forums table{
	padding:0;
	margin:0;
	}
#forums th{
	background-color:#DFDFDF;
	}
#forums td{
	padding-left:5px;
	}
.highlight-row{
	color:#333333;
	padding: 3px 3px 4px 10px;
	background:#F0F0F0 url(/forums/images/row1-grad.png) repeat-y right;
	border:1px solid #CCC;
	}
.highlight-dark{
	background-color:#DFDFDF;
	border:1px solid #CCC;
	}
.gradient{
	border:1px solid #CCC;
	background:#FFFFFF url(/images/but-bg.png) repeat-x 0 10px;
	height:20px;
	font-weight:bold;
	}
.thread-cell{
	border:1px solid #CCC;
	}
td.row2	{ background-color:#F0F0F0; }
#forum-buttons a{
	background:#EFEFEF url(/forums/images/menu-grad.png) repeat-x;
	padding:6px;
	}

.postbody{
	padding:8px 0 8px 0;
	}

.button{
	border: 1px solid #C8C8C8;
	height:22px;
	font-size:90%;
	padding-bottom:4px;
	font-weight:bold;
	color:#000;
	background:url(/images/but_bg.png) repeat-x 0 6px;
	background-color:#FFF;
	}
.button:hover{
	border:1px solid #00C000;
	}
.mainoption{
	border: 1px solid #C8C8C8;
	height:22px;
	font-size:90%;
	padding-bottom:4px;
	font-weight:bold;
	color:#000;
	background:url(/images/but_bg.png) repeat-x 0 6px;
	background-color:#FFF;
	}
.mainoption:hover{
	border:1px solid #00C000;
	}
.liteoption{
	border: 1px solid #C8C8C8;
	height:22px;
	font-size:90%;
	padding-bottom:4px;
	font-weight:bold;
	color:#000;
	background:url(/images/but_bg.png) repeat-x 0 6px;
	background-color:#FFF;
	}
.liteoption:hover{
	border:1px solid #00C000;
	}
.text{
	background:0;
	border:0;
	}
.helpline{
	border:0;
	background:0;
	}
.gensmall{
	font-size:10px;
	color:#666;
	}
.forum-bg{
	background:url(/forums/images/bg.jpg) no-repeat top right;
	}
.post-icon{
	margin-bottom:-2px;
	}
#faq h1{
	margin-top:15px;
	}

/* Error documents */
#error-body{
	padding:10px;
	}
#error-body p{
	width:400px;
	}
#error-body ul{
	width:400px;
	}

/* Gallery images */

#gallery-image img{
	padding:4px;
	border:1px solid #cecece;
	}
#article-text img.float-left-borderless{
	float:left;
	margin:5px 10px 2px 0;
	}
#article-text img.float-right-borderless{
	float:right;
	margin:5px 0 2px 10px;
	}
#article-text img.float-right{
	padding:4px;
	border:1px solid #cecece;
	}
#article-text img.float-left{
	padding:4px;
	border:1px solid #cecece;
	}
.gallery{
	text-align:center;
	}
.gallery a{
	padding:2px;
	}
.gallery a img{
	padding:1px 4px;
	border:1px solid #cecece;
	}
.gallery a:hover img{
	border-color:#0066CC;
	}
.gallery a:active{
	background-color:#fff;
	}
.gallery a:active img{
	background-color:#ffff00;
	}
.note{
	color:#666;
	font-size:0.9em;
	}
#file-error{
	padding:15px;
	}
.newsletter{
height: 90px;
padding: 2px;
}
.newsletter a img {
border:solid #cfcfcf 1px;
padding:1px;
margin:0px 3px 0px 0px;
float:left;
}
.student info{
height: 90px;
background-color:#FFFFFF;
padding: 2px;
}
.ofsted{
float:left;
}