﻿/*---------------
MASTER STYLESHEET
---------------*/

/*Reset
==============================*/
body, h1, h2, h3, p, ul, ol, li, form {margin: 0; padding: 0;}
form, form p, form input, form button, form button img {vertical-align: bottom; }
ul, form, form input p {line-height: 1; }
h1, h2, h3, p, form, form label, form input, form button, li {line-height: 1.2; }
form input {padding: 1px; margin: 0px;  }
/*Fonts
==============================*/
body {font-family: Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, dl, dt, dd {font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;}
/*General
==============================*/
body {text-align: center; font-size: 62.5%;}
h1 {font-size: 1.7em; line-height: 1.2; margin: 10px 0 15px 0;}
h2 {font-size: 1.4em; line-height: 1.2; margin: 0 0 5px 0; font-weight:bold;}
h3 {margin: 0 0 5px 0;}
p, dl {font-size: 1.3em; line-height: 1.2; margin: 0 0 15px 0;}
ul {font-size: 1.2em;}
li {}
a {color: #3b6d99; text-decoration: underline; background-color:white; }
a:hover, a:focus {text-decoration: none; background-color:#BED731; color:#333333}
a img {border: none;}
.clear {height: 0px; font-size: 1%; width: 100%; clear: both;}
/*Main Layout Elements
==============================*/
#container {text-align: left; max-width: 1000px; min-width: 760px; overflow: visible; height: auto; margin: 0 auto 0 auto; position: relative; padding:0 0 0 10px; background: url(images/bg-shadow-left.jpg) repeat-y top left; }
#inner-container {background: url(images/bg-shadow-right.jpg) repeat-y top right; margin:0px; padding:20px 10px 0 0; } 
#main-col {margin:0 214px 0 0; padding:0px 0 30px 0; }
#wide #main-col {margin-right:0;}
#right-col {float:right; width:214px; padding:0 0 30px 0; }
#header {height: 106px; width: 100%;  margin:0px; padding:0px; position:relative; }

#left-nav {width:30%; float:left; }
#wide #left-nav {width:23.5%; }
#content {float:left; width:64%; overflow: visible; height: auto; margin:0px 2% 0 2%; padding:0px 0 30px 0; border-top:1px solid #bed731; }
#wide #content {width:72.5%; margin:0px 2.5% 0 1.5%;}
#footer {width: 100%; height: auto; overflow: visible; clear: both; position: relative; background: url(images/bg-header.gif) repeat-x bottom left; margin:0px; padding:0 0 10px 0;}
/*Specific Styles
==============================*/
#accessibility {position: absolute; font-size: 1.0em; height:0px; top:10px; left:30px; color:#3b6d99;  }
#accessibility a, #accessibility a:hover {color:#3b6d99;  text-decoration:underline;  }
#accessibility a:hover {color:#3b6d99; text-decoration:none; }
#top-strip {height:65px; background: url(images/bg-header.gif) repeat-x bottom left; margin:0px; padding:0px 0 10px 0; position:relative; }
#top-strip a, a:hover, a:focus {text-decoration:none; color:#6e6e6e; background-color:white}
p#top-nav {margin:0px; padding:0px; font-weight:bold; font-size:1.1em; vertical-align:top; position:relative; top:30px;  }
#top-nav a:hover{text-decoration:underline; color:#6e6e6e; background-color:white; }
#top-nav a:focus {text-decoration:none; color:#333333; background-color:#BED731;}
p#top-nav img {margin:0px 6px 0 22px; padding:0px; position:relative; top:-10px; vertical-align:top; }
p#links {position:absolute; right:8px; top:10px; }

#header #headerLink {display: block; width: 100%; height: 106px; overflow: hidden; position:absolute; top:0px;  left:0px; background-color:white; }
#header span {height: 106px; width: 100%;  margin:0px; padding:0px; position:absolute; top:0px; left:0px;background: url(images/logo.jpg) no-repeat top left; }
#mid-strip {height:auto; position:relative; color:#333333; background-color:white;}
#mid-strip a {color:#333333; text-decoration:underline; background-color:white;}
#mid-strip a:hover {color:#333333; text-decoration:none; background-color:white;}
#mid-strip a:focus {color:#333333; text-decoration:none; background-color:#BED731;}
#mid-strip #breadcrumb {font-size:1.1em; margin:0px; padding:13px 0 15px 19px; width:62%; }
#mid-strip #breadcrumb img {position:relative; top:3px; }
#mid-strip #breadcrumb a {color:#3b6d99; background-color:white; text-decoration:underline;} 
#mid-strip #breadcrumb a:hover {color:#3b6d99; background-color:white; text-decoration:none;} 
#mid-strip #breadcrumb a:focus {color:#333333; background-color:#BED731; text-decoration:none;} 
#mid-strip #small-nav {position:absolute; top:14px; right:32px; font-size:1.1em; margin:0px; padding:0px; }
#wide #mid-strip #small-nav {display:none;  }
#left-nav ul {font-size: 1.1em; margin: 0 0 15px 0; font-weight:bold; font-size:1.3em; }
#left-nav li {list-style: none; margin:0 0 3px 0px; padding:0px;}
#left-nav li a, #left-nav li a:hover, #left-nav li a:focus {display:block; color:#333333; background: #eff4ca url(images/bg-main-nav.gif) no-repeat bottom left; margin:0px; padding:8px 10px 8px 20px; text-decoration:none; }
#left-nav li a:hover, #left-nav li a:focus, #left-nav li a.selected {background: #eff4ca url(images/bg-main-nav.gif) no-repeat top left; }

#right-col img {margin:0 0 10px 0; padding:0px;}
#right-col .box {margin:0 0 10px 0px; padding:0px 0 14px 0; background-color:#e9f1b6; }

#left-nav p {text-align:center; }

#right-col .box #news {width:185px; position:relative; left: 14px; }

#right-col .box #news ul {margin:0px; padding:0px;}
#right-col .box #news li {margin:0 0 8px 0; padding:0px; list-style:none; }
#right-col .box #news li span {display:block; font-weight:bold; }

/* the news box when JavaScript is available */
#right-col .box #news.hasJS {height:120px;overflow:hidden; position:relative;}
/* The nested UL when JavaScript is available */
#right-col .box #news.hasJS ul {position:absolute;top:120px;}


#right-col .box a {color:#333333; background-color:#e9f1b6; text-decoration:underline}
#right-col .box a:hover {color:#333333; background-color:#e9f1b6; text-decoration:none}
#right-col .box a:focus {color:#000000; background-color:#bed731; text-decoration:none}
#right-col .box h2 {color:#333333; background: url(images/bg-right-col-header.gif) repeat top left; text-align:center; font-size:1.4em; margin:0px 0 14px 0; padding:7px 0 7px 0;}
#right-col .box p {margin:0 14px 12px 14px; padding:0px; font-size:1.1em; line-height:1.3; color:#333333; background-color:#e9f1b6;}
#right-col .box p.arrow {margin:0 14px 12px 14px; padding:0px 0 0 14px; background: url(images/arrow.gif) no-repeat 0px 2px; }
#right-col .box h3 {margin:0 14px 0px 14px; padding:0px; font-size:1.1em; color:#000000; background-color:#e9f1b6; }
#right-col .box img {margin:0 0 5px 14px; padding:0px;}

#content h1 {color:#3b6d99; font-size:3em; font-weight:normal; background-color:white;}
#content h2 {color:#3b6d99; font-size:1.6em; font-weight:normal; margin:30px 0 10px 0; font-weight:bold; background-color:white;}
#content h3 {color:#3b6d99; font-size:1.3em; font-weight:bold; margin:0px 0 5px 0; background-color:white;}
#content p, dl {line-height:1.5; }
#content dt.usefulLinks {line-height:1.5; margin:15px 0 0 0;}
#content dd.usefulLinks {margin-top:0;}
#content h2.usefulLinks {margin-bottom:0px; }
#content dt {font-weight:bold; margin:30px 0 5px 0 }
#content dd {margin-left:0px; }
#content p.backToTop {font-size:1.2em;text-align:right;}
#content span.backToTop {font-size:1em;text-align:right;}
#content a {color: #3b6d99; text-decoration: underline; background-color:white; }
#content a:hover {color: #3b6d99; text-decoration: none; background-color:white; ;}
#content a:focus {text-decoration: none; color:#000000; background-color:#BED731;}
#content ul {margin:0 0 15px 0; padding:0px; line-height:1.4; }
#content li {margin:0 0 0px 0; padding:0px 0 0 14px; line-height:1.4; background: url(images/bullet.gif) no-repeat 0px 7px; list-style-type:none; }
#content dd ul {margin:0 0 15px 25px; font-size:1em;}
#content ol.test {margin:0 0 15px 25px; padding:0px; line-height:1.4; font-size:1em; list-style-position:outside; }
#content ol.test li {list-style:decimal; background-image:none; padding:0px 0 0 0px; margin:10px 0 0 0; }
#content ol.test li ul {margin:0 0 15px 0; padding:0px; line-height:1.4; font-size:1em;  }
#content ol.test li ul li {margin:0px 0 0 0; padding:0px 0 0 20px; line-height:1.4; font-size:1em; background: url(images/bullet.gif) no-repeat 0px 7px; list-style:none; list-style-position:outside; }

#content ol.standard {margin:0 0 15px 23px; padding:0px; line-height:1.4; font-size:1.2em; list-style-position:outside; }
#content ol.standard li {list-style:decimal; background-image:none; padding:0px 0 0 0px; margin:10px 0 0 0; }
#content ol.standard li ul {margin:0 0 15px 0; padding:0px; line-height:1.4; font-size:1em;  }
#content ol.standard li ul li {margin:0px 0 0 0; padding:0px 0 0 20px; line-height:1.4; font-size:1em; background: 
url(images/bullet.gif) no-repeat 0px 7px; list-style:none; list-style-position:outside; }



#footer p {margin:0px; padding:0px; text-align:center; background-color:#EFF4CA }
#footer p#business-links a, #footer p#business-links a:hover, #footer p#business-links a:focus {float:left;  text-decoration:none; text-align:center; padding:0; width:24.9%;  }

/*#footer p#business-links a.one, #footer p#business-links a.one:hover, #footer p#business-links a.one:focus {width:91px; }*/
/*#footer p#business-links a.two, #footer p#business-links a.two:hover, #footer p#business-links a.two:focus {width:174px; }*/
#footer p#business-links a.three, #footer p#business-links a.three:hover, #footer p#business-links a.three:focus {position:relative; left:20px; }
/*#footer p#business-links a.four, #footer p#business-links a.four:hover, #footer p#business-links a.four:focus {width:150px; }*/


#footer p#business-links {margin:0px; padding:0 0 0px 0px; position:relative;  }
#footer p#meta-links {margin:0px; padding:15px 0 10px 0; font-size:1.1em; clear:both; color:#3b6d99; background-color:white;  }
#footer p#meta-links a {color: #3b6d99; text-decoration: underline; background-color:white;}
#footer p#meta-links a:hover {color: #3b6d99; text-decoration: none; background-color:white;}
#footer p#meta-links a:focus {color:#000000; text-decoration: none; background-color:#BED731;}
#footer p#details {background-color:#eff4ca; margin:0px; padding:8px 0 0 0; font-size:1.1em; line-height:1.4; }
#footer p#designer {background-color:#eff4ca; margin:0px; padding:5px 0 7px 0; font-size:1em; }
#footer p#designer a {color: #3b6d99; text-decoration: underline; background-color:#EFF4CA;}
#footer p#designer a:hover{color: #3b6d99; text-decoration: none; background-color:#EFF4CA;}
#footer p#designer a:focus{color: #000000; text-decoration: none; background-color:#BED731;}

/*
=Start table structure
*/
#Summary, #Caption {
	width: 28em;
}

.tableStyle {
	width: 100%;
	color:#000000;
	margin: 1em 0 1em 0;
	border: solid #666;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
}

.tableStyle th, .tableStyle td {
	border: solid 1px #666;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
}
/*
=End table structure
*/

/*
=Start grey colour scheme
*/
.greyScheme, .greyScheme th, .greyScheme td {
	border-color: #666;
}

.even {
	background-color: #DBE4EC;
}

th.firstColumn {
	background-color: #EFF4CA; width:30%;
}

th.firstColumn30 {
	background-color: #EFF4CA; width:30%;
}

th.firstColumn70 {
	background-color: #EFF4CA; width:70%;
}

td.secondColumn {
	width:20%;
	
}

td.firstColumn {
	width:40%;
	
}
td.firstColumn30 {
	width:30%;
	
}

caption {padding-bottom:5px;}
/*
=End grey colour scheme
*/