@charset "UTF-8";
/* CSS Document */
/*------------------- BASE STYLES ------------------*/
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 88%;
	color: #333333;
	background-color: #ffffff;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	}
div, img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 1em;
	}
table {
	border: 0;
	border-collapse: collapse;	
	margin: 0;
	}
td {
	vertical-align: top;
	text-align: left;
	}
/*---------------- END BASE STYLES ----------------*/

/*-------------------- HEADINGS -------------------*/	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 128%;
	margin: 0;
	padding: 0 0 .75em;
	border: 0;
	}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus {color: #333333;}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding-top: 0.5em;
	margin: 0 0 .5em 0;
	}
h3 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
/*-----------------------END-----------------------*/

/*--------------------- LINKS ---------------------*/
a, a:link {
	color: #003366;
	text-decoration: underline;
	}
a:visited {color: #003366;}
a:hover, a:focus {color: #990000; outline: none;}
a:active {color: #003366; outline: none;}
/*---------------------- END ----------------------*/

/*--------------------- LISTS ---------------------*/
ul {
	margin: 0 0 1em 3.25em;
	padding: 0 0 0 0em;
	}
ul li {padding: 0 0 .35em 0;}

ol {
 	margin: 0 0 1em 3.75em;
	padding: 0 0 0 0em;
	}
ol ol {margin: .5em 0 0 3.75em;}
ol li {padding: 0 0 .75em 0;}
ol li li {padding: 0 0 .5em 0;}
ol ul {
	margin: .5em 0 0 3.75em;
	list-style-type: none;
	list-style-image: url('../uiparts/p7t_minus_gray.gif');
	}
ol ul li {padding: 0 0 .5em 0;}
	
	

#clear_text {visibility: hidden; line-height: 0; padding: 0; margin: 0; color: #fff;}

#head_photo {
	position: absolute;
	top: 0;
	left: 33px;
	width: 169px;
	height: 53px;
	background: url('../uiparts/010802DG.jpg') top left no-repeat;
	}
#SUlink {
	text-align:right;
	margin-right: 32px;
	line-height: 0;
	background-color:#fff;
	}
#SUlink img {border: none;}
#header {
	height: 35px;
	background: #990000 url('../uiparts/site_title.gif') 32px no-repeat;
	}
#yellow_border {
	line-height: 2px;
	height: 2px;
	background: url('../uiparts/yellow.gif') left repeat-x;
	}

#wrapper1 {min-width: 850px;}
#wrapper1, #wrapper2 {
	margin: 0px;
	padding: 0px;
	}

/* NN4 makes a mess of the backgrounds (positioning plus unintended inheritance) so exclude it. OmniWeb doesn't understand background positioning either - the left column can be achieved, but not the right one */
#wrapper1 {
	/*/*/
	background: url('../uiparts/col_bkg1.gif') 32px top repeat-y;
	/* */
	}
#empty{}
#indent {margin: 0px 32px;}
/* -1px margin-top is so NN4 borders overlap */
.columns {
	margin: -1px 0px 0px 0px;
	padding: 0px;
	}
/* reset post NN4 */
.columns {
/*/*/
	border: none;
	margin-top: 0px;
	background-color: transparent;
/* */
	}
/*----------------- LEFT COLUMN --------------------*/
/*make sure that .leftcolumn's width is equal to .centercolumn's margin-left
-11px margin-top enables columns to line up in NN4 rather than dropping down unacceptably*/
.leftcolumn {
	float: left;
	left: 0px;
	width: 170px;
	margin: -11px 0px 0px 0px; /* Left margin of 1px added for Kerstin's menu design so left border is not hidden */
	padding: 0px;
	}
/* reset post NN4 */
.leftcolumn {
/*/*/
	margin-top: 0px;
/* */
	}

p#sealdisplay {
	text-align: center; 
	margin-top: 2em;
	margin-bottom: 2em;
	width: 100%;
	}
p#sealdisplay a {
	width: 170px;
	height: 120px;
	display: block;
	margin: 0 auto;
	background: url(../uiparts/seal_over2.gif) center no-repeat;
	}
p#sealdisplay a:hover {background: url(../uiparts/seal_over3.gif) center no-repeat;}
/*-------------------- END LEFT COLUMN --------------------*/


/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
.centercolumn {
	margin: 0px;
	padding: 1.25em 1em 1em 1em;
	}
/* OmniWeb value - others in external css file */

/* no they're not - they're here for ease of viewing for the moment */
/* NN4 values */
.centercolumn {
	margin-right		: 0px;
	margin-left			: -25px;
	}

/* OmniWeb (exclude from IE5 mac) */
/*\*/
.fake.centercolumn {
	margin-right		: 0px;
	margin-left			: 0px;
	}
/* -7px margin-top enables footer/middles to lign up in NN4 rather than dropping down unacceptably */
.footer, .middle {
	clear: both;
	margin: 0px;
	margin-top: -7px;
	padding: 2px 0px 3px 0px;
	text-align: center;
	color: #ffffff;
	background-color: #990000;
	height: 15px;
	}
.footer a, .footer a:link, .footer a:active, .footer a:visited {
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	}
.footer a:hover, .footer a:focus {text-decoration: underline;}

/* reset post NN4 */
.footer, .middle {
/*/*/
	margin-top: 0px;
/* */
	}

.copyrighttext {
	font-size: 80%;
	text-align: center;
	padding-bottom: .5em;
	background-color: #fff;
	}		
/*--------------------- SEARCH ---------------------*/
div#search {
	padding: .5em 0em .5em 1em;
	margin-right: 0;
	font-size: 88%;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	}
input.searchform {font-size: 88%;}
div#gobutton {display: inline; vertical-align: -7px;}
/*------------------- END SEARCH -------------------*/

/*------------------- QUICKLINKS -------------------*/
div.quicklinks { /*container for QuickLinks*/
	margin: 0;
	padding-bottom: 1.5em;
	font-size: 92%;
	border-bottom: 1px solid #ccc;
	}
div.quicklinks h3 {
	font-size: 98%;
	margin: 1em 0 0 1em;
	color: #bf6900;
	}
ul#quicklinklist { /*QuickLinks link text*/
	margin: 0;
	padding: .25em .5em 0 1em;
	line-height: 110%;
	list-style-type: none;
	}
ul#quicklinklist li { /*controls spacing for QuickLinks list*/
	margin: 0;
	padding: .25em 0 .35em 0;
	}
ul#quicklinklist a {
	display: block;
	padding-left: 20px;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	background: url('../uiparts/arrow_px_r.gif') top left no-repeat;
	}
ul#quicklinklist a:link, ul#quicklinklist a:visited {color: #434a44;}
ul#quicklinklist a:hover, ul#quicklinklist a:focus {color: #990000;}
body#faq a#faqnav, body#intl a#intlnav, body#policy a#policynav,
body#pubs a#pubsnav, body#print a#printnav, body#home a#homenav,
body#compare a#comparenav {
	color: #990000;
	background-image: url(../uiparts/here.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	}
/*----------------- END QUICKLINKS -----------------*/

/*---------------- EDITABLE SIDEBAR ----------------*/
div.rcolEditable { /*controls space around editable*/
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: .5em;
	padding-right: 1em;
	}
div.rcolEditable img {}
/*-------------- END EDITABLE SIDEBAR --------------*/

/*------------------ HOME COLLAGE -----------------*/
div#home_collage {
	height: 300px;
	width: 100%;
	background: url('../images/home/home_collage.jpg') left repeat-x;
	}