/* Style sheet for Bedford College | Last updated 22/12/2008

/*---------------------------------------------Layout---------------------------------------------*/

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#666;
	margin:0;
	padding:0;
	}

body {
	text-align:center;
	font-size:80%;
	line-height: 160%;
	background: #eff7d6 url('../../../../images/assets/businesstraining/bg.gif') repeat-x top;
	}

#wrapper {
	width:985px;
	text-align:left;
	margin:0 auto;
	padding: 0 0 8px 0;
	background: #fff;
	}

#header {
	height: 296px;
	background: #fff url('../../../../images/assets/businesstraining/headerbg.gif') no-repeat top;
	}

#navigation{
	margin: 4px 10px 0 10px;
	background: red;
	text-align: center;
	background: #fff url('../../../../images/assets/navigationbg.gif') no-repeat top;
	height: 37px;
	}

#subnavigation{
	margin: 6px 0 0 0;
	}


/*#sidenavigation {
	float:left;
	width:210px;
	margin: -20px 0 0 0;
	}*/

/*---------------------------------------------Left Navigation----------------------------------------------*/
#sidenavigation
{
	float : left;
	width : 175px;
	margin : -30px 0px 0px 10px;
	padding : 0;
}

#sidenavigation li
{
	color:#d2ece7;
	font-size:100%;
	width:210px;
	margin: 0px;
	padding : 2px 0px 2px 0px;
	list-style-type: none;
	border-top: #ccc dotted 1px;
	background: #fff url('../../../../images/assets/sidebullet.gif') no-repeat;
}

#sidenavigation li a {
	color:#00a890;
	text-decoration:none;
	padding: 4px 3px 0 18px;
	display: block;
	}

#sidenavigation li a:hover{
	color:#00a98f;
	}


#sidenavigation li ul li{
	background: #fff;
	background-image: none;
	color:#d2ece7;
	font-size:90%;
	font-weight: normal;
	border-top: none;
	}

#sidenavigation li ul li a {
	color:#00a890;
	text-decoration:none;
	padding: 3px 3px 0px 14px;
	padding: 0px 0px 0px 24px;
	display: block;
	font-weight: normal;
	}

	
#rightnavigation {
	float:right;
	width:210px;
	margin:0;
	}

#maincontent {
	float:left;
	margin:0 10px 10px 10px;
	}

.maincontent500 {
	width:500px;
	}

.maincontent740 {
	width: 740px;
	}

.maincontent990 {
	width: 950px;
	}

.bannerbox{
	margin: 4px 0 0 0;
	width: 226px;
	height: 261px;
	border: solid 1px #ccc;
	float: right;
	}


.box1{
	background: #56b43c url('../../../../images/assets/rightnav/greenbase.gif') no-repeat bottom;
	width:234px;
	padding: 0;
	}

.box1 p{
	padding: 5px 10px 10px 20px;
	line-height:120%;
	font-size:110%;
	font-weight:bold;
	color: #fff;
	}

.box1 a{
	color: #fff;
	text-decoration:none;
	}

.contentboxleft{
	padding: 10px 0 20px 15px;
	text-align: left;
	}


.contentboxright{
	padding: 10px 20px 20px 2px;
	text-align: left;
	}


#footer {
	margin: 0 20px 0 20px;
	border-top: #ccc dotted 1px;
	}

#headerright{
	padding:10px 50px 0 0;
	float: right;
	}



/*---------------------------------------------Search in header---------------------------------------------*/

#headerright form{
	margin: 2px 0 0 0;
	padding: 0;
	}


#headerright label{
	padding: 0 2px 0 8px;
	margin: 0;
	font-size:12px;
	color: #045ba5;
	}

#headerright input{
	height: 18px;
	width: 100px;
	font-size:85%;
	letter-spacing:0.5px;
	margin: 2px 0 0 0;
	}

#headerright input.button{
	height: 26px;
	width: 25px;
	vertical-align: top;
	margin: 0;
	}

#searchBox
{
	float:right; 
	padding-top:0px; 
	padding-right:0px;
}

/* site search */
#search #searchBox {float:right; width:150px; padding:0;  vertical-align:middle;}
#search #searchBox img {padding:0;vertical-align:middle;height:24px;  margin:5px 0 0 3px;}
#search #searchBox label {display:none;}
#search #searchBox input {margin:5px 0 0 0; padding:0 0 0 5px; font-size:1em; border: 1px solid #D6DFEF; vertical-align:middle; line-height:20px;}
/* end site search */
/*---------------------------------------------Header adjustment------------------------------------------------*/

#logo{
	padding: 0 0 0 40px;
	/*position: absolute;*/
	margin: -20px 0px 0px 0px;
	float: left;
	
	
	}

#tagline
{	
	float: left;
	margin: 225px 0 0 -288px;
	/*padding: 274px 0 0 30px;*/
	/*_padding: 174px 0 0 -130px;*/
	/*_padding: 82px 0 0 0px;
	p\adding: 82px 0 0 0px;*/
	font-size:100%;
	
	}
	
#tagline_content
{	
	float: left;
	margin: 225px 0 0 -288px;
	/*padding: 274px 0 0 30px;*/
	/*_padding: 174px 0 0 -130px;*/
	/*_padding: 82px 0 0 0px;
	p\adding: 82px 0 0 0px;*/
	font-size:100%;
	
	}	

#headercontacttext{
	float:left;
	font-size:85%;
	margin: 7px 10px 0 0;
	width: 700px;
	text-align:right;

	}


/*---------------------------------------------General links------------------------------------------------*/

a {
	text-decoration:underline;
	color:#000;
	}

a:hover{
	color:#045ba5;
	}

/*---------------------------------------------Breadcrumbs--------------------------------------------------*/

#breadcrumb p{
	font-size:85%;
	color: #666;
	}
	
#breadcrumb{
	margin: 0 0 5px 196px;
	clear: both;
	}
	
#breadcrumb a {
	text-decoration:underline;
	color:#666;
	}

#breadcrumb a:hover{
	color:#045ba5;
	}


#breadcrumbfull p{
	font-size:85%;
	color: #666;
	}
	
#breadcrumbfull{
	margin: 0 0 5px 15px;
	clear: both;
	}
	
#breadcrumbfull a {
	text-decoration:underline;
	color:#666;
	}

#breadcrumbfull a:hover{
	color:#045ba5;
	}



/*---------------------------------------------Navigation--------------------------------------*/

#navigationlist{
	/*margin:0 0 8px 0;
	border: solid 1px red;*/
	}

#navlist ul{
	margin: 0;
	padding: 0;
	white-space: nowrap;
	}

#navlist li{
	display: inline;
	list-style-type: none;
	color:#ccc;
	line-height: 12px;
	float: left;
	margin: 10px 0 0 0;
	}

#navlist a{
	padding: 3px 10px;
	font-size:85%;
	font-weight: bold;
	text-align: center;
	width: 97px;
	display: block;
	vertical-align: center;
	float: left;
	margin: -7px 0 0 0;
	}

#navlist a:link, #navlist a:visited{
	color: #045ba5;
	text-decoration: none;
	}

#navlist a:hover{
	color: #00a98f;
	text-decoration: none;
	}

/*---------------------------------------------Side navigation--------------------------------------*/

.sidenavtitle{
	color: #045ba5;
	font-weight: bold;
	display: block;
	margin: 0 14px 0 13px;
	padding:3px 0 3px 10px;
	}

.sidebluebox{
	color: #fff;
	font-size:85%;
	display: block;
	background: #fff url('../../../../images/assets/sidebluebox.gif') no-repeat top;
	margin: 0 14px 3px 14px;
	padding:5px 0 2px 10px;
	height: 34px;
	width: 172px;
	}

/*---------------------------------------------Left Navigation----------------------------------------------*/
#sidenavigation
{
	float : left;
	width : 175px;
	margin : -20px 0px 0px 10px;
	padding : 0;
}

#sidenavigation li
{
	color:#d2ece7;
	font-size:100%;
	width:175px;
	margin: 0px;
	padding : 2px 0px 2px 0px;
	list-style-type: none;
	border-top: #ccc dotted 1px;
	background: #fff url('../../../../images/assets/sidebullet.gif') no-repeat;
}

#sidenavigation li a {
	color:#00a890;
	text-decoration:none;
	padding: 4px 3px 0 18px;
	display: block;
	}

#sidenavigation li a:hover{
	color:#00a98f;
	}


#sidenavigation li ul li{
	background: #fff;
	background-image: none;
	color:#d2ece7;
	font-size:90%;
	font-weight: normal;
	border-top: none;
	}

#sidenavigation li ul li a {
	color:#00a890;
	text-decoration:none;
	padding: 3px 3px 0px 14px;
	padding: 0px 0px 0px 24px;
	display: block;
	font-weight: normal;
	}

	
	
#studentinformation {
	background:url('../../../../images/assets/student_support.gif') no-repeat;
	width: 183px;
	height: 185px;
	}

#studentinformation h2 {
	margin:0 3px;
	color:#fff;
	font-weight:700;
	border-bottom: 1px dotted #fff;
 	}
	
p.p1{
	line-height:14px;
	margin:0 5px 0 47px;
	padding:0 0 3px 0;
	color:#fff;
	font-size:80%;
	text-align:left;
	border-bottom:1px dotted #fff;
}

p.p2 {
	line-height:14px;
	margin:5px 5px 0 50px;
	font-size:70%;
}

p.p2 a{
	color:#fff;
}

p.p2 a:hover{
	color:#ffff00;
}


/*---------------------------------------------News in right nav---------------------------------------------*/

#sidenews{
	margin: 0 0 10px 0;
	}

.newstitle{
	color: #045ba5;
	font-weight: bold;
	font-size:110%;
	display: block;
	background: #fff url('../../../../images/assets/sidenavtitlebg.gif') repeat-x top;
	margin: 0 14px 0 0px;
	padding:3px 0 3px 10px;
	width: 190px;
	}

#sidenews ul{
	padding: 10px 0 10px 22px;
	}

#sidenews li a{
	color: #045ba5;
	text-decoration:none;
	}


.sidenavigationnews{
	padding:0;
	margin:0 10px 0 0;
	width: 190px;
}	
.sidenavigationnews li {
	list-style-image: url('../../../../images/assets/plus.gif');
	font-size: 85%;
}

.sidenavigationnews li a {
	white-space:nowrap;
	font-size:85%;
}


/*---------------------------------------------Right nav tabs---------------------------------------------*/

.quicklinks {
float:none;
margin:0 10px 0 0;

}
.quicklinks li{
list-style-type:none;
}

#rightnavigation div.contentright {
	padding:10px 10px 10px 0;
	width:215px;
	}

#rightnavigation div.contentright ul li {
	margin:0 0 3px 0;
	list-style-type:none;
	}

	
#rightnavigation div.contentright ul li a {
	display:block;
	width:175px;
	height: 27px;
	color:#fff;
	font-weight:bold;
	font-size:85%;
	text-decoration:none;
	text-align:right;
	padding:25px 35px 0 0;
	}
	
#rightnavigation div.contentright ul li a:hover {
	opacity:0.70;
	filter:alpha(opacity=70)
	}

.link1 {
	background: url('../../../../images/assets/businesstraining/right_blue_bg1.gif') no-repeat;
	}

.link2{
	background: url('../../../../images/assets/businesstraining/right_blue_bg2.gif') no-repeat;
	}
	
.link3 {
	background: url('../../../../images/assets/businesstraining/right_blue_bg3.gif') no-repeat;
	}
	
	
div.contentright {
	width:215px;
	}

div.contentright ul li {
	margin:0 0 3px 0;
	list-style-type:none;
	}

	
div.contentright ul li a {
	display:block;
	width:175px;
	height: 27px;
	color:#fff;
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
	text-align:right;
	padding:25px 35px 0 0;
	}
	
div.contentright ul li a:hover {
	opacity:0.70;
	filter:alpha(opacity=70)
	}

.grey1 {background: url('../../../../images/assets/businesstraining/businesslink1.gif') no-repeat;}
.grey2 {background: url('../../../../images/assets/businesstraining/businesslink2.gif') no-repeat;}
.grey3 {background: url('../../../../images/assets/businesstraining/businesslink3.gif') no-repeat;}

/*---------------------------------------------training for business---------------------------------------------*/
#trainingforbusiness {
	margin:0;
	}
	
#trainingforbusiness ul li{
	float:right;
	display:inline;
	height:141px;
	margin:2px;
	}
	
#trainingforbusiness ul li a{
	display:block;
	background: #ccc url('../../../../images/assets/businesstraining/bt_img_header.gif') no-repeat top;
	height:141px;
	text-decoration:none;
	font-weight:bold;
	width:171px;
	}
	
#trainingforbusiness ul li a span{
	display:block;
	font-size:85%;
	height:33px;
	padding:3px 35px 0 5px;
	line-height:16px;
	background: url('../../../../images/assets/businesstraining/bt_img_button.gif') no-repeat 90% 50%;
	cursor:pointer;
	}
	
#trainingforbusiness ul li a.blue span{
	color: #005daa;
	background: url('../../../../images/assets/businesstraining/bt_img_button_blue.gif') no-repeat 90% 50%;
	}


/*-----------------------------------------dates for your diary---------------------------------------*/

#diarydates{
	margin: 0 0 10px 0;
	background: #DCE1F1;
	width:200px;
	font-size:90%;
	}

#diarydatestitle{
	display:block;
	background: #fff url('../../../../images/assets/businesstraining/sidenavtitlebg.gif') repeat-x top;
	height:27px;
	width:200px;
	
	}

#diarydatestitle p{
	margin: 0 14px 0 0px;
	padding:3px 0 3px 10px;
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	}

#diarydates span{
	color: #045ba5;
	font-weight: bold;
	}

#diarydates a {
	text-decoration:none;
	color:#7e8082;
	}

#diarydates p {
	margin: 0 0 5px 0;
	color:#7e8082;
	}



/*---------------------------------------------Subject area---------------------------------------------*/
	
#subjectarea {
	margin:0 10px 0 10px;
	
	}
	
#subjectarea ul li{
	float:left;
	display:inline;
	height:141px;
	margin:8px;
	}
	
#subjectarea ul li a{
	display:block;
	background: url('../../../../images/assets/subjectarea/subjectarea_img_header.gif') no-repeat top;
	height:141px;
	text-decoration:none;
	font-weight:bold;
	width:140px;
	}
	
#subjectarea ul li a span{
	display:block;
	font-size:85%;
	height:33px;
	padding:3px 35px 0 5px;
	line-height:16px;
	background: url('../../../../images/assets/subjectarea/subjectarea_img_button.gif') no-repeat 90% 50%;
	cursor:pointer;
	}
	
#subjectarea ul li a.blue span{
	color: #005daa;
	background: url('../../../../images/assets/subjectarea/subjectarea_img_button_blue.gif') no-repeat 90% 50%;
	}


/*---------------------------------------------Base links---------------------------------------------*/
	
#baselinks {
	margin:0 0 0 220px;
	
	}
	
#baselinks ul li{
	float:left;
	display:inline;
	height:141px;
	margin:0 2px;
	}
	
#baselinks ul li a{
	display:block;
	background: url('../../../../images/assets/baselinks/baselinks_img_header.gif') no-repeat top;
	height:141px;
	text-decoration:none;
	font-weight:bold;
	width:140px;
	margin: 0 1px 0 0;
	}
	
#baselinks ul li a span{
	display:block;
	font-size:85%;
	height:33px;
	padding:3px 35px 0 5px;
	line-height:16px;
	background: url('../../../../images/assets/baselinks/baselinks_img_button.gif') no-repeat 90% 50%;
	cursor:pointer;
	}
	
#baselinks ul li a.blue span{
	color: #005daa;
	background: url('../../../../images/assets/baselinks/baselinks_img_button_blue.gif') no-repeat 90% 50%;
	}
	
#baselinks ul li a.green span{
	color: #7ab500;
	background: url('../../../../images/assets/baselinks/baselinks_img_button_green.gif') no-repeat 90% 50%;
	}
	
#baselinks ul li a.pink span{
	color: #ff0068;
	background: url('../../../../images/assets/baselinks/baselinks_img_button_pink.gif') no-repeat 90% 50%;
	}
	
#baselinks ul li a.orange span{
	color: #de791c;
	background: url('../../../../images/assets/baselinks/baselinks_img_button_orange.gif') no-repeat 90% 50%;
	}

#baselinks ul li a.red span{
	color: #d11242;
	background: url('../../../../images/assets/baselinks/baselinks_img_button_red.gif') no-repeat 90% 50%;
	}
	
/*---------------------------------------------Footer links---------------------------------------------*/

#footerright{
	float: right;
	}

#footer p {
	color: #666;
	font-size: 85%;
	margin: 6px 0 0 0;
	}

#footer a {
	color:#666;
	text-decoration:none;
	}

#footer a:hover{
	color:#045ba5;
	}



/*---------------------------------------------Other---------------------------------------------*/

.leftfloat{
	float: left;
	}

.rightfloat{
	float: right;
	}

.clearfloat {
	clear:both;
	height:0;
	line-height:0;
	font-size: 1px;
	visibility:hidden;
	}

.hide {
	height:0;
	width:0;
	overflow:hidden;
	position:absolute
	}

img {
	border:0
	}

.padding3{
	padding:3px;
	}


hr {
	height:1px;
	border:0;
	border-bottom:1px dotted #6699cc;
	margin:4px 0
	}

.alignmiddle{
	vertical-align: middle;
	}


.floatleft {
	float:left;
	}

.floatleftmargin {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}

.floatright {
	float:right;
	}

.floatrightmargin {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}

.center {
	text-align:center
	}

.bluetext{
	color: #005daa;
	}