/* font: [weight] [style] [variant] size [ / line-height] family; */
/* top right bottom left */




/*
	CSS Style Definitions for 
	developed by Cezar Berea
	berea.cezar@gmail.com

	layout
*/
*{ margin:0; padding:0; }
html, body{ margin:0; padding:0; font: 10px Verdana, Arial, Helvetica, sans-serif; }
body{ background: url("../images/backdrop.gif"); }

#page-container{ width: 950px; margin: 0 auto; }
#page-container{ border: 1px solid #d2d2d2; background: #fff; }
	
#left-side{ width: 186px; float: left; color: #037d15; }
#left-side{ border-right: 1px solid #037d15; }
	#logo a{ width: 186px; height: 84px; display: block; text-indent: -9999px; }
	#logo a{ background: url("../images/logo.gif") no-repeat center center; }

	#navigator li{ display: block; list-style: none; background: #fff url("../images/grad1.gif") repeat-x top; width: 100%; float: left; position: relative; }
	#navigator li a{ display: block; padding: 8px 20px 8px 15px; margin-left: 15px; }
	/*#navigator li li a{ display: block; padding: 8px 20px 8px 15px; margin-left: 15px; }*/
	#navigator *, #navigator{ z-index: 100; }
	#navigator li ul, #navigator li.open ul{ display: none; position: absolute; left: 100%; top: 0; width:140%; z-index: 999; margin-left: 0; border-right: 1px solid #1db334; border-bottom: 1px solid #1db334;  border-left: 1px solid #1db334; }
	/*#navigator li li ul, #navigator li li.open ul{ display: none; position: absolute; left: 100%; top: 0; width:180%; z-index: 999; margin-left: 0; border-right: 1px solid #1db334; border-bottom: 1px solid #1db334; border-left: 1px solid #1db334; }*/
	
	#navigator li:hover > ul{ display: block; }
	/*#navigator li li:hover > ul{  display: block; }*/
	
#left-side #navigator li a{ font-size: 1.1em; color: #037d15 !important;  background: url("../images/miniarrow_right.gif") no-repeat left center; font-weight: bold; text-decoration: none; }
#left-side #navigator li li a{ font-size: 1.1em; color: #037d15;  background: url("../images/miniarrow_right.gif") no-repeat 15px 50%; text-decoration: none; padding-left: 30px; font-weight: normal; }

#left-side a, #left-side a:visited{ font-size: 1em; font-weight: bold; color: #037d15; text-decoration: none; }
#left-side h2{ text-transform: uppercase; font-size: 1.2em; margin: 5px 0 0 ; }
#left-side p{ font-weight: bold; font-size: 1em; margin: 3px 0 10px; }

	#loginform{ background: url("../images/picture5.jpg") no-repeat center top; padding-top: 53px; }
	#loginform label{ display: block; float: left; margin: 7px 0 0; }
	#loginform label input, #loginform label img{ display: block; float: left; clear: left; margin: 2px 0; }
	#loginform input.text{ width: 140px; }
	
	#loginform .submit{ text-align: right; float: left; margin: 7px 0; clear: both; width: 143px; }
	#loginform .submit input{ width: 70px; text-align: center; font-size: 1em; }

#right-side{ width: 763px; float: left;  border-left: 1px solid #037d15; margin-left: -1px;  }
	#right-side h1 { font-size: 20px; }
	#header{ width: 100%; float: left; background: #62ba34 url("../images/grad2.gif") repeat-x top; }
	#header .inside{ background: url("../images/header_image.jpg") no-repeat bottom right; height: 275px; padding: 0; }
    #header > .inside{ min-height: 275px; height: auto; }
    /*#header p{ color: #fff; position: relative; top: 25px; left: 25px; margin: 15px 0 0; width: 435px; }*/
	#header p{ color: #fff; position: relative; left: 25px; margin: 15px 0 0; width: 435px; }
 	#welcome-text{ text-indent: -9999px; width: 392px; height: 123px; top: 25px; left: 60px; position: relative; background: url("../images/welcome_text.gif") no-repeat; font-size: 1em;  }
	#header h1 { font: 26px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; color:#fff;}
	#header h2 { font: 20px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; color:#fff;}
	#header h2 p{ left: 0; }
	
	/* new header for the new home page layout */
	
	#headerNew{ width: 100%; float: left; background: #62ba34 url("../images/grad2.gif") repeat-x bottom; }
	#headerNew .inside{ background: url("../images/header_image.jpg") no-repeat bottom right; height: 235px; padding: 0; }
    #headerNew > .inside{ min-height: 235px; height: auto; }
	#headerNew p{ color: #fff; position: relative; left: 25px; margin: 15px 0 0; width: 435px; }
	#headerNew h1 { font: 26px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; color:#fff;}
	#headerNew h2 { font: 20px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; color:#fff;}
	#headerNew h2 p{ left: 0; }
    	
    #sub-header{ background: url("../images/grad4.gif") repeat-x top; width: 100%; float: left; padding: 18px 0; }

	#content{ background: url("../images/grad3.gif") repeat-x top; width: 100%; float: left; padding: 15px 0; }
	#contentNew{ background: url("../images/grad3.gif") repeat-x top; width: 748px; float: left; padding: 15px 0 0 15px; }
	#contentNew h2{font: 24px Arial Narrow, Arial, Helvetica, sans-serif;}
	#contentNew p{font-size: 1.1em; margin-right:15px;}
	
	#content .imagelist{ position: relative; left: 8px; }
	#content .imagelist li{ display: block; float: left; list-style: none; width: 172px; padding-right: 1px; }
	#content .imagelist li a{ color: #177604; font-size: 1.1em; text-decoration: none; text-align: center; display: block; width: 172px; }
	#content .imagelist li img{ display: block; margin-bottom: 5px; width: 172px; }
	#content .imagelist .control{ width: 14px; padding: 0 5px; }
	#content .imagelist .control a{ width: 14px; height: 29px; position: relative; top: 50px;  text-align: left; }
	#content .imagelist .control.left a{ background: url("../images/arrow_left.gif"); }
	#content .imagelist .control.right a{ background: url("../images/arrow_right.gif"); }


#footer{ width: 946px; float: left; clear: both; border-top: 2px solid #037d15; padding: 10px 2px; color: #037d15; }
#footer p { float: left;}
#footer a {color:  #037d15;}
	#footer-options{ float: right; }
	#footer-options li{ display: inline; list-style: none;  padding: 0 5px; }
	#footer-options li a.text{ color: #037d15; font-size: 1.1em; position: relative; top: -5px; }
	

	#quicksearch{ float: right; width: 220px; padding-left: 20px; }
	#quicksearch input{ border: 1px solid #0b8e20; float: left; font: 1.1em Verdana, sans-serif; background: #fff; }
	#quicksearch input.text{ width: 120px; margin-right: 5px; padding: 2px 3px; }
	#quicksearch input.submit{ width: 60px; font-weight: bold; color:  #1c7d00;  padding: 1px 0;  }
	
	
#latest-news{ border: 1px solid #037d15; background: #fff; padding: 5px 10px; width: 667px; margin: 10px auto; position: relative; left: -4px; }
#content #latest-news h1{ color: #037d15; font-size: 2em; margin-bottom: 5px; }
#content #latest-news p{ color: #444; font-size: 1.1em; }

h3 { font-size: 1.4em; }
h4{ color: #037d15; font-size: 1.2em; margin:0; padding:5px 0; }
h5 {font-size: 1.1em; }

/* site wide elements */
#left-side .section{ background: url("../images/grad1.gif") repeat-x top; float: left; width: 146px; padding: 8px 20px;}
#right-side #content .section{ border-top: 1px solid #037d15; padding-top: 20px; margin-top: 20px; }
#left-side div.section{ padding-bottom: 15px; }
.bigger{ font-size: 1.3em !important; }
.green{ color: #037d15 !important; }
#right-side .button{ display: block; height: 23px; float: right; margin-left: 10px; text-align: center; font-size: 1.1em; font-weight: bold; text-decoration: none; vertical-align: top; padding: 4px 0 0 0; margin-top: 4px; cursor:pointer;}
#right-side .button.apply{ background: url("../images/button_apply.gif") no-repeat top left; width: 84px; color: #FFFFFF;}
#right-side .button.more-info{ background: url("../images/button_more-info.gif") no-repeat top left; width: 146px; color: #7E7F7E;}


#right-side #content .col2{ width: 48%; float: left; padding: 0; margin: 0; }
#right-side #content .col2.fright{ width: 48%; float: right; padding: 0; margin: 0; }

/* image replacements */
#button_bcom-clinic, #button_get-prospectus  { display: block; margin: 0 -5px; font: 1.3em Arial Narrow, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; text-decoration: none; vertical-align: top; padding: 4px 0 0 0; margin-top: 4px;}
#button_bcom-clinic  { background: url("../images/button_bcom-clinic.gif") no-repeat top left; width: 154px; height: 31px; color: #FFFFFF !important;  }
#button_get-prospectus  { background: url("../images/button_get-prospect.gif") no-repeat top left; width: 154px; height: 31px; color: #FFFFFF !important;  }


#button_continuing, #button_reasons{ display: block; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; float: left; position: relative; left: 30px; text-decoration:none; color:#fff; text-align: center;}
#button_continuing{ background: url("../images/button_continuing.gif") no-repeat center center; width: 427px; height: 35px; left: 35px; }
#button_reasons{ background: url("../images/button_reasons.gif"); width: 262px; height: 35px; }

/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }

.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }

img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }


.form {
padding:5px;
width:380px;
}
.row {
clear:both;
overflow:hidden;
padding-bottom:2px;
padding-top:2px;
}
.row .label {
float:left;
font-size:90%;
font-weight:bold;
text-align:right;
width:100px;
}
.row .element {
float:right;
text-align:left;
width:260px;
}

.row .element label{
	color:red;
	font-weight:bold;
	display:block;
	clear:both;
}

.submit {
background-image:url(http://bcom.ac.uk/images/button.jpg);
background-repeat:no-repeat;
border:medium none;
color:#333333;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
height:20px;
width:79px;
}