/* RESET
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {margin: 0; padding: 0; border: 0;}


/* GLOBAL DEFAULTS
-------------------------------------------------------------------- */
body { 
	text-align: left;
	background: #fff;
	color: #000;
	font: normal 13px/16px "Trebuchet MS", Arial, sans-serif;
	}

a:link, a:visited {
	color: #3754d4;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #c84b13;
	text-decoration: none;
	}	
a.open {
	background: url(../imgs/icon_open.gif) no-repeat 0 0;
	padding-left: 20px;
	}

hr {
	clear: both;
	border: none 0;
	border-top: 1px dotted #475974;
	text-align: center;
	width: 100%;
	height: 1px;
	margin: 7px 0 7px 0;
	}

blockquote {
	border-top: 1px dotted #475974;
	border-bottom: 1px dotted #475974;
	margin: 20px;
	}

.req {
	font-size: 14px;
	font-weight: bold;
	color: #c30;
	}
.warn {
	color: #e41b5b;
	}
.fade {
	color: #7d7d7d;
	}
.meta {
	font-size: 10px;
	color: #7d7d7d;
	}

/* inline image default positioning */
img[src="images/icon_warn.gif"] {
	margin: 0 0 -1px 1px !important;
	}

/* self-clearing floats: add .group class to parents with floats */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;	
	visibility: hidden;
	}
*:first-child+html .group { /* IE7 */
	min-height: 1px;
	}
* html .group { /* IE6 */
	height: 1%;
	}

div.stc { /* skip to content hide */
	float: left;
	text-indent: -9999px;
	}

/* footnotes ala Clarke */
a.longdesc {
	position: absolute;
	left: -1000px;
	}
div#content-footnotes {
	position: absolute;
	left: -1000px;
	}


/* HEADER
-------------------------------------------------------------------- */
#header {
	position: relative;
	width: 1000px;
	height: 123px;
	background: url(../imgs/header_bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	}
#header .logo {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 225px;
	height: 63px;
	}
#header .logo p {
	text-indent: -9999px;
	}


/* HEADER / nav
-------------------------------------------------------------------- */
#header .nav {
	position: absolute;
	top: 83px;
	left: 20px;
	width: 955px;
	height: 30px;
	}
#header .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header .nav ul li {
	display: inline;
	float: left;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin: 6px 2px 0 0;
	padding: 0;
	}
	#header .nav ul li a {
	display: block;
	float: left; /* IE6 */
	height: 23px;
	background-color: #ebebeb;
	color: #000;
	text-decoration: none;
	padding: 0 10px 0 10px;
	}
	#header .nav ul li a:hover {
	color: #c84b13;
	text-decoration: none;
	}
	#header .nav ul li.on {
	margin-top: 0;
	}
	#header .nav ul li.on a {
	height: 29px;
	color: #fff;
	background: url(../imgs/nav_bg.jpg) repeat-x 0 0;
	}


/* MAIN
-------------------------------------------------------------------- */
#main {
	width: 965px;
	margin: 25px 0 0 20px;
	padding: 0;
	}


/* FOOTER
-------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 1000px;
	border-top: 5px solid #475974;
	margin-top: 30px;
	}
#footer p {
	width: 950px;
	margin: 0 20px 0 20px;
	padding: 8px 0 8px 0;
	}


/* MAIN / content
-------------------------------------------------------------------- */
#main h1 {
	font-size: 24px;
	line-height: 22px;
	font-weight: bold;
	color: #475974;
	margin: 0 0 10px 0;
	padding: 0;
	}
#main h2 {
	font-size: 18px;
	line-height: 15px;
	font-weight: bold;
	color: #475974;
	margin: 25px 0 10px 0;
	padding: 0;
	}
#main h3 {
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #475974;
	margin: 15px 0 5px 0;
	padding: 0;
	}
#main p {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	margin: 5px 0 10px 0;
	padding: 0;
	}
#main ul {
	list-style: none;
	margin: 0 0 5px 10px;
	padding: 0;
	}
#main ul li {
	background: url(../imgs/bullet.gif) no-repeat 0 7px;  custom bullets */
	margin: 0;
	padding: 0 0 5px 8px;
	}
#main ol {
	margin: 0 0 15px 25px;
	padding: 0;
	}
#main ol li {
	margin: 0;
	padding: 0 0 5px 0;
	}


/* MAIN / modules
-------------------------------------------------------------------- */
#main .modules .mod {
	border: 1px solid #bfbfbf;
	margin: 0 0 15px 0;
	padding: 12px;
	}
#main .modules .mod h4 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: #475974;
	margin: -12px -12px 10px -12px;
	padding: 4px 12px 4px 12px;
	}
#main .modules .mod h5 {
	font-size: 13px;
	font-weight: bold;
	color: #475974;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	padding: 0;
	}
#main .modules .mod ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
#main .modules .mod ul li {
	font-size: 13px;
	background: url(../imgs/arrow.gif) no-repeat 0 3px;
	margin: 0;
	padding: 0 0 8px 14px;
	}
#main .modules .mod p:last-child {
	margin-bottom: 0;
	}
#main .modules .mod li:last-child {
	padding-bottom: 0;
	}


/* home
-------------------------------------------------------------------- */
#main .content {
	float: left;
	width: 590px;
	}
#main .modules {
	float: right;
	width: 350px;
	}

#main .content .letter {
	width: 590px;
	}
#main .content .letter-top {
	width: 590px;
	height: 15px;
	background: url(../imgs/letter_top.gif) no-repeat 0 0;
	}
#main .content .letter-btm {
	width: 590px;
	height: 15px;
	background: url(../imgs/letter_btm.gif) no-repeat 0 0;
	}
#main .content .letter-bg {
	width: 590px;
	background: url(../imgs/letter_bg.gif) repeat-y 0 0;
	}
#main .content .letter img {
	margin: 5px 25px 15px 25px;
	padding: 0;
	}
#main .content .letter p {
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 0 25px 15px 25px;
	}
#main .content .letter p strong,
#main .content .letter p em {
	color: #253b5a;
	}
#main .content .letter img.sig {
	margin: 20px 0 2px 0;
	}


/* how to participate
-------------------------------------------------------------------- */
#part #main {
	width: 985px;
	margin-left: 0;
	}

#part #main .subnav {
	float: left;
	width: 215px;
	}
#part #main .content {
	float: left;
	width: 460px;
	}
#part #main .modules {
	float: right;
	width: 275px;
	}

#part #main .subnav ul {
	list-style: none;
	background: #253b5a;
	margin: 0 15px 0 0;
	padding: 0;
	}
#part #main .subnav ul li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
	}
	#part #main .subnav ul li a {
	display: block;
	_height: 15px; /* IE6 */
	color: #fff;
	background: #253b5a url(../imgs/subnav_arrow.gif) no-repeat 20px 9px;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	padding: 5px 5px 5px 30px;
	}
	#part #main .subnav ul li a:hover {
	background: #54657e url(../imgs/subnav_arrow.gif) no-repeat 20px 9px;
	}
	#part #main .subnav ul li.on a {
	background: #54657e url(../imgs/subnav_arrow.gif) no-repeat 20px 9px;
	}












/* TABLES
-------------------------------------------------------------------- */
table.data {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 0 15px 0;
	}
table.data thead {
	background: #dcecca;
	}
table.data th {
	color: #690;
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 5px;
	}
	table.data th a.down { /* If sorting turned on */
	color: #c45f1a;
	background: url(../imgs/arrow_down.gif) no-repeat right center;
	padding-right: 12px;
	}
	table.data th a.up { /* If sorting turned on */
	color: #c45f1a;
	background: url(../imgs/arrow_up.gif) no-repeat right center;
	padding-right: 12px;
	}
table.data td {
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 5px;
	}
table.data tr.even {
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}