/*
Regent Style Sheet
Produced by ABA-design, May 2008
www.aba-design.co.uk
----
This style sheet covers all the generic styles used throughout the site.
s1_Regent/main.css
*/

body { font-family: Arial, Helvetica, sans-serif; }

div#container { margin: 0 auto 0 auto; width: 900px; }

/* Masthead bits */
div#masthead { padding-top: 15px; }
div#masthead img, div#masthead form label, div#masthead form input { float: left; }
div#masthead a img { border: none; }
div#masthead form { float: right; }
div#masthead form input { margin-left: 0.5em; }
div#masthead form label { font-size: 0.75em; margin-top: 4px; color: #005984; }
div#masthead form input.btn { border: none; background-color: #F57F20; color: #fff; height: 21px; }

div#masthead div#sitenavwrapper { clear: both; position: relative; top:15px; }

div#masthead div#sitenavwrapper ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 902px;
}
div#masthead div#sitenavwrapper ul li {
	font-size: 0.75em;
	font-weight: bold;
	width: 145px;
	position: absolute;
}
div#masthead div#sitenavwrapper ul li#sitenav1 { margin: 0; }
div#masthead div#sitenavwrapper ul li#sitenav2 { left: 151px; }
div#masthead div#sitenavwrapper ul li#sitenav3 { left: 302px; }
div#masthead div#sitenavwrapper ul li#sitenav4 { left: 453px; }
div#masthead div#sitenavwrapper ul li#sitenav5 { left: 604px; }
div#masthead div#sitenavwrapper ul li#sitenav6 { left: 755px; }

div#masthead div#sitenavwrapper ul li a {
	background-color: #E5E5E5;
	display: block;
	text-align: center;
	color: #005984;
	text-decoration: none;
	padding: 6px 0 6px 0;
}
div#masthead div#sitenavwrapper ul li.subnav { height:0px; width: 0px; visibility: hidden; }
div#masthead div#sitenavwrapper ul li a:hover, div#masthead div#sitenavwrapper ul li.selected a {
	background-image: url(/assets/nav_bg.gif);
	color: #fff;
}


/* main content area bits */
div#contentwrapper { position: absolute; top: 110px; }
div#contentwrapper div#navcolumn, div#contentwrapper div#content { float: left; }
div#contentwrapper div#navcolumn ul {
	list-style-type: none;
	margin: 120px 0 0 0;
	padding: 0;
	width: 160px;
}
div#contentwrapper div#navcolumn ul li#sitenav1sub1,
div#contentwrapper div#navcolumn ul li#sitenav2sub1,
div#contentwrapper div#navcolumn ul li#sitenav3sub1,
div#contentwrapper div#navcolumn ul li#sitenav4sub1,
div#contentwrapper div#navcolumn ul li#sitenav5sub1,
div#contentwrapper div#navcolumn ul li#sitenav6sub1 { border-top: 1px dotted #005984; }
div#contentwrapper div#navcolumn ul li {
	border-bottom: 1px dotted #005984;
	font-size: 0.75em;
}
div#contentwrapper div#navcolumn ul li a {
	padding: 6px 0 6px 4px;
	text-decoration: none;
	color: #005984;
	display: block;
}
div#contentwrapper div#navcolumn ul li.nav { display: none; }
div#contentwrapper div#navcolumn ul li a:hover, div#contentwrapper div#navcolumn ul li.selected a { background-color: #E5E5E5; }

div#contentwrapper div#content {
	margin-left: 12px;
	width: 728px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1em;
}
div#contentwrapper div#featurebox { float: right; width: 200px; margin: 2em 0 1em 1em; }
div#contentwrapper div#featurebox p, div#contentwrapper div#featurebox img { margin: 0 0 0.5em 0; }

div#contentwrapper div#footer, div#hmfooter {
	clear: both;
	font-size: 0.6em;
	color: #999;
	padding-top: 1em;
	margin-left: 176px;
}
div#hmfooter { margin:0; border-top: 2px dotted #ccc; }
div#contentwrapper div#footer a, div#hmfooter a { color: #999; }
div#contentwrapper div#footer a:hover, div#hmfooter a:hover { text-decoration: none; }

/* main fonts */
div#contentwrapper div#content h1 {
	background-image: url(/assets/nav_bg.gif);
	background-repeat: repeat-x;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	padding: 4px 0 4px 12px;
}
div#contentwrapper div#content p,
div#contentwrapper div#content ul,
div#contentwrapper div#content ol {
	color: #666;
	font-size: 0.8em;
}
div#contentwrapper div#content ul {
	padding: 0 0 0 1em;
	margin: 0.5em 0 0.5em 0.7em;
}
div#contentwrapper div#content ol {
	padding: 0 0 0 1.7em;
	margin: 0.5em 0 0.5em 0.5em;
}
div#contentwrapper div#content p { margin: 0.5em 0 0.5em 0; }
div#contentwrapper div#content h2 {
	color: #005984;
	font-weight: normal;
}
div#contentwrapper div#content h3 {
	color: #F57F20;
	font-size: 1em;
	font-weight: normal;
}
div#contentwrapper div#content h4 {
	color: #005984;
	font-weight: normal;
}
div#contentwrapper div#content h5 {
	color: #F57F20;
	font-size: 0.8em;
}
div#contentwrapper div#content h6 {
	color: #666;
	font-size: 0.8em;
}
div#contentwrapper div#content h2,
div#contentwrapper div#content h3,
div#contentwrapper div#content h4,
div#contentwrapper div#content h5,
div#contentwrapper div#content h6 {
	margin: 0 0 0.5em 0;
}

div#contentwrapper div#content a { color: #F57F20; }
div#contentwrapper div#content a:hover { text-decoration: none; }

div#contentwrapper div#featurebox p {
	font-size: 0.7em;
	color: #005984;
}
div#contentwrapper div#featurebox p strong { color: #F57F20; }

/* NEW Tombestone related styles */
div.tombestone {
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
div.tombecontent {
	background-image:url(assets/tombestone_mainbg.gif);
	background-repeat: repeat-y;
}
div.tombestone img.logo {
	padding: 0 15px 0 15px;
	max-width: 110px;
	max-height: 70px;
}
div.tombestone div.words {
	margin: 5px 0 5px 0;
	padding: 2px 5px 5px 5px;
	background-color: #005984;
	color: #fff;
	font-size: 0.6em;
	width: 130px;
	text-align: center;
	height: 3em;
	line-height: 1.1em;
}


/* OLD!!! All tombestone related styles
div.tombestone {
	background-image: url(assets/tombestone_bg.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 180px;
	float: left;
	margin-bottom: 10px;
}
div.tombestone img.tombetop {
	position: absolute;
	top: 0;
	z-index:1;
}
div.tombestone div.tombecontent {
	position: relative;
	margin-top: 5px;
	z-index:2;
}
div.tombestone img.logo { margin: 0 5px 0 5px; }
div.tombestone div.words {
	margin: 5px 20px 5px 0;
	padding: 0.5em;
	background-color: #005984;
	color: #fff;
	font-size: 0.65em;
}
div.tombestone div.tombebtm {
	background-image: url(assets/tombestone_btm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 40px;
}
div.tombestone div.tombestonelink { background-color: #fff; }
div.tombestone div.divclear { clear:both; }
 */
