/* BAR UK - Main CSS Settings*/
/* Browser Bug Fixes */
/* IE ^ Double Margin */
* html #content_lft {
	display:inline;
	}
* html #col_lft {
	display:inline;
	}
* html #col_mid {
	display:inline;
	}
* html #col_rgt {
	display:inline;
	}
* html #col_1 {
	display:inline;
	}
* html #col_2 {
	display:inline;
	}	
/* Firefox Correction*/
html {
	height:100%;
	}
/* End Browser Bug Fixes */
a {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #0066FF;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bold_txt {
	font-weight: bold;
}
.grey_txt {
	color: #999999;
	font-weight: normal;
}

.underline {
	text-decoration: underline;
}
.italic_indent {
	font-style: italic;
	padding-left: 20px;
	padding-right: 20px;
}
.italic {
	font-style: italic;
}
.indent {
	padding-left: 20px;
	padding-right: 20px;
}
br.clear {
	clear:both;
}
.wht_txt { /*for hiding name label for the search box and accessibility complient*/
	color: #FFFFFF;
	font-size: 9px;
}
/* Main Settings*/
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	font-weight: normal;
	padding-bottom: 20px; /*set at 20px for lower mark*/
	background-image: url(../images/common/h1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
	font-style: normal;
	color: #0066FF;
	margin: 0px;
	padding-top: 0px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	color: #0066FF;
	margin: 0px;
	padding-top: 0px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 10px;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 20px;
	padding-left: 10px;
	margin-right: 20px;
}
hr {
	border:none;
	background-color:#FF6633;
	color:#3577CE;
	height:1px;
	margin-right: 20px;
	padding-right: 10px;
	margin-left: 20px;
}
.list_lft {
	text-align: left;
	margin-left: 15px;
}

.img_ctr {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#col_mid ul {
	margin-top: 5px;
}
.img_rgt {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* Width expression - convert to elastic */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	margin-bottom: 25px;
}
#band {
	margin-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
/*	Location for placing another transparent image in the back ground*/
/*	background-image: url(../images/common/stethoscope_1.png);
	background-repeat: no-repeat;
	background-position: left top;*/
}
/* Access Keys*/
.akey {
	text-decoration:underline;
	}
#banner_1 {
	height: 50px;
	text-align: right;
}
/*Original Banner*/
/*#banner_2 { 
	clear: both;
	background-image: url(../images/common/bnr_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	padding-left: 20px;
	height: 40px;
	margin-right: 1px;
	margin-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6699FF;
	font-size: 12px;
	padding-top: 60px;
}*/
#banner_2 {  /*Banner for the members pages*/
	clear: both;
	background-image: url(../images/common/bnr_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	padding-left: 20px;
	height: 125px;
	margin-right: 1px;
	margin-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	padding-top: 65px;
}
#quicklinks {
	float: left;
	width: 545px;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px;
}
/* Remove image borders - eg: containied in quicklinks */
#quicklinks a img {
	border:none;
}
/*Search Box*/
#search_box {
	float: right;
	width: 250px;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-top: 20px;
	margin: 0px;
}
#form_search {
	padding: 0px;
	margin-top: 10px; /*corrects Mozilla bug*/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#search_btn {
	font-size: 12px;
}
#zoom_query {
	font-size: 12px;
}
/*End Search Box*/
/* Top Navigation Bar*/	
#top_nav_l {
	margin-left: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../images/common/top_nav_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#top_nav_r {
	height: 25px;
	background-image: url(../images/common/top_nav_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 30px;
	margin-right: 20px;
}
/*Expand Clickable Area for IE 6*/
/** html ul.nav a {
	height:1px;
	}*/
/*PANELS*/
/*Postit Navigation*/
.postit_1 {
	background-image: url(../images/nav_misc/nav_p1_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*SIDE Navigation Bars*/
/*Expand Clickable Area for IE 6*/
* html ul.postit_nav a {
	height:1px;
	}
ul.postit_nav {
	list-style-type: none;
	background-image: url(../images/nav_misc/nav_p1_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin: 0px;
	}
/*Remove gap between buttons for IE*/	
ul.postit_nav li {
	display: inline;
	}
ul.postit_nav a {
	display: block;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/nav_misc/nav_p1_edges.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-right: 0px;
	}
	/*Background colour is required for 'ul.side_nav a' to ensure hover effect is full width */
.postit_nav a:link {
	color: #333333;
	background-color: #FFFFFF;
	}
.postit_nav a:visited {
	color:#666666;
	}
.postit_nav a:hover {
	color: #0066CC;
	background-color: #FFFFFF;
	background-image: url(../images/nav_misc/nav_p1_edges_hv.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}	
/*End Postit Navigation*/
/*Start LEFT PANEL - With Navigation*/
.panel_1 {
	background-image: url(../images/nav_misc/panel_t_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*SIDE Navigation Bars*/
/*Expand Clickable Area for IE 6*/
* html ul.side_nav a {
	height:1px;
	}
ul.side_nav {
	list-style-type: none;
	background-image: url(../images/nav_misc/panel_b_1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin: 0px;
	}
.nav_hdg { /*This provides a static Heading in the left navigation bar*/
	font-weight: bold;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/nav_misc/panel_hdg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-right: 0px;
	display: block;
}
/*Remove gap between buttons for IE*/	
ul.side_nav li {
	display: inline;
	}
ul.side_nav a {
	display: block;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/nav_misc/panel_m_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-right: 0px;
	}
	/*Background colour is required for 'ul.side_nav a' to ensure hover effect is full width */
.side_nav a:link {
	color: #333333;
	background-color: #FFFFFF;
	}
.side_nav a:visited {
	color:#666666;
	}
.side_nav a:hover {
	color: #0066CC;
	background-color: #FFFFFF;
	background-image: url(../images/nav_misc/panel_hv_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}	
/* Side Nav - Sub-Menu*/
ul.side_nav ul {
	margin-left: 0px;
	padding-left: 0px;
}
ul.side_nav ul a {
	padding-left: 30px;
}
ul.side_nav ul a:hover {
}
/* End Side Nav - Sub-Menu*/
/*END Side Nav*/
/*END LEFT PANEL - With Navigation*/
/*Main Content*/
/*100% corrects float drop for hover buttons*/
#content {
	height:100%;
	clear: both;
	padding-top: 20px;
	}
#content_lft {
	float: left;
	width: 650px;
	clear:both;
	display: inline;
}
#col_lft {
	float:left;
	width: 165px;
	margin-left: 10px;
	text-align: left;
	display: inline;
	}
#col_lft h2 {
	margin: 0px;
	padding-top: 20px;
}
#col_mid {
	float:right;
	width: 440px;
	text-align: justify;
	margin-bottom: 20px;
	display: inline;
	background-image: url(../images/common/central_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 30px;
	}
#col_mid p {
	margin-right: 20px;
	margin-left: 20px;
	}
#col_mid h2 {
	margin-left: 20px;
	margin-right: 10px;
	}		
#col_mid h3 {
	margin-left: 20px;
	}
#col_mid h4 {
	margin-left: 20px;
	}	
#col_mid li {
	margin-right: 20px;
	margin-left: 20px;
}
#col_1 {
	width:215px;
	float:left;
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	}	
#col_2 {
	width:215px;
	float:right;
	display:inline;
	}
/*Far Right Column*/
/*-15px to compensate h2 margin*/
#col_rgt {
	float:right;
	width: 170px;
	margin-right: 10px;
	display:inline;
	margin-top: 10px;
	position:relative; /*Added for thumbnail image popup*/
	}
#col_rgt h2 {
	text-align: center;
}
/*Wide Content Area for Newsletter - Non-Floated*/
#content_wide {
	width: 800px;
	display: inline;
}
#col_wide {
	float:right;
	width: 635px;
	text-align: justify;
	margin-bottom: 20px;
	display: inline;
	background-image: url(../images/common/central_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 30px;
	margin-right: 10px;
}
#col_wide p{
	margin-left: 20px;
	margin-right: 20px;
}
/*h1 h2 h3 li hr*/
#col_wide h1{
	text-align: center;
	background-image: url(../images/common/h1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	margin-right: 180px;
}
#col_wide h2{
	margin-left: 20px;
	margin-right: 20px;
}
#col_wide h3{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom:10px;
}
#col_wide h4 {
	text-align: left;
	color: #999999;
	margin-left: 20px;

}
#col_wide li {
	margin-left: 20px;
	margin-bottom: 10px;
}
#col_wide hr {
	margin-left: 20px;
}

/*Content Background Image - Bottom Right - Visible on F12 only*/
#cnt_bg_img_1 {
	overflow: hidden;
}
#cnt_bg_img_10 {  /*Architect*/
	background-image: url(../images/common/pen_1.jpg);
	background-repeat: no-repeat;
	overflow: hidden; /*NB - Code*/
	background-position: 550px bottom;
}	
/*Footer and Copyright*/
#footer_l a {
	color: #999999;
	text-align: right;
	margin-top: 20px;
	margin-right: 20px;
	font-size: 10px;
}
#footer_r {
	height: 60px;
}
#copyright {
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3577CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-image: url(../images/common/copyrgt_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.youtube_1 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/*Google Map */
/*Contact Page Map*/
#map_1 {
	width: 400px;
	height: 300px;
	border: 1px solid #660066;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	}
/*Google Map 2 - A and E Departments*/
#map_2 {
	width: 400px;
	height: 400px;
	border: 1px solid #660066;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	}
#cnt_bg_img_2 {
	overflow: hidden;
}
.bold_red_txt {
	font-weight: bold;
	color: #FF0000;
}
/* Company Registration Details */	
#registration {
	font-size: 9px;
	color: #999999;
	border: 1px dotted #CCCCCC;
	text-align: center;
}
/*Automated Date*/
#date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	color: #999999;
	margin-bottom: 30px;
}
#btm_box {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/*BOTTOM Navigation*/
#btm_nav {
	font-size: 12px;
	margin-left: 20px;
	}
#btm_nav ul {
	float:left;
	width:100%;
	list-style: none;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#btm_nav li {
	float:left;
	margin: 0px;
	padding: 0px;
	}
#btm_nav a:link, #btm_nav a:visited {
	color: #FFFFFF;
	display:block;
	background-color: #00326F;
	text-decoration: none;
	text-align:center;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	margin-right:3px;
	background-image: url(../images/nav_misc/btm_nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
#btm_nav a:hover {
	color: #000000;
	background-color: #1869AB;
	background-image: url(../images/nav_misc/btm_nav.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
* html #btm_nav a {
  width: 100%;
	}
/*END BOTTOM Navigation*/

