@charset "UTF-8";
/* 
	Background-Styles 
*/

body {
	margin:0px; padding:0px;
	background-color:#131211;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	font-size:13px;
	line-height:18px;
}
#main {
	background:#fff url(http://www.warnborough.ac.uk/public/images/background_light_slice.jpg) repeat-x;
	padding-bottom:30px;
}
#main .container {
	
	background-repeat:no-repeat;
}
#footer {
	background-image:url(http://www.warnborough.ac.uk/public/images/background_footer.jpg);
	background-repeat:repeat-x;
	padding:40px;
	position:relative;
	top:-20px;
	min-height:130px;
}

#footerabe {
	padding:3px;
	width: 230px;
	float: left;

}

#footerdistance {
	padding:3px;
	float: left;
	width: 230px;

}

#footerextra {
	padding:3px;
	float: left;
	width: 230px;

}

#collapse {
width: 300px;
margin-bottom: 30px;
margin-top: 30px;

}


#footerwarnborough {
	padding:3px;
	float: left;
	width: 230px;

}

#linktabs {
width: 553px;
height: 33px;
background-image:url(http://www.warnborough.ac.uk/public/images/linktabs.png);
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
text-align: right;
padding-right: 50px;
border-right:1px solid;
border-left:1px solid;
border-bottom:1px solid;


}

#extralinks {
width: 300px;
background-color: #a9a9a9;
margin-top: 30px;

}

#extralinks ul { padding:5px; margin: auto }
#extralinks ul li { list-style:none; margin:0px 0px 1px 0px; padding:0px; background: #fff; padding: 5px; }
#extralinks ul li a:hover { color:#0172dd; text-decoration:none; }








#footerright {width: 300px;
background-color: #666666;
float: right;
margin-left: 400px;
}

#footer_logos {
	margin: auto;
	width: 949px;
	height: 76px;
	background-image:url(http://www.warnborough.ac.uk/public/images/footer_logos.jpg);
	background-color: #FFFFFF;
}

.container {
	width:950px;
	margin:0 auto;
	position:relative;
}






/* 
	Header-Styles 
*/

#header {
	padding-top:1px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(http://www.warnborough.ac.uk/public/images/logo.png);
	background-repeat:no-repeat;
	width:965px;
	height:90px;
	position: relative;
	margin-top: 21px;
	margin-bottom: 15px;
}

#network {
	float: right;
	margin-bottom: 100px;
	margin-right: 0px;

}





/* 
	Block-Styles 
*/

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;

}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}
.block_inside { 
	display:block; 
	border:1px solid #ffffff;
	background: #ffffff url(http://www.warnborough.ac.uk/public/images//background_block_slice.jpg) repeat-x;	
	padding:20px;
	overflow:auto;
}

.block_inside_feature { 
	display:block; 
	border:1px solid #ffffff;
	background: #ffffff;
	padding:5px;
	overflow:auto;
	height: 130px;
}

#feature_text_1 {
width: 187px;
height: 116px;
color: #fff;
background-color: #333333;
float: left;
margin-right: 5px;
padding: 5px;
}

#feature_text_1 a:link {
color:#e3e300;
text-decoration:none;
}

#feature_text_1 a:hover {
color:#e3e300;
text-decoration:none;
}

#feature_text_1 a:visited {
color:#e3e300;
text-decoration:none;
}

#feature_text_2 {
width: 187px;
height: 116px;
color: #fff;
background-color: #333333;
float: left;
margin-right: 5px;
padding: 5px;
}

#feature_text_2 a:link {
color:#e3e300;
text-decoration:none;
}

#feature_text_2 a:hover {
color:#e3e300;
text-decoration:none;
}

#feature_text_2 a:visited {
color:#e3e300;
text-decoration:none;
}

#feature_text_3 {
width: 187px;
height: 116px;
color: #fff;
float: left;
background-color: #333333;
padding: 5px;
}

#feature_text_3 a:link {
color:#e3e300;
text-decoration:none;
}

#feature_text_3 a:hover {
color:#e3e300;
text-decoration:none;
}

#feature_text_3 a:visited {
color:#e3e300;
text-decoration:none;
}

.image_block {
	float:left;
	width:275px;
	margin-left:10px;
	padding-top:0px;
	height: 198px;
	background-image: url(http://warnborough.ac.uk/public/images/header_blank.png);
	padding: 6px;
	background-repeat: no-repeat;
}


.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float:left;
	width:277px;
	margin-left:30px;
	padding-top:0px;
}

.text_block_middle {
	float:left;
	width:275px;
	margin-left:16px;
	padding-top:0px;
	height: 198px;
	background-image: url(http://warnborough.ac.uk/public/images/header_blank.png);
	padding: 6px;
	background-repeat: no-repeat;
}

.text_block_right {
	float:left;
	width:290px;
	margin-left:16px;
	height: 187px;
	margin-top: 0px;
}

.text_block_right ul { padding-right:9px; padding-left:9px; padding-bottom:3px;  margin: auto }
.text_block_right ul li { list-style:none; margin:0px 0px 1px 0px; padding:8px; padding-top: 10px; background: #e2e3c7;  height: 21px; }
.text_block_right ul li a:hover { color:#0172dd; text-decoration:none; }


.right_block {
	float:right;
	width:238px;
	margin-left:5px;
	padding: 8px;
	height: 184px;
	background-image:url(http://www.warnborough.ac.uk/public/images/whats_new.png);
}

#right_block_sidebar {
border: 4px solid  #a9a9a9;
padding: 5px;
width: 284px;
margin-top: 20px;
}

#block_featuredblog .text_block { padding-top:5px }

#quote {
background-image:url(http://www.warnborough.ac.uk/public/images/speech_bubble.png);
width: 279px;
height: 143px;
padding: 10px;
color: #fff;
}

#visa {
width: 279px;
height: 143px;
padding: 10px;
color: #fff;
}

/*
	Portfolio-Home-Styles
*/

#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:615px;
	margin-right:25px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
}
#text_column img { margin-bottom:20px; position:relative;}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-repeat:no-repeat;
	width:310px;
	height:300px;
}

.mini_portfolio_item {
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	margin-bottom:0px;
	position:relative;
}



#sidebarhome {
border: 1px solid #CCCCCC;
width: 298px;
margin-top: 25px;
}

#sidebarhome ul { padding:5px; text-align: center }
#sidebarhome ul li { list-style:none; }
#sidebarhome ul li a:hover { color:#0172dd; text-decoration:none; }


#sidebarhome ul {
background-color: #f4f4e3;
list-style: none;
padding-top: 30px;
padding-bottom: 10px;
margin: 0px; }

.mini_portfolio_item .block_inside { 
	background:none; background-color:#ededed; 
	padding:10px 10px 10px 10px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; padding: 1px; }

#distance_learning {
background: #fff;
border: 1px solid #c3c3c3;
width: 300px;
margin-top: 0px;
color: #000;
}

#bottominfo {
width: 600px;
background-color:#ededdc;
border: 1px solid #999999;
padding: 10px;
margin-top: 10px;
}

#distance_learning ul { padding:5px; margin: left; width: 245px; }
#distance_learning ul li { list-style:none; margin:0px 0px 1px 0px; padding:0px; background: #ccc; padding: 5px; }
#distance_learning ul li a:hover { color:#0172dd; text-decoration:none; }

/*
	Block-Content-Styles
*/

#content_area {
	width:665px;
	float:left;
}
#content_area .block_inside {
	min-height:400px;
}
#sidebar {
	float:left;
	width:280px;
	position:relative;
	left:-1px;
	margin-top:15px;
	background-color:#e2dddc;
	border:1px solid #a3a09e;
}
#sidebar .block_inside {
	background:none;
	background-color:#e2dddc;
	padding-left: 26px;
}

#sidebar h3 {
	font-size:20px;
	line-height:23px;
}
#sidebar ul { margin:10px 0px 30px 0px; padding:0px; }
#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px;
 }
#sidebar ul li a { color:#7f7d78; }
#sidebar ul li a:hover { color:#0172dd; text-decoration:none; }


#content_area h2 { font-size:26px; line-height:31px; }

#content_area .separator {
	border-top:1px solid #e3e3e3;
	margin-top:40px;
	padding-top:40px;
}

#box1 {
width: 128px;
height: 125px;
border: 1px solid #b9c8d5;
float: left;
margin-right: 10px;
padding: 5px;

}

#box2 {
width: 128px;
height: 125px;
border: 1px solid #b9c8d5;
float: left;
margin-right: 10px;
padding: 5px;
}

#box3 {
width: 128px;
height: 125px;
border: 1px solid #b9c8d5;
float: left;
margin-right: 10px;
padding: 5px;
}

#box4 {
width: 128px;
height: 125px;
border: 1px solid #b9c8d5;
float: left;
margin-right: 10px;
padding: 5px;
}

/* 
	Text-Styles   
*/

h2 {
	margin:0px 0px 10px 0px;
	font-size:26px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
	margin-bottom: 20px;
}
h3 {
	margin:10px 0px 5px 0px;
	font-size:16px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}

h5 {
	margin:10px 0px 0px 0px;
	font-size:14px;
	line-height:21px;
	padding-left: 10px;
	padding-top: 10px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}

h6 {
	margin:10px 0px 0px 0px;
margin-bottom: 0px;
	font-size:14px;
	line-height:21px;
	padding: 10px;
	background: #ccc;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}

address {
font-size: 9px;
} 

small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#26689f;
	text-decoration:none;
	border: 0px;
}
small a {
	color:#007de2;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }


a.button {
	background:#32312f url(http://www.warnborough.ac.uk/public/images//button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:#007de2 url(http://www.warnborough.ac.uk/public/images//button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}

/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:230px;
	margin-right:30px;
}
#footer .long {
	width:610px;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}






/* 
	Miscellaneous-Styles   
*/

#topad {
width: 253px;
height: 36px;
margin-top: 41px;
margin-left: 230px;
padding: 5px;
text-align: center;
background-color:#990000;
border-bottom: #FF0000 1px solid;
color: #eaee3e;
font-weight: bold;
position: absolute;
}

#fees {
width: 290px;
height: 51px;
padding: 5px;
text-align: center;
background:#292826 url(http://www.warnborough.ac.uk/public/images//ad_bg1.jpg);
color: #fff;
font-weight: bold;
padding-top: 20px;
margin-bottom: 20px;
}

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }

#content_area ul { margin:0px 0px 0px 0px; padding:0px; }

#content_area ul li { 
list-style:none; 
padding: 10px;
margin:0px 0px 1px 0px; 
background: #e4e0d4}


/*
	Alternate Styles
*/
body#dark {
	background-color:#1e1d1b;
}
body#dark #main {
	background:#292826 url(http://www.warnborough.ac.uk/public/images//background_dark_slice.jpg) repeat-x;
}
body#dark #main .container {
	background-image:url(http://www.warnborough.ac.uk/public/images/background_dark.jpg);
}
body#dark #footer {
	background-image:url(http://www.warnborough.ac.uk/public/images//background_dark_footer.jpg);
}
body#dark ul#menu li a.active, ul#menu li a:hover {
	color:#ffffff;
}
body#dark .block, body#dark .mini_portfolio_item { 
	border-color:#1b1a19; 
}
body#dark #text_column h2#text_title { 
	background-image:url(http://www.warnborough.ac.uk/public/images//creatif_dark.jpg);
}

/*
	List Expander 
*/

.listexpander{width:100%;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:10px;
	font-weight:bold;
	width:100%;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;} 

/* first level */

.listexpander li, .listexpander li.collapsed{background:#d7d7d7 url(collapsed.gif) no-repeat 5px .4em;} 
.listexpander li.expanded{background:#d7d7d7 url(expanded.gif) no-repeat 5px .4em;}

/* second level */

.listexpander li ul, .listexpander li li{background:#e7e7e7;font-weight:normal;}
.listexpander li li.collapsed{background:#d6d6d6 url(collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li.expanded{background:#d6d6d6 url(expanded.gif) no-repeat 5px .4em;}

/* third level */

.listexpander li li ul, .listexpander li li li{background:#d6d6d6;}
.listexpander li li li.collapsed{background:#d6d6d6 url(collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li li.expanded{background:#d6d6d6 url(expanded.gif) no-repeat 5px .4em;}

/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}

/* etc. */

/* buttons */

p.listexpander{
	height:1.5em;
	margin:1em 0;
}
p.listexpander a{
	float:left;
	height:1.5em;
	line-height:1.5em;
	padding:0 10px;
	border:1px solid #eee;
	margin-right:5px;
	cursor:pointer;
}
p.listexpander a:hover{
	background:#f8f8f8;
}

/* float fix */
.listexpander li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.listexpander li{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .listexpander li{
	height: 1%;
}
.listexpander li{
	display: block;
}
/* End hide from IE-mac */
/* end float fix */

#accordion {
	margin:0px 0px;
}

#accordion ul { margin:0px 0px 0px 0px; padding:0px;  }

#accordion ul li { 
padding: 10px;
margin:0px 0px 1px 0px; 
background: #000;
color: #5c5c5c;
background-image:url(http://www.warnborough.ac.uk/public/images/accordion_arrow_1.png);}


h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #dcd5c1;
	border-bottom-color: #dcd5c1;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background-image:url(http://www.warnborough.ac.uk/public/images/accordion_bg.png);
	color: #528CE0;
	margin: 0 0 1px 0;
	padding: 10px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
	
}

blockquote {
	padding:5px 20px;
}

.tbContactform .antispam {
	 display:  none;
	 visibility: hidden;
}

.tbContactform label {
	 width:  95px;
	 display:  inline-block;
	 vertical-align: top;
	 clear: both;

	
}

.tbContactform input.text,
.tbContactform textarea {
	 width:  225px;
	 padding: 2px;
	
}

.tbContactform textarea {
	 height:  115px;
}

.tbContactform input.submit
{
	display: block;
	margin-left: 250px;
	width:  auto;
}

.tbContactform .tbErrors p
{
	color: #fff;
	background-image:url(http://www.warnborough.ac.uk/public/images/error_form.jpg);
	background-color: #b50000;
	background-repeat:repeat-y;
	padding: 10px;
	margin-bottom: 1px;
	text-indent: 35px;
}
/*-----------------------------MENU------------------------------------------*/

.nav{

	border:none;


	border:0px;

	margin:0px;

	padding:0px;

	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;
	
	}
	
.nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.nav a {
	display: block;
	width: 10em;
}

.nav li {
	float: left;
	width: 10em;
}

.nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

.nav li:hover ul {
	left: auto;
}

.nav li:hover ul, .nav li.sfhover ul {
	left: auto;
}

.nav li ul ul {
	margin: -1em 0 0 10em;
}

.nav, .nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

.nav li:hover ul ul, .nav li.sfhover ul ul {
	left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul {
	left: auto;
}



/*----------------------------------MENU END-----------------------------------------*/

#menuwrap {
margin: 0px;
margin-top: 1px;
}

.menu{

	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

.menu ul{

	height:30px;

	list-style:none;

	margin:0;

	padding:0;
	

	}

	.menu li{

		float:left;

		padding:0px;
		

		}

	.menu li a{

		background: url("http://www.warnborough.ac.uk/public/images/seperator.png") bottom right no-repeat;

		color:#cccccc;

		display:block;

		font-weight:normal;

		line-height:32px;

		margin:0px;

		padding:0px 15px;

		text-align:center;

		text-decoration:none;
	

		}

		.menu li a:hover, .menu ul li:hover a{

			background: #2580a2 url("images/hover.gif") bottom center no-repeat;

			color:#FFFFFF;

			text-decoration:none;

			}

	.menu li ul{

		background:#333333;

		display:none;

		height:auto;

		padding:0px;

		margin:0px;

		border:0px;

		position:absolute;

		width:225px;

		z-index:200;

		/*top:1em;

		/*left:0;*/

		}

	.menu li:hover ul{

		display:block;

		

		}

	.menu li li {

		background:url('images/sub_sep.gif') bottom left no-repeat;

		display:block;

		float:none;

		margin:0px;

		padding:0px;

		width:225px;

		}

	.menu li:hover li a{

		background:none;

		

		}

	.menu li ul a{

		display:block;

		height:35px;

		font-size:12px;

		font-style:normal;

		margin:0px;

		padding:0px 10px 0px 15px;

		text-align:left;

		}

		.menu li ul a:hover, .menu li ul li:hover a{

			background:#000 url('images/hover_sub.gif') center left no-repeat;

			border:0px;

			color:#ffffff;

			text-decoration:none;

			}

	.menu p{

		clear:left;

		}	
		
		.menu ul ul li a{
line-height:30px; /* you may change this value as you wish*/
}