/* Little Park Surgery - 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;
}
/*Removes 1 x pixel border from images which include a link*/
a img {
border:none;	
}
/*End correction for removal of 1 x pixel border from images which include a link*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bold_txt {
	font-weight: bold;
}
.bold_red_txt {
	font-weight: bold;
	color: #FF0000;
}
.bold_red_ctr {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
.wht_txt { /*for hiding name label for the search box and accessibility complient*/
	color: #FFFFFF;
	font-size: 9px;
}
br.clear {
	clear:both;
}
/* 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;
	background-image: url(../images/common/h1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}
h2 {
	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;
	padding-bottom: 5px;
}
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:12px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	color: #000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 10px;
}
.img_ctr {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.img_top_bdr {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
.img_rgt {
	float: right;
	margin-bottom: 20px;
	margin-left: 30px;
}
.img_left {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.italic_indent {
	font-style: italic;
	padding-left: 20px;
	padding-right: 20px;
}
.indent {
	padding-left: 20px; /*Originally Padding Left Only*/
	margin-right: 20px;
	margin-left: 20px;
	padding-right: 20px;
}
/* Width expression - convert to elastic */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	margin-bottom: 25px;
}
#band {
	margin-top: 20px;
	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;
	}
/* END Access Keys*/
#banner_1 {
	height: 50px;
	text-align: right;
}
#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: 80px;
	margin-right: 1px;
	margin-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #69C;
	font-size: 30px;
	padding-top: 20px;
}
#quicklinks {
	float: left;
	width: 540px;
	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;
}

/*PANELS*/
/*Postit Navigation*/
.postit_1 {
	background-image: url(../images/nav/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/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/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/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/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*/
ul.side_nav {
	list-style-type: none;
	background-image: url(../images/nav/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-top: 2px;
	padding-bottom: 2px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/nav/panel_hdg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	display: block;
	text-align: left;
	padding-left: 20px;
}	
/*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/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/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: center;
	display: inline;
	}
#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;
	}		
#col_mid h3 {
	margin-left: 20px;
	}
#col_mid li {
	margin-right: 20px;
	margin-left: 20px;
}

#col_1 {
	width:300px;
	float:left;
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	}	
#col_2 {
	width:300px;
	float:right;
	display:inline;
	}

/*#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;
	}*/
/*WIDE Content Area - Non-Floated*/
#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;
}	
/*END - Wide Column*/	
/*Far Right Column*/
/*-15px to compensate h2 margin*/
#col_rgt {
	float:right;
	width: 170px;
	margin-right: 10px;
	display:inline;
	}
#col_rgt h2 {
	text-align: center;
}
/*Content Background Image - Bottom Right - Visible on F12 only*/
#cnt_bg_img_1 {
	height:100%; /*resolves IE6 Bug*/
	background-image: url(../images/common/child_1.jpg);
	background-repeat: no-repeat;
	overflow: hidden; /*NB - Code*/
	background-position: 450px 100%;/*resolves display*/
	position: relative; /*resolves Display*/
}
#cnt_bg_img_2 { /*BP Cuff*/
	height:100%; /*resolves IE6 Bug*/
	background-image: url(../images/common/bp_cuff_4.jpg);
	background-repeat: no-repeat;
	overflow: hidden; /*NB - Code*/
	background-position: 450px bottom;
	position: relative; /*resolves display*/
}
#cnt_bg_img_10 {  /*Architect*/
	height:100%; /*resolves IE6 Bug*/
	background-image: url(../images/common/tape_measure_1.jpg);
	background-repeat: no-repeat;
	overflow: hidden; /*NB - Code*/
	background-position: 420px bottom;
	position: relative;/*resolves display*/
}
/*Video Content - NHS Choices*/
#video_wide {
	width: 810px;
	text-align: justify;
	display: inline;
	background-image: url(../images/common/video_wide.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
}
/*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;
	}
/*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;
	}
/*Automated Date*/
#date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	color: #999999;
}
.video_nhs_choices {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.self_check {
	text-align: center;
	width: 100%;
}

/*Double Column - For Wide Page - eg Practice Report*/
#col_1_wide {
	width:300px;
	float:left;
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#col_2_wide {

	width:300px;
	float:right;
	display:inline;
}

/* Styling of Google Translate Menu Option */
.goog-te-gadget-simple 	{
		background-color:#F5F5F5;
		/*border:none;*/
		font-size:11px;
}
.goog-te-gadget-simple img { /*hides the image in the widget */
		display:none;
}

