/* Import IE specific styles
----------------------------------------------- */
@import url(ie.css);


body {
	font-size: 75%;
	color: #131312;
	/*font: 65%/170% Verdana, Arial, Helvetica, sans-serif;*/
	text-align: center;
	background: #EDECDA url(../graphics/page_bg_dark.gif) repeat-x;
	}
	
hr {
	display: none;
	}
	
ul {
	list-style: none;
	}


abbr, acronym {
	text-transform: lowercase;
	font-variant:small-caps;
	font-style: normal;
	border-bottom: 1px dotted #333;
	letter-spacing:0.1em;
	cursor: help;
}

strong {
	color: #767e8a;
}

#navigation em{
	color: #767e8a;
}

/* Reset Global Padding and Margins
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


/* Easy Clearing - positioniseverything.net
----------------------------------------------- */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
/*macIE5 fix for easy clear*/
.clearfix {
	display: inline-block;
	}
	
/* hides from macIE5 \*/
* html .clearfix {
	height: 1%; display: block;
	}
.clearfix {
	display: block;
	}
/* end hide from macIE5 */


/* End Easy Clearing information
----------------------------------------------- */



/* Headers H1, H2, etc.
----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font: 1.0em/1.5em georgia, "times new roman", serif;
	}
	
h1 {
	margin: 0;
	}


h2, h3, #navigation form label  {
	font-weight: normal;
	font-size: 1.3em;
	line-height:1.2em;
	margin: 0 0 0.5em 0;
	color: #273A5B;
}

h3.divide, h3.divide-centre, #news #content dl dt {
	background: url(../graphics/news_divide.gif) no-repeat center top;
	padding: 30px 0 0 0;
	}

#news #content dl dt {
	
	}

h3.divide-centre {
	text-align: center;
	font-size: 1.2em;
	color: #663737;
	}

h4, #news #content dl dt {
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	color: #663737;
}


/* Main Links
----------------------------------------------- */

a, a:visited, a:link, a:active, a:hover {

	color: #02316B;
	text-decoration: none;
	border-bottom: 1px solid #DDDCC7;
	}

/*
a:visited {
	color:#464A67;
	}
*/
	
a:active, a:hover {
	border-bottom: 1px solid #8D8686;
	}


/* Skip navigation
----------------------------------------------- */

ul#skip {
	display: none;
	}
	

/* Container
----------------------------------------------- */

#container {
	font: 1em/1.7 georgia, "times new roman", serif;
	
	margin: 0 auto 3em auto;
	width: 780px;
	text-align: left;
	background: transparent;
	
	padding: 0;
	}


/* Header
----------------------------------------------- */


#header {
	height: 100px;
	background: url(../graphics/header2_bg.gif) no-repeat top center;
	padding: 0;
	width: 760px;
	text-align: left;
	margin: 0 auto;
	
	}


h1 {
	color: #fff;
	margin: 0;
	background: #293C51 url(../graphics/holbrooks_logo2.gif) no-repeat 0 0;
	width: 340px;
	height: 100px;
	float: left;
	}
	
h1 a:link, h1 a:visited, h1 a:hover {
	color: #fff;
	text-decoration: none;
	border: none;
	
	display: block;
	width: 340px;
	height: 100px;
	text-indent: -2000px;
	}

h1 a:hover {
	background: #293C51 url(../graphics/holbrooks_logo2.gif) no-repeat 0 100%;
	}


#header q {
	float: right;
	text-align: center;
	width: 45%;
	color: #fff;
	margin: 20px 0 0 0;
	font-size: 1.3em;
	}


/* Forms
----------------------------------------------- */
	

fieldset {
	border: 0;
	}
	
legend {
	display: none;
	}

form label {
	display: block;
	cursor: pointer;
	}

form input.text, form textarea.text {
	margin: 0 5px 0 0;
	border: 1px solid #C3BAA6;
	padding: 2px;
	}

#navigation form {
	margin: 0 0 20px 0;
	}

form input.submit {
	background: #C3BAA6;
	font: bold 90% verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	padding: 2px;
	border-top: 1px solid #D0C7B2;
	border-left: 1px solid #D0C7B2;
	border-right: 1px solid #AFA795;
	border-bottom: 1px solid #9E9580;
	cursor: pointer;
	}

form input.submit:hover {
	color: #49453B;
	}

#content form {
	background: url(../graphics/news_divide.gif) no-repeat center top;
	padding: 30px 0 0 0;
	margin: 15px 0;
	}

#content form label {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 1px;
	margin: 0 0 0.5em 0;
	}

#content form input, #content form textarea {
	margin: 0 0 10px 0;
	display: block;
	}

#content form input.text {
	width: 40%;
	}

#content form textarea.text {
	width: 60%;
	}


/* Content
----------------------------------------------- */

#content {
	float: left;
	display: inline;
	width: 499px;
	margin: 4em 80px 4em 0;
	background: transparent;
	}

#home #content {
	width: 340px;
	margin: 4em 0;
	}


#content img {
	border: 3px solid #fff;
	}

#content #map {
	border: 3px solid #fff;
	}

/* use this style for the image and caption */
#content dl {
	font-style: italic;
	margin: 0 0 20px 0;
	color: #615747;
	}

#content dt {
	font-style: normal;
	font-weight: bold;
	}

#content dd {
	margin: 0 0 10px 0;
	}

#news #content dl dd p.image {
	text-align: center;
	margin: 20px 0 10px 0;
	}


/* class for the internal page centered image and caption */
#content dl.center {
	margin: 0 auto 20px auto;
	width: 60%;
	text-align: center;
	}

#content ul {
	color: #4D4538;
	margin: 10px 0 10px 40px;
	list-style: disc;
	}

#content ul li {
	margin: 0;
	}


#news #content dl {
	font-style: normal;
	color: inherit;
	}



/* Side Navigation
----------------------------------------------- */


#navigation {
	float: left;
	display: inline;
	width: 200px;
	margin: 4em 0;
	background: transparent;
	}
	
#navigation ul {
	margin: 0 0 2em 0
	}

#navigation ul li {
	margin: 0 0 3px 0;
	}

#navigation ul li a.on, #navigation ul li ul li a.on {
	color: #141520;
	}

#navigation ul li span {
	color: #333;
	margin: 0 5px 0 0;
	}


#navigation ul li ul {
	margin: 5px 0 5px 18px;
	}

#navigation ul li ul li a {
	font-style: italic;
	color: #313343;
	}
	
#navigation dl {
	color: #767E8A;
	margin: 0 0 20px 0;
	}
	
#navigation dt {
	font-weight: bold;
	}
	
#navigation dd {
	margin: 0 0 5px 0;
	font-style: italic;
	}


a#banner, a#banner2 {
	display: block;
	width: 200px;
	height: 77px;
	background: transparent url(../graphics/download_banner.gif) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0 0 20px 0;
	border: none;
	text-decoration: none;
	}

a#banner:hover {
	background: transparent url(../graphics/download_banner.gif) no-repeat 0 100%;
	}

a#banner2 {
	background: transparent url(../graphics/download_banner2.gif) no-repeat 0 0;
	}

a#banner2:hover {
	background: transparent url(../graphics/download_banner2.gif) no-repeat 0 100%;
	}


/* Feature column
----------------------------------------------- */

#feature {
	float: left;
	display: inline;
	width: 179px;
	margin: 2em 30px;
	background: #DDDCC7 url(../graphics/feature_header.gif) no-repeat center top;
	}

#feature h3 {
	margin: 35px 15px 10px 15px;
	color: #6E4034;
	font-variant: small-caps;
	font-size: 1.4em;
	text-align: center;
	}

#feature dl {
	margin: 0 0 10px 0;
	
	color: #2E2922;
	}

#feature dl#last {
	background: url(../graphics/feature_footer.gif) no-repeat center bottom;
	margin: 0;
	padding: 0 0 30px 0;
	}
	
#feature dt {
	margin: 0 15px 5px 15px;
	font-weight: bold;
	color: #615747;
	border: none;	
	}
	
#feature dd {
	margin: 0 15px 5px 15px;
	}


#feature dd {
	padding: 0 0 30px 0;
	background: url(../graphics/news_divide.gif) no-repeat center bottom;
	}

#feature dl#last dd {
	background: none;
	padding: 0;
	}

#feature dt a {
	font-weight: bold;
	color: #615747;
	border: none;
	margin: 0 0 5px 0;
	}


#feature dl dd em, #news #content dl dd em {
	color: #675D5D;
	display: block;
	font-style: italic;
	margin: 5px 0 0 0;
	}

#feature dl dd a {
	display: block;
	border: none;
	color: #753B3B;
	}

#feature dl dd a:hover, #feature dt a:hover {
	color: #5A2020;
	tborder: none;
	}



/* Footer
----------------------------------------------- */

#footer {
	clear: both;
	background: transparent;
	border-top: 3px double #DDDCCA;
	padding: 20px 0 0 0;
	text-align: center;
	color: #6F6F66;
	}

#footer p {
	margin: 0 0 5px 0;
	}
	
#footer p em {
	font-style: normal;
	}

#footer ul {
	
	margin: 0 0 0 1em;
	}
	
#footer ul li {
	display: inline;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
	border-right: 1px solid #dddcca;
	}
	
#footer ul li.last {
	border: none;
	padding: 0;
	}
	
	
/* Generic Styles
----------------------------------------------- */

p {
	margin: 0 0 10px 0;
	}



/*===============================================*/
/* =Table styles */


table {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #fff;
	margin: 10px auto 30px auto;
	color: #000;
	width: 80%;
	font-size: 100%;
	}
	
thead {
	
	}
	
thead th, thead td	{
	color: #fff;
	padding: 0.5em;
	border: 1px solid #fff;
	border-width: 1px 1px;
	background: #B5B7A9;
	}

thead th {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 1px;
	line-height: normal;
	padding: 0.7em;
	text-align: left;
	}
	
tbody th, td {
	padding: 0.5em;
	text-align: left;
	vertical-align: middle;
	}
	
tbody th {
	font-weight: normal;
	white-space: nowrap;
	}
	
tbody th+td {
	white-space: nowrap;
	}
	
tbody td, tbody th {
	background: #F0F3E0;
	border: 1px solid #fff;
	border-width: 1px 1px;
	}
	
tbody tr.odd th, tbody tr.odd td {
	border-color: #fff;
	background: #DFE3CA;
	}
	
tbody tr:hover td {
	background: #fff;
	border-color: #fff;
	}
	
tbody tr:hover td {
	color: #84152F;
	}
	
caption {
	font-weight: bold;
	text-align: left;
	}
	
/* Alphabet list - used on Directory page
----------------------------------------------- */

ul#alphabet {
	list-style: none;
	margin: 0 0 20px 0;
	border: 1px solid #eee;
	padding: 10px;
	background: #E4E3D0;
	text-align: center;
	}
ul#alphabet li {
	display: inline;
	margin: 0;
	}
	
ul#alphabet li a {
	background: #767e8a;
	color: #fff;
	padding: 2px 5px;
	border: 1px solid #ccc;
	text-decoration: none;
	font-size: 90%; 
	}
	
ul#alphabet li a:hover, ul#alphabet li a.on {
	background: #324C6F;
	}
	
/* Directory item listing
----------------------------------------------- */

#content div.directoryitem {
	width: 80%;
	margin: 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc;
	}
	
#content div.directoryitem h4 {
	color: #890D0D;
	font-size: 105%;
	}
	
#content div.directoryitem h4 {
	color: #435B7D;
	}
	
#content div.directoryitem dl dt {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	color: #555;
	}
	
#content div.directoryitem dl dd {
	font-style: normal;
	color: #333;
	margin: 0 0 10px 0;
	}