body {
	margin: 0;
	padding: 0;
	background: #fff url("/pics/header_bg.gif") left top repeat-x;
	font-size: 62.5%;
	color: #000;
	text-align: center;
}

html {
	/* http://www.splintered.co.uk/experiments/49/ */
	min-height: 100%;
	margin-bottom: 1px;
}

body, input, textarea, select {
	font-family: "Arial", "Helvetica", "Trebuchet MS", sans-serif;
}

.container {
	max-width: 960px;
	/* http://www.svendtofte.com/code/max_width_in_ie/ */
	width: expression(document.body.clientWidth > 960? "960px": "auto");
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

#header {
	height: 70px;
	position: relative;
	margin-bottom: 15px;
}

#footer {
	height: 2.5em;
	margin-bottom: 1em;
}

#first {
	background-color: #F0F0F0;
	margin-bottom: 1em;
	padding: 5px 0;
}

.padder {
	padding: 1em;
}

#rest {
	margin: 1em 0 0 0;
	padding: 1em;
	position: relative;
}

.col1 {
    width: 32%;
    float: left;
	margin: 0% 1% 0% 0%;
}

.col2 {
    width: 31%;
    float: left;
	margin: 0% 1% 0% 1%;
}

.col3 {
    width: 32%;
    float: right;
	margin: 0% 0% 0% 1%;
}

/*--------------------- tables ---------------------*/

td.left {
	padding-right: 15px;
}

td.right {
	width: 235px;
	padding-left: 15px;
	border-left: 1px dotted #c1c1c1;
}

td.left2 {
	padding-right: 15px;
}

td.right2 {
	width: 48%;
	padding-left: 15px;
	border-left: 1px dotted #c1c1c1;
}

td.bordered {
	border-bottom: 1px dotted #c1c1c1;
	padding: 1em 1em 1em 0;
}

td.last {
	border-bottom: none;
}

ul.radio label {
	vertical-align: 2px;
}

td.bordered h2 {
/*	margin-left: 1.6em;*/
	margin-bottom: 0.3em;
}

/*--------------------- headings & paragraphs ---------------------*/

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

p#date {
	position: absolute;
	top: 33px;
	right: 0;
	color: #98C3F6;
	text-align: right;
	text-transform: uppercase;
	font-size: 1em;
}

h1 {
	font-family: "Arial", "Helvetica", "Trebuchet MS", sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #000;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	background: transparent url("/pics/h1_bg.gif") left top repeat-x;
	height: 0%;
}

html>body h1 {
	height: auto;
}

.topic:hover h1 {
	background: transparent url("/pics/h1_bg_hover.gif") left top repeat-x;
}

h1 strong {
	background-color: #fff;
	padding-right: 10px;
}

#first h1 strong {
	background-color: #F0F0F0;
}

h2 {
	font-family: "Arial", "Helvetica", "Trebuchet MS", sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #D50000;
	padding: 0;
	margin: 0;
}

h3 {
	font-family: "Arial", "Helvetica", "Trebuchet MS", sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0 0 1em 0;
}

#first p {
	font-size: 1.3em;
}

p.fdate {
	margin: 2px 0 4px 0;
	color: #777;
}

#first p.fdate, td.left p.fdate {
	font-size: 1.1em;
}

#rest p.fdate, td.right p.fdate {
	font-size: 1em;
}

p.source {
	font-size: 1em;
	color: #D50000;
	clear: both;
	margin: 0;
	padding: 0;
}

#first p.source {
	font-size: 1em;
}

html>body #first p.source {
	padding-top: 1em;
}

td.right p.source {
	padding: 0;
	font-size: 1em;
}

td.right p {
	font-size: 1.1em;
}

p.desc {
	margin-top: -0.5em;
	margin-bottom: 1.1em;
	background-color: #f1f7ff;
	color: #75859b;
	padding: 0.5em;
}

#footer p {
	padding: 0.4em 1em;
	font-family: "Arial", "Helvetica", "Trebuchet MS", sans-serif;
	font-size: 1em;
	color: #777;
}

/*--------------------- links ---------------------*/

a:link {
	color: #366BAF;
	text-decoration: underline;
}
a:visited {
	color: #AABBD1;
	text-decoration: underline;
}
a:hover {
	color: #74A5E1;
	text-decoration: none;
}
a:active {
	color: #f00;
	text-decoration: none;
}

h1 a:link, h1 a:visited {
	color: #000;
	text-decoration: none;
}
h1 a:hover {
	color: #000;
	text-decoration: underline;
}
h1 a:active {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

a.headline {
	font-family: "Arial", "Helvetica", "Trebuchet MS", sans-serif;
	font-weight: bold;
}

#first a.headline, td.left a.headline {
	font-size: 1.6em;
}

#rest a.headline, td.right a.headline {
	font-size: 1.3em;
}

p.source a:link, p.source a:visited {
	color: #000;
	text-decoration: underline;
}
p.source a:hover {
	color: #888;
	text-decoration: underline;
}
p.source a:active {
	color: #888;
	text-decoration: none;
}

/*--------------------- bullet lists ---------------------*/

li {
	font-size: 1.1em;
	padding: 3px 0;
}

ul.radio {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.radio li {
	margin: 0;
	padding: 0;
}

/*--------------------- misc elements ---------------------*/

hr {
	color: #c1c1c1;
	background-color: #c1c1c1;
	width: 100%;
	height: 1px;
	border: none;
	margin: 0.6em 0;
}

html>body hr {
	margin: 1.2em 0em;
}

hr.p {
	margin: 0.7em 0;
}

html>body hr.p {
	margin: 1.5em 0;
}

acronym, abbr {
	border-bottom: 1px dotted #c1c1c1;
	cursor: help;
}

/*--------------------- drop-down nav ---------------------*/
/* http://www.alistapart.com/articles/dropdowns/           */

ul#dropdownnav {
	position: absolute;
    z-index: 1000;
    width: 136px;
    height: 22px;
	top: 0;
	left: 164px;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#dropdownnav ul li a {
    display: block;
    color: #98C3F6;
	font-weight: bold;
    text-decoration: none;
	font-size: 0.8em;
	padding: 4px 7px 4px 14px;
	width: 105px; /* [1] */
}

ul#dropdownnav>ul li a { /* [1] fix for other browser to compensate for IE's shortcomings */
	width: 115px;
}

ul#dropdownnav ul li a:hover {
    display: block;
    background-color: #f00;
    color: #fff;
}

ul#dropdownnav ul li a:active {
	background-color: #74A5E1;
}

ul#dropdownnav ul li a.active {
    color: #fff;
    background-color: #00306D;
}

ul#dropdownnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "Verdana", "Arial", "Helvetica", "Trebuchet MS", sans-serif;
	width: 126px;
}

ul#dropdownnav li { /* all list items */
	float: left;
	position: relative;
	width: 126px;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#dropdownnav li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

ul#dropdownnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#dropdownnav li:hover ul, ul#dropdownnav li.over ul { /* lists nested under hovered list items */
	display: block;
    left: 0;
    top: 53px;
}

ul#menu { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
    background-color: #064492;
    border-top: 1px solid #00306D;
    border-right: 1px solid #00306D;
    border-left: 1px solid #00306D;
}

ul#menu li {
    border-bottom: 1px solid #00306D;
}

/*--------------------- footer nav ---------------------*/

#footernav {
	background-color: #1B559F;
	clear: both;
	color: #003272;
	margin-top: 1em;
	line-height: 2em;
	padding-bottom: 2px;
}

#footernav ul, #footernav ul li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footernav ul {
	margin-left: -5px;
	font-family: "Verdana", "Arial", "Helvetica", "Trebuchet MS", sans-serif;
	padding: 0.5em 1em;
}

#footernav ul li {
	margin: 0;
}

#footernav ul li a {
	border-right: 1px solid #002453;
	padding: 0 10px 0 6px;
}

#footernav a:link, #footernav a:visited {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#footernav a:hover {
	color: #fff;
	text-decoration: underline;
}
#footernav a:active {
	color: #fff;
	text-decoration: none;
}

a.first {
    padding-left: 0;
}
a.last {
	border: 0;
}

/*--------------------- forms ---------------------*/

select {
	font-size: 1.2em;
}

form.about label {
	font-size: 1.2em;
}

form.about select, form.about input, form.about textarea {
	font-size: 1.2em;
	margin-bottom: 0.7em;
}

select, input.t, textarea {
	border: 1px solid #CDCDCD;
}

form.about label {
	display: block;
	width: 7em;
	float: left;
	padding-top: 2px;
}

input.save {
	font-size: 1.4em;
	float: right;
	padding: 0.6em;
	width: 8.5em;
	margin: 1.5em 1.5em 0 0;
}

input.b {
	font-size: 1.2em;
	width: 6em;
	padding: 0.2em;
}

input.r {
	font-size: 1.2em;
	width: 8.5em;
	padding: 0.2em;
}

.resultmsg {
	color: #c00;
	font-weight: bold;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/*--------------------- images ---------------------*/

img#news {
	position: absolute;
	top: 22px;
	left: 0;
	width: 164px;
	height: 36px;
	border: 0;
}

img#topics {
	width: 127px;
	height: 36px;
	border: 0;
	margin-top: 22px;
}

img#personalize {
	position: absolute;
	top: 22px;
	left: 291px;
	width: 115px;
	height: 36px;
	border: 0;
}

img#about {
	position: absolute;
	top: 22px;
	left: 406px;
	width: 83px;
	height: 36px;
	border: 0;
}

img.star {
	width: 9px;
	height: 9px;
	border: 0;
	vertical-align: -1px;
	margin-right: 2px;
}