/*****************************************
	Morgan Bros CSS	by nwonline.co.uk
*****************************************/

body { background: #055fbb url('../images/site/bg-body.jpg') 0 0 repeat-x;	font-family: "Arial", Gadget, sans-serif; margin: 20px 0 0 0}

.green { color: #090 !important;}

/*components*/
#index-wrapper {width:981px;height:auto;margin:0 auto}
#navbox {height:182px;width:100%;margin:0 auto;}
#header {width:981px;height:182px;background:url('../images/site/HEADER.jpg') 0 0 no-repeat; margin: 0 auto; overflow: hidden;}
#maincontent{width:981px;height:auto;background:#FFF;float: left}
#leftcontent {width:610px;float:left;padding:10px 10px 20px 20px;}
#rightcontent {width:725px;float:right;padding:15px}
#legalcontent {width:820px;height:auto;float:left;background: #fff;padding: 25px 40px}
#rightcol { float: right; width: 310px; padding: 10px 10px 0 0}
span#gmap { float: right; position: relative; right: 10px; width: 256px; height: 160px; padding: 2px; border: 1px solid #ccc;}
span#gmap:hover { cursor: pointer; border: 1px solid #666;}
span#gmap img { border: none;}
span#gmap img a { border: none;}

/*footer*/
#footer{ width: 100%; height: 60px; background: url('../images/site/foot-bg.jpg') repeat-x;	border-top: 1px solid #ccc; clear:both; padding: 5px 0; color: #6b8db3; font: bold 12px sans-serif;}
#footer a { color: #2873b2;font: bold 12px sans-serif;}
#footer a:hover { text-decoration: underline;}
#footer .footer_gen_links-left { float: left;padding: 10px;}
#footer .footer_gen_links-right { float: right;padding: 10px;}
#footer #foot_sub_wrap { width: 960px; padding: 0;	float: left; margin: 0;}
#footer .footer { font: normal 11px/21px sans-serif;}
#footer .footer a { font: bold 11px/21px sans-serif; color: #666;}
#footer .footer a:hover { font: bold 11px/21px sans-serif; color: #06C;}
#footer #foot_sub_left { width: 365px; float: left;	margin: 0; padding: 0 0 0 15px;	text-align: left;}
#footer #foot_sub_right { width: 365px;	float: right; margin: 0; padding: 34px 15px 0 0; text-align: right;}
#footer #foot_sub_right p { font: normal 12px sans-serif; margin: 0; padding: 0; color: #2873b2; text-align: right;}
#footer #foot_sub_mid { width: 190px; float: left; margin: 0; padding: 0; text-align: center;}
#footer .foot_sec {	width: 20%;	float: left; padding: 10px 15px; margin: 0;}
#footer .foot_sec h4 { font: bold 12px/21px sans-serif; color: #06C; padding: 0 0 0 10px; margin: 0;}

#footer .foot_sec ul{ margin: 0; padding: 0 10px 0; float: left; width: 920px; list-style:none; text-align: center;}
#footer .foot_sec li { font: bold 11px/21px sans-serif; display: inline-block; float: left; padding: 0 7px 0 7px; width: auto; border-left: 1px dotted #999;}
#footer .foot_sec li a { list-style-type: none; font: bold 12px/21px sans-serif; color: #666 !important;}
#footer .foot_sec li a:hover{ list-style-type: none; margin: 0; font: bold 12px/21px sans-serif; color: #2873b2 !important;}
#footer .foot_sec li:first-child { padding: 0 7px 0 0 !important; border-left: none !important;} 

/*Typography*/
p {
	color: #333;
	font-family: sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
}
a:link, a:visited {	text-decoration: none;}
a:hover, a:active { text-decoration: underline;}

/*headers*/
h1 { color: #101010; font: bold 21px/30px "Helvetiza", Arial Bold, Arial, sans-serif; letter-spacing: -1px; padding: 0; margin: 0; }
h2 { font: normal 12px/20px sans-serif; color: #936; padding: 0 0 0;}
h4 { font: bold 12px/20px sans-serif; color: #333;}
#leftcontent h2 {font: bolder 12px/20px  sans-serif; color: #da1313; padding: 15px 0 0 0; margin: 0;}
#leftcontent h2#homepage { display: block; width: 386px; height: 26px; text-indent: -9999px; overflow: hidden; background: url('../images/site/h2_homepage.jpg') 0 0 no-repeat;}

#leftcontent p { margin: 0; padding: 5px 0 10px 0;}
#leftcontent p a { color: #2873b2; font: bold 12px sans-serif; text-decoration: underline;}
#leftcontent p a:hover { color: #666; font: bold 12px sans-serif; text-decoration: none;}
#leftcontent blockquote { font: normal 12px/19px sans-serif; color: #666; font-style: italic; margin: 10px 40px 10px 40px; border-left: 2px solid #2873b2; padding: 5px 0 5px 10px;}

#leftcontent ul { clear: both; padding: 10px 0; width: 590px; list-style-type: disc !important; list-style: disc !important; margin: 0;}
#leftcontent ol { clear: both; padding: 10px 0; width: 590px; list-style-type: decimal !important; list-style: decimal !important; margin: 0;}
#leftcontent ul li { font: normal 12px/19px sans-serif; color: #666; list-style-type: disc !important; list-style: disc !important; margin: 0 0 0 30px}
#leftcontent ol li { font: normal 12px/19px sans-serif; color: #666; list-style-type: decimal !important; list-style: decimal !important; margin: 0 0 0 30px}

#leftcontent address { font: normal 12px/19px sans-serif; color: #666; font-style: italic;}
#leftcontent abbr { cursor:help; background: url('../images/site/dotted.jpg') 0 bottom repeat-x; font: bold 12px/19px sans-serif;}

/*Gallery*/
#leftcontent .gallery { float: left; list-style-type: none !important; list-style: none !important; width: 620px; padding: 0 0 10px 0; margin: 0;}
#leftcontent .gallery li { width: 126px; height: 95px; float: left; border: 1px solid #ccc; padding: 1px; background: #fff; margin: 0 0 0 27px; list-style-type: none !important; list-style: none !important;}
#leftcontent .gallery li:first-child { margin: 0;}

/*Contact Forms*/
#contact-form_dup { width: 580px; padding: 15px 10px 10px 10px; float: left; margin: 10px 0; background: #F7F7F7; border-top: 1px solid #dedede; border-bottom: 1px solid #ccc; overflow: hidden;}
#contact-form_dup form { float: left; width: 500px; margin: 0 0 0 40px; }
#contact-form_dup label { width: 220px; float: left; clear: both; font: normal 12px/26px sans-serif; color: #666;}
#contact-form_dup label#textarea{ width: 220px; float: left; clear: both; font: normal 12px/26px sans-serif; color: #666; height: 110px;}
#contact-form_dup label.full { width: 440px;}
#contact-form_dup input { float: right; font: normal 12px/21px sans-serif; color: #666; width: 260px; margin: 2px 0; padding: 2px 4px;}
#contact-form_dup #submit { width: 90px; float: right; margin: 0; clear: both;} 
#contact-form_dup textarea { font: normal 12px/18px sans-serif; color: #666; padding: 4px; float: right; width: 260px; height: 110px; margin: 0;}	
#contact-form_dup select { font: normal 12px/23px sans-serif; color: #666; height: 23px; float: right; width: 272px; margin: 0;}
#contact-form_dup small { font: normal 11px/34px sans-serif; color: #666;}
#contact-form_dup em { font-style: italic;}

/*Navigation*/
.navigation-wrapper { width: 981px; background: #FFF; float: left; font-family: Arial, Helvetica, sans-serif; -webkit-border-left-top-radius: 9px;}
#topmenu { width: 966px; float: left; position: relative; font-family: Arial, Helvetica, sans-serif;margin: 0 0 14px 0;padding: 0 0 0 15px;background: #c7c7c7 url('../images/site/nav_bg.jpg') 0 0 repeat-x;}
#topmenu li {float: left;position: relative;height: 44px; font-weight: bold; letter-spacing: 0px; font-size: 12px;list-style: none;}
#topmenu li a { display: block; padding: 0 15px;color: #2d2d2d; font: bold 12px/44px sans-serif;text-decoration: none;}
#topmenu li a.selected{ color: #fff !important; background: #3a3a3a url('../images/site/nav_hover.jpg') 0 0 repeat-x;}
#topmenu li a:hover{ color: #03F;}

#topmenu li.left { float: left; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 44px; background: url('../images/site/nav_li_left.jpg') 0 0 no-repeat;}
#topmenu li.right { float: right; display: block; position: absolute; right: 0; top: 0; width: 5px; height: 44px; background: url('../images/site/nav_li_right.jpg') 0 0 no-repeat;}

/*Active Pages*/
#nav_001 .nav_001, #nav_002 .nav_002, #nav_003 .nav_003, #nav_004 .nav_004, #nav_005 .nav_005, #nav_006 .nav_006, #nav_007 .nav_007, #nav_008 .nav_008, #nav_009 .nav_009, #nav_000 .nav_000 { 
	color: #fff !important; 
	background: url('../images/site/nav_hover.jpg') 0 0 repeat-x;}	

/*Drop Menu*/
#topmenu li ul {list-style: none;position: absolute;visibility: hidden;overflow: hidden;top: 44px;left: 0;float: left;z-index: 100;padding: 5px 10px 20px 10px;width: 180px;background: #002650 url('../images/site/nav_li_ul.jpg') 0 0 repeat-x !important;margin: 0 !important;text-align: left; z-index: 10 !important;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
#topmenu li.hover ul,
#topmenu li:hover ul { visibility:visible;  z-index: 10 !important}
#topmenu li li {margin: 0 !important;padding:0 !important;text-align: left;height: 30px !important;float: left;clear: both;width: 180px;font: bold 12px/30px sans-serif !important; background: url('../images/site/png_dn.png') 0 28px repeat-x;}
#topmenu li li:first-child { border: none !important;}
#topmenu li li a {font: bold 12px/30px sans-serif !important;width: 180px !important;color: #FFF;margin: 0;padding: 0 10px !important;text-decoration: none;}
#topmenu li li a:hover {color: #fff !important;text-decoration: underline !important;}

/*contact fields*/
.contactfield {	border: #999 1px solid; font: normal 12px/20px sans-serif; width: 194px; padding: 2px}	
.contactlabel { clear: left; padding: 2px; display: inline; float: left; margin: 0 10px 10px 0; width: 150px; color: #033; font: normal 12px/20px sans-serif}
.contactfieldwrap {	margin-bottom: 5px}

/*right col*/
.right-col-box-wrapper-1 { width: 320px; height: 125px; padding: 0;	margin: 0 0 10px 0;	float: left; background: url('../images/site/north-west.jpg') no-repeat; border: 1px solid #CCC;}
.right-col-box-container-1 { width: 200px; height: 55px; padding: 60px 10px 10px 10px; margin: 0; float: left;}

/*left col nav*/
#leftcol_short { float: left; width: 212px; padding: 20px 0 20px 10px;}
#leftcol_short ul { list-style-type: none; font: bold 12px/24px sans-serif;}
#leftcol_short li { float: left; position: relative; clear: both; display: block; width: 212px;}
#leftcol_short li a { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 0 0 0 30px; display: block; background: #eee url('../images/site/chevron.jpg') 10px 8px no-repeat; color: #666;}
#leftcol_short li a:hover{ background: #fff url('../images/site/chevron.jpg') 10px 8px no-repeat; color: #2171af;}
#leftcol_short li#bot { background: url('../images/site/left_nav_bot.jpg') 0 0 no-repeat; height: 12px;}
#leftcol_short li#top { background: url('../images/site/left_nav_top.jpg') 0 0 no-repeat; height: 35px;}
#leftcol_short li#top { font: bold 12px/35px sans-serif; color: #29588c; padding: 0 0 0 10px; border-bottom: 1px solid #ccc; width: 202px;}

/*Right Col Boxes*/
#rightcol ul { list-style-type: none; padding: 0;}
#rightcol li { width: 274px; height: 130px; position: relative; float: left; background: #dfdfdf url('../images/site/rc_bg.jpg') 0 0 repeat-x; margin: 10px 0 10px 0; padding: 5px 18px 0 18px; border: 1px solid #b0b0b0; -webkit-border-radius: 6px; -moz-border-radius: 5px;}
#rightcol li:first-child { margin: 0 !important;}
#rightcol li h3 { color: #da1313; font: normal 21px/27px "Helvetica", Arial, sans-serif; letter-spacing: -1px; display: block; margin: 5px 0 0 0}
#rightcol li p { font: normal 12px/16px sans-serif; color: #2873b2; z-index: 2; display: block; width: 190px;}
#rightcol li p a { font: bold 12px/16px sans-serif; color: #004ec2; text-decoration: underline; z-index: 2; display: block}
#rightcol li p a:hover { font: bold 12px/16px sans-serif; color: #2873b2; text-decoration: none; z-index: 2; display: block}
#rightcol li#accred { background: #fff url('../images/site/rc_accred.jpg') center center no-repeat; border: none; height: 80px; }

#rightcol li span.rc001 { width: 96px; height: 137px; display: block; float: right; position: absolute; right: -1px; top: -1px; background: url('../images/site/rc_right_001.jpg') 0 0 no-repeat;}
#rightcol li span.rc002 { width: 97px; height: 137px; display: block; float: right; position: absolute; right: -1px; top: -1px; background: url('../images/site/rc_right_002.jpg') 0 0 no-repeat;}
#rightcol li span.rc003 { width: 106px; height: 137px; display: block; float: right; position: absolute; right: -1px; top: -1px; background: url('../images/site/rc_right_003.jpg') 0 0 no-repeat;}

#rightcol li span.left { width: 6px; height: 137px; display: block; float: left; position: absolute; left: -1px; top: -1px; background: url('../images/site/rc_li_left.jpg') 0 0 no-repeat;}