@charset "utf-8";
/* CSS Document */

/*********************************
Eric Meyer's CSS reset
*********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:910px;/* for mozilla*/ background-color: #fff; height:100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/

/* commented backslash hides from ie5mac \*/  
html{ height:100%; margin:0; padding:0 }  /* end hack */  
html,body {background-color: #f4f5f5; font-family: Arial, Helvetica, sans-serif; color:#000000;} 
body {behavior: url("/js/csshover3.htc");} 

h1, h2, h3, h4 {color: #781f1d; font-family: Georgia, "Times New Roman", Times, serif;}
h2 {font-size: 1.8em; margin-bottom: 1.2em; text-transform: uppercase;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; text-transform: uppercase;}
h4 {font-size: 1.25em; margin-bottom: 1.05em;}
p {font-family: Arial, Helvetica, sans-serif; color:#000000; font-size: 1.05em; line-height: 1.55em; margin-bottom: 1.7em; font-weight: normal;}
a {color: #000000; text-decoration: none;}
ul {}
li {}



/********************************
General #divs
********************************/
#wrapper {height: 100%;}
#inner {width: 900px; margin: 0 auto; background-image: url(images/page_bg_910px.png); background-repeat: repeat-y; position: relative; padding: 0 5px; z-index: 1000;}
#header{height: 110px; padding: 10px;}
#logo{float: left; margin-top: 15px;}
#address_block  {float: right; width: 195px; margin-top: 48px;}
#address_block p {color: #781f1d; font-size: 0.85em; line-height: 1.05em;}
#menu { background-image: url(images/menu_bg_26px.png); background-repeat: repeat-x; height: 36px; position: relative;}
#splash{background-color: #e7e2d8; position: relative; height: 212px;}
/*#splash img {position: absolute; top: 0; left: 0;}*/
#splash_text {position: absolute; top: 20px; right: 20px; width: 400px;}
#splash_text h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#781f1d; text-transform:none; font-size: 1.4em; line-height: 1.6em; letter-spacing: 0.02em; font-weight: normal;}
#content_wrapper{width: 900px; position: relative;}
#main_content{width: 580px; padding: 10px; border-right: 1px dashed #000000; float: left;}
#main_content_inner {padding: 5px 20px;}
#main_content_inner a, #directions_summary a {text-decoration: underline; margin-bottom: 1.5em; color: #781f1d;}

#rh_col{width: 245px; padding: 10px; /*position: absolute; right: 0; top: 0;*/ float: right;}
#news_summary{margin-bottom: 30px;}
#directions_summary{}
#footer{background-color: #31434f; padding: 8px; min-height: 38px; height: 38px;}
#footer p, #footer a {color: #ffffff; font-size: 0.9em;}
#footer p {width: 500px; float: left;}
#nhs {float: right; margin-right: 15px; margin-top: 5px; width: 100px;}

html>body #minHeight{float:left; width:0px; height:100%; margin-bottom:-82px;}

/******************************
General classes
******************************/
.content_header_panel h2 {padding: 1.4em 0.7em; background-color: #e7e2d8;}
.images {text-align: left; margin: 5px; clear: right; display: block; }
.hidden {display: none;}
.unhidden {display: block; padding: 6px; background-color: #E7E2D8; margin-bottom: 12px;}
.strong {font-weight: bold; font-size: inherit;}
.right {text-align: right;}
.clr {clear: both;}

/*****************************
News
*****************************/
.news_summary_wrapper {padding: 10px 0; border-bottom: 1px dotted #CCC;}
.news_summary_title {color: #781f1d; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 1.1em;}
.news_summary_title a {font-size: 1.25em; margin-bottom: 1.05em;}
.news_summary_introtext {color:#000000; font-size: 1.05em; line-height: 1.55em; margin-bottom: 1.7em; font-weight: normal;}
.ditto_info {margin-bottom: 10px;}

/******************************
List styles
*****************************/
#main_content_inner ul, #main_content_inner ol {margin-left: 20px;}
#main_content_inner ul li {list-style-type: disc; list-style-position: outside; margin-bottom: 1.35em;}
#main_content_inner ol li {list-style-type:decimal; list-style-position: outside; margin-bottom: 1.35em;}
#main_content_inner li {line-height: 1.55em;}

/******************************
Menu styling
******************************/
 /* common styling */
.menu {margin: 0; background-image: url(images/menu_bg_26px.png); background-repeat: repeat-x; height: 36px; font-family: verdana, sans-serif; width:900px; font-size:0.85em; /*top: 130px; position:absolute;*/ position:relative; z-index:100}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:119px; height:3em; border:1px solid #fff; border-width:0 1px 0 0; background-color:#31434f; padding-left:20px; line-height:3em; background: url(images/menu_bg_26px.png) top left repeat-x;}
* html .menu ul li a, .menu ul li a:visited {width:149px;w\idth:119px;}
.menu ul li ul {display: none;}
table {margin:-1px; border-collapse:collapse; font-size:1em;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* specific to non IE browsers */
.menu ul li:hover a,.menu ul li a:hover {color:#fff; background:#31434f url(images/menu_over_36px.png) top left repeat-x;}
/*NOTE: Changing the colour value of this class to the same value as .menu ul li a and .menu ul li a:visited makes IE6 choke on the drop-downs - they just don't display */

.menu ul li:hover ul,
.menu ul li a:hover ul {display:block; position:absolute; top:3em; margin-top:0px; left:0; width:150px; border-top: 1px solid #fff; background-color:#31434f; z-index: 20;}
* html .menu ul li a:hover ul {margin-top:0; marg\in-top:1px;}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background-color:#5F757F; color:#ffffff; height:auto; line-height:1.2em; padding:5px 10px; width:149px;  border-bottom: 1px solid #fff; background-image: none;}
* html .menu ul li a:hover ul li a {width:159px; w\idth:149px;}
.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop {background:#31434f url(drop.gif) bottom right no-repeat;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background-color:#79909c; color:#ffffff; background-image: none;}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:170px; top:0; width:150px; z-index: 25;}
.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-150px;}

/*****************************
Form
*****************************/
form fieldset {width: 600px; margin-bottom: 15px;}
form input, form textarea {margin-left: 150px;}
form input {margin-bottom: 10px;}