/*Produced by MicroGraphix - Anno Domini 2009 - http://micrographix.co.uk*/

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

/* -- Page properties --------------------------------------------*/

/* IE percentage error fix */
html { font-size: 100%;  }

/* Safari percentage fix, boosts to 16px, IE can't read this*/
html>body { font-size: 16px; }

/* ==YUI RESET (see: http://developer.yahoo.com/yui/reset/)*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body {
	background-color: #669999;
	font-size: 75%;
	font-family : "Trebuchet MS", arial, helvetica, sans-serif;
	line-height: 160%;
	color: #333366;
	text-align:center;
	margin-top:5px;
}

/* -- h1 styles -------------------------------------------------*/

h1 {font-size: 1.4em;
	text-decoration: none;
	color: #999900;
	font-weight: bold;
	line-height: 160%;
	text-align: left;
}
h2 {font-size: 1.3em;
	text-decoration: none;
	color: #999900;
	font-weight: bold;
	line-height: 160%; 
	text-align: left;
}
h3 {font-size: 1.2em;
	text-decoration: none;
	color: #999900;
	font-weight: bold;
	line-height: 160%; 
	text-align: left;
}
h4 {font-size: 1.1em;
	text-decoration: none;
	color: #999900;
	font-weight: bold;
	line-height: 140%; 
	text-align: left;
	font-variant:small-caps;
}

/* -- Global Linking -------------------------------------------------*/

a {
	color:#333366;
	font-weight:bold;
	text-decoration:none;
	outline: none;
}

a:link {
}

a:visited {
}

a:hover {
	color: #788EC6;
	text-decoration: underline;
} 	

/* - Top Navigation Content -------------------------------------------------*/

.toplinks{
	color: #FFFFFF;
	text-decoration: none;
	font-size:0.8em;
}
.email {
	color: #333366;
	text-decoration: none;
}

/* -- General layout divs -------------------------------------------------*/

#wrapper {
	margin:10px auto 10px auto ;
	text-align: left;
	padding: 0px;
	border:0;
	width: 990px;
	_width: 990px;/* for IE to read properly */
	height: auto;
	background-color:#FFFFFF;
}
#container {
	float:left;
	width: 990px;
	_width: 990px;/* for IE to read properly */
	height: auto;
	background-color:#FFFFFF;
	text-align:left;
}
#header {
	height: 95px;
	width: 990px;
}
#logoContainer{
	float: left;
	padding:0;
	margin:0;
	width:276px;
	height:95px;
}

/* - Top Navigation Content CSS rollovers -------------------------------------------------*/

/* div rollover state using CSS - replaced with Javascript version*/
#topNavContainer {
    position: relative;
	float:left;
    padding: 0;
    margin: 0;
	background-image: url(../images/topnav_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 714px;
    height: 94px;
}
html>body #topNavContainer {
    width: 714px;
    height: 94px;
}
#topNavList {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#topNavList a {
	overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    display: block;
    float: left;
    line-height: 22px;
    text-align: center;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 26px;
    width: 177px;
	border-left: 1px solid #474666;
	border-bottom: 1px solid #474666;
}
html>body #topNavList a {
    height: 26px;
}
#topNavList a.topNavbtn {
	font-size: 0.85em;
  	font-weight: bold;
  	text-decoration: none;
  	color: #FFF;
}
#topNavList a.topNavbtn:hover {
  	font-size: 0.85em;
  	font-weight: bold;
  	text-decoration: none;
	color:#FFFFFF;
	background-color:#474666;
}
#topNavList a.topNavActivebtn {
	background-color:#474666;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
#topNavList li {
    float: left;
    margin: 0;
    padding: 0;
}
#topNavListRow2 {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#topNavListRow2 a {
	overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    display: block;
    float: left;
    line-height: 22px;
    text-align: center;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 26px;
    width: 177px;
	border-left: 1px solid #474666;
}
html>body #topNavListRow2 a {
    height: 26px;
}
#topNavListRow2 a.topNavRow2btn {
	font-size: 0.85em;
  	font-weight: bold;
  	text-decoration: none;
  	color: #FFF;
}
#topNavListRow2 a.topNavRow2btn:hover {
  	font-size: 0.85em;
  	font-weight: bold;
  	text-decoration: none;
	color:#FFFFFF;
	background-color:#474666;
}
#topNavListRow2 a.topNavRow2Activebtn {
	background-color:#474666;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
#topNavListRow2 li {
    float: left;
    margin: 0;
    padding: 0;
}

/* - Left Hand Navigation -------------------------------------------------*/
#leftSidebar {
	float: left;
	height:400px;
	width: 135px;
	_width: 125px; /* for IE to read properly */
	padding-top:10px;
	padding-left:10px;
	background-image: url(../images/left-sidebar_bg.jpg);
	background-repeat:no-repeat;
}
.leftNav{
	font-size:0.7em;
	line-height:180%;
  	text-decoration: none;
}
.leftNav a{
  	text-decoration: none;
}
.leftNav a:hover{
	color:#474666;
  	text-decoration: underline;
}
.leftNav ul{
	padding:0;
	margin:0;
}
.leftNav li{
	list-style: none;
	padding-bottom:5px;
}
.leftNav li a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom: #474666 solid 1px;
}
.leftNav li a:hover{
	color:#788EC6;
	text-decoration: none;
}
.head{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: underline;
}
.leftNavActive a{
	color:#FFFFFF;
	background-color:#474666;
	font-weight:bold;
	text-decoration:none;
}

/* - Center Column Content -------------------------------------------------*/

div#content { 
	float: left; 
	padding-left: 10px;
	width: 335px;
	_width: 325px;/* for IE to read properly */
	height: auto;
	background-color:#FFFFFF;
}
div#contentWide { 
	float: left; 
	padding-left: 10px;
	width: 825px;
	_width: 815px;/* for IE to read properly */
	height: auto;
	background-color:#FFFFFF;
}
div#content p{
	font-size:0.85em;
	text-decoration:none;
	line-height:150%;
	padding-bottom:6px;
}
.content{
	font-size:0.85em;
	font-weight: normal;
	text-decoration:none;
}
.content a{
	font-weight: bold;
	text-decoration:none;
}
.contentbold{
	font-size:0.85em;
	font-weight: bold;
	text-decoration:none;
}
p.contentbold{
	font-size:0.85em;
	text-decoration:none;
	font-weight:bold;
	line-height:150%;
}
.content ul{
	text-decoration:none;
	list-style-position: inside;
	list-style-type: none;
}
.content li{
	text-decoration:none;
	line-height:150%;
	padding-bottom:2px;
}
#contentBox2{
	clear: both;
	height:auto;
	margin: 0px auto; /* bug fix for FF*/
}
#contentBox3{
	height: 630px;
	margin: 0px auto; /* bug fix for FF*/
}
#contentBox4{
	height: auto;
	margin: 0px auto; /* bug fix for FF*/
}
#contentBox5{
	height:600px;
	width:620px;
	_width: 590px;/* for IE to read properly */
	margin: 0px auto; /* bug fix for FF*/
}
div#contentBottom{
	height:auto;
	margin: 0px auto; /* bug fix for FF*/
}
div#googleMap{
	float:right;
	margin-top: 5px;
	width:350px;
	_width:350px; /* for IE to read properly */
}
div#leftImagePanel{
	float:left;
	width:163px;
}
div#warwickWrapper{
	float:left;
	width:334px;
	_width:334px; /* for IE to read properly */
}
div#warwickWrapper p{
	font-size:0.85em;
	text-decoration:none;
	line-height:150%;
	text-align: left;
}

/* - Right Hand Column -------------------------------------------------*/

div#rightBox{
	float:right;
	height:auto;
	padding-left:20px;
	background-color:#FFFFFF;
	text-align: left;
	width:480px;
	_width:460px; /* for IE to read properly */
}
div#rightBox p{
	font-size:0.85em;
	text-decoration:none;
	line-height:150%;
	padding-bottom:6px;
	padding-right:10px;
}
p.rightBox{
	font-size:0.85em;
	text-decoration:none;
	line-height:150%;
	padding-bottom:6px;
	padding-right:10px;
}
p.rightBoxbold{
	font-size:0.85em;
	text-decoration:none;
	font-weight:bold;
	line-height:150%;
	padding-bottom:6px;
	padding-right:10px;
}
.listBox {
	text-indent: 10px;
}
div#rightBox ul li{
	text-decoration:none;
	list-style-type: disc;
	list-style-position: inside;
	font-size:0.85em;
	text-decoration:none;
	line-height:150%;
	padding-bottom:6px;
	padding-right: 20px;
	padding-left: 8px;
	text-indent: -9px;
	margin-left:0;
}
div#rightBox ol{
	text-decoration:none;
	list-style-type: none;
}
div#rightBoxThin {
	width:332px;
	float:right;
	height:auto;
	padding-left:3px;
	background-color:#FFFFFF;
	text-align: left;
}

/* -- Table divs -------------------------------------------------*/

table.contacts{
	border-collapse:collapse;
}

div#rightBox table.contacts{
	width: 468px;
	_width: 464px; /* for IE to read properly */
}

/* -- Image layout divs -------------------------------------------------*/

.articleImage1{
	float:right;
	border:none;
}
img.articleImage2{
	float: right;
	margin-left:10px;
}
img.articleImage3{
	float: right;
	clear:right;
	margin-left: 10px;
}
img.articleImage3_pad{
	float: right;
	clear:right;
	margin-top: 10px;
	margin-left: 10px;
}
img.articleLogo{
	float:right;
	clear: right;
	margin-left: 10px;
}
img.articleImage4{
	float: left;
	text-align:center;
	margin-bottom:20px;
	margin-left:28px;
}
img.articleImage5{
	float: left;
	margin-bottom:20px;
	margin-left:3px;
}
img.articleImage6{
	float: left;
	margin-top: 10px;
	margin-bottom:13px;
}
img.articleImage7{
	float: left;
	margin-bottom:20px;
}

/* -- Text layout divs -------------------------------------------------*/

.textBox1{
	width:300px;
	_width:290px; /* for IE to read properly */
}

#callToAction{
	clear:both;
	background-color:#CCCCCC;
	text-align:center;
	padding-top:4px;
	height:65px;
	_height:61px; /* for IE to read properly */
}
.call{
	font-size:0.9em;
	color:#333366;
	font-weight: bold;
	line-height:120%;
}
.call a:hover{
	color:#788EC6;
	text-decoration: underline;
}
#policiesBar{
	clear:both;
	background-color:#FFFFFF;
	text-align:center;
	height:68px;
	_height:68px; /* for IE to read properly */
}
.locations {
	font-size:0.8em;
	text-decoration:none;
	line-height:120%;
}
.slideshow_captions {
	font-size:0.85em;
	text-decoration:none;
}
.slideshow_numbers {
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
}

/* --Footerlinks -------------------------------------------------*/

#footerWrapper {
	clear:both;
}
#footerbar {
	clear:both;
	background-color: #333366;
	text-align:center;
	height: 45px; 
}
.footertext {
	font-size: 0.7em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 120%; 
	padding: 5px;
 }
.footertext a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none; 
}
.footertext a:hover{
	color: #788EC6;
	font-weight: bold;
	text-decoration: underline;
}

/* --Site Map -------------------------------------------------*/

.sitemap {
	font-size: 1em;
	color: #333366;
	background-image:url(../img/copy.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 10px 10px 10px 30px;
	font-weight: bold;
	text-decoration: none; }

a:hover.sitemap {
	color: #999999;
	text-decoration: underline; }

.sitemaplinks {font-size: 1em;
	text-decoration: none;
	color: #CC0033;
	font-weight: bold;
	line-height: 140%; 
	text-align: left; }

a:hover.sitemaplinks {color: #999999;
	text-decoration: underline; }

.smdescription {font-size: 0.85em;
	text-decoration: none;
	color: #999999;
	font-weight: normal;
	line-height: 140%; 
	text-align: left;
	margin-right: 100px;
	margin-bottom:4px; }

/* --Form Elements -------------------------------------------------*/

.formarea {padding-left: 30px; }

.buttonarea {padding-bottom: 10px;
	padding-top: 20px;
	text-align: center; }

.titletabs {font-size: 1em;
	color: #666666;
	font-weight: bold;
	text-align: right;
	background-color: #e9e9e9;
	line-height: 120%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px; }

.yourdetails {font-size: 1em;
	color: #666666;
	font-weight: normal;
	line-height: 110%; 
	background-color: #ffffff;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px #cccccc solid; }

.formfields {background-color: #ffffff;
	text-align: left;
}

.note {font-size: 1em;
	color: #999999;
	font-weight: normal;
	line-height: 110%; 
	background-color: #ffffff;
	font-style: italic;
	text-align: right; }

.error, .input_error  {
	font-size: 1em;
	color: #cc0000;
}
.input_error {
	background: url(/images/error.png) no-repeat;
	background-position: 0% 50%;
	padding-left: 20px;
	text-align: left;
}



input,
textarea { 
	padding: 0.1em 5px 0.1em 5px;
	vertical-align: bottom;
}

input:hover,
textarea:hover {
	background-color: #e2ecf6;
}

input:focus,
textarea:focus {
	background-color: #e2ecf6;}
	
inlineLabel {
padding-bottom:2px;
}

/*
--------- CSS Forms --------------------------------
*/
div#pageContent{
	padding-right:5px;
	margin:0;
}

table.formPresentation td{
	padding:0.2em;
	text-align:right;
}
table.formPresentationSml td{
	padding:0.1em;
	text-align:right;
}

div#pageContent div.formElement{ /* okay so it's a div but we keep it here because it is specifically for forms */
	margin:0.6em 0 0 0;
}

div.alignRight{
	text-align:right; /* this is used in conjunction with the formElement div above */
}

div.alignCenter{
	text-align: center; /* this is used in conjunction with the formElement div above */
}

div#pageContent fieldset{ /* we are specific about stlying the fieldset only for #pageContent so the search form doesn't pick up the styling too */
	background:#eeeeee;
	border:1px solid #cccccc;
	margin:0.5em 0 0 0;
	vertical-align: middle;
	padding:3px;
	_padding-top:10px;
	_position:relative; /* TODO fixes IE bug, add to IE style sheet */
}
div#pageContent legend{
	color:#666666;
	font-size:1em;
	font-weight:bold;
	_position:absolute;
	_top:-10px;
	_left:-5px;/* TODO fixes IE bug, add to IE style sheet */
}

div#pageContent label{
	font-size:0.85em;
	font-weight:bold;
	margin:0.8em 0 0 0;
}

/* we use a class here rather than styling the input directly so as to avoid later problems with submit buttons etc. In more advanced browsers we could use attribute selectors in conjuction with the inputs type but alas IE! */
input.textInput{
	border:1px solid #cccccc;
	color:#000;
	font-size:0.9em;
	padding:0.2em;
	width:200px;
}
input.textInputMed{
	border:1px solid #cccccc;
	color:#000;
	font-size:0.85em;
	padding:0.2em;
	width:80px;
	text-align:left;
}
input.textInputSml{
	border:1px solid #cccccc;
	color:#000;
	font-size:0.8em;
	padding:0.2em;
	width:80px;
}

div#pageContent input.buttonInput{ /* how much should we style form buttons? I suggest  very little or not at all and if you must have a styled button use type="image" */
	padding:3px;
}

div#pageContent textarea{ /* note that there are rows and cols attributes hardwired into the html, this is so that if CSS is disabled the textarea is still useable */
	border:1px solid #cccccc;
	color:#000000;
	font-family:helvetica, arial, sans-serif;
	font-size:0.85em;
	padding:2px;
	height:100px;
}

/* --PDF downloads -------------------------------------------------*/

.pdf-download {
	background-image:url(../img/pdf.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 10px 10px 10px 42px;
	font-size:0.85em;
	font-weight: normal;
	line-height:150%;
	text-decoration: none; }

a:hover.pdf-download {color: #666666;
	text-decoration: underline; }

.getreader {
	background-image:url(../img/getReader_button.png);
	background-repeat: no-repeat;
	background-position: 0 30%;
	padding: 10px 10px 10px 165px;
	font-size:0.8em;
	font-weight:normal;
	line-height:150%;}

.zip-download {
	background-image:url(../img/zipfoldericon_sml.jpg);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding: 10px 10px 10px 42px;
	font-size:0.85em;
	font-weight: normal;
	line-height:150%;
	text-decoration: none; }

a:hover.zip-download {color: #666666;
	text-decoration: underline; }



/* --Image Module -------------------------------------------------*/
img {
	border: none;
	vertical-align: bottom;
	margin: 0;
}

a img {
	border: none;
}

a:hover.img {
	border: none;
}