/* 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: #fbfbfb url(../imgs/bg.gif) repeat-x;
	color: #000;
	font: normal 12px/17px Arial, sans-serif;
	}

a:link, a:visited {
	color: #3E7206;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #3E7206;
	text-decoration: underline;
	}	

hr {
	clear: both;
	border: none 0;
	border-top: 1px solid #ccc;
	text-align: center;
	width: 100%;
	height: 1px;
	margin: 7px 0 7px 0;
	}
hr.nc {
	width: 550px;
	clear: none;
	}

blockquote {
	margin: 15px;
	}

.alignCenter {
	text-align: center;
	}
.alignRight {
	text-align: right;
	}

/* 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: 800px;
	height: 172px;
	margin-left: auto;
	margin-right: auto;
	}
#header .logo {
	position: absolute;
	top: 15px;
	left: 0;
	width: 800px;
	height: 113px;
	}
#header .logo p {
	text-indent: -9999px;
	}

#header .search {
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 200px;
	text-align: right;
	}
#header .search .form {
	width: 140px;
	height: 14px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	font-size: 10px;
	color: #999;
	margin: 0;
	padding: 2px;
	}
#header .search .button {
	margin: 0 0 -6px 0;
	padding: 0;
	}

#header .util {
	position: absolute;
	top: 12px;
	left: 130px;
	}
#header .util ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header .util ul li {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #6c9a28;
	margin: 0;
	padding: 0 10px 0 5px;
	}
	#header .util ul li a {
	color: #cce39f;
	text-decoration: none;
	}
	#header .util ul li a:hover {
	text-decoration: underline;
	}
	#header .util ul li.on a {
	color: #fff;
	text-decoration: underline;
	}
#header .util ul li:last-child {
	border: none;
	}
*:first-child+html #header .util li { /* IE7 */
	border: none;
	}
* html #header .util li { /* IE6 */
	border: none;
	}


/* HEADER / nav
-------------------------------------------------------------------- */
#header .nav {
	position: absolute;
	top: 149px;
	left: 0;
	width: 800px;
	height: 25px;
	}
#header .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header .nav ul li {
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	#header .nav ul li a {
	display: block;
	float: left; /* IE6 */
	height: 23px;
	background-color: #dd6f00;
	color: #fff;
	text-decoration: none;
	margin: 0 2px 0 0;
	padding: 0 17px 0 17px;
	}
	#header .nav ul li a:focus {
	outline: none;
	}
	#header .nav ul li a:hover {
	text-decoration: underline;
	}
	#header .nav ul li.on a {
	background-color: #fff;
	color: #C26100;
	}


/* MAIN
-------------------------------------------------------------------- */
#main {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	}
#main .content {
	width: 800px;
	margin: 30px 0 0 0;
	padding: 0;
	}
#main .modules {
	float: right;
	width: 220px;
	margin: 20px 0 0 0;
	padding: 0;
	}

#home #main .content {
	float: left;
	width: 565px;
	}
#home #main .modules {
	width: 210px;
	margin-top: -18px;
	}
#wMods #main .content {
	float: left;
	width: 555px;
	}


/* BASICS */
#main .content h1 {
	font-size: 24px;
	line-height: 23px;
	font-weight: bold;
	color: #C26100;
	margin: 0 0 14px 0;
	padding: 0;
	}
#main .content h2 {
	font-size: 18px;
	line-height: 15px;
	font-weight: bold;
	color: #C26100;
	margin: 20px 0 10px 0;
	padding: 0;
	}
#main .content h3 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #C26100;
	margin: 20px 0 5px 0;
	padding: 0;
	}
#main .content p {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	}
#main .content ul {
	list-style: none;
	margin: 0 0 15px 5px;
	padding: 0;
	}
#main .content ul li {
	background: url(../imgs/bullet.gif) no-repeat 0 7px;
	margin: 0 0 5px 0;
	padding: 0 0 0 8px
	}
#main .content ul.arrowGreen li {
	background: url(../imgs/arrow_green.gif) no-repeat 0 7px;
	padding-left: 10px
	}
	#main .content ul.arrowGreen li a {
	text-decoration: none;
	}
	#main .content ul.arrowGreen li a:hover {
	text-decoration: underline;
	}
#main .content ol {
	margin: 0 0 15px 20px;
	padding: 0;
	}
#main .content ol li {
	margin: 0 0 5px 0;
	padding: 0;
	}

/* return to top */
#main .content p.return {
	font-size: 10px;
	margin-left: 10px;
	}

/* DIR */
#main .content .subnav {
	float: right;
	width: 200px;
	border: 1px solid #97bfb1;
	background-color: #eaf2ef;
	margin: 0 0 20px 20px;
	padding: 10px;
	}
#main .content .subnav ul {
	margin: 0;
	padding: 0;
	}
#main .content .subnav ul li {
	background: url(../imgs/arrow_green.gif) no-repeat 0 5px;
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	}
#main .content .subnav ul li:last-child {
	margin-bottom: 0;
	}
	#main .content .subnav ul li a {
	text-decoration: none;
	}
	#main .content .subnav ul li a:hover {
	text-decoration: underline;
	}
	#main .content .subnav ul li.on a {
	color: #2A4439;
	font-weight: bold;
	}
	
#main .content h1.sub {
	font-size: 18px;
	color: #2A443A;
	}
#main .content h1.event {
	font-size: 18px;
	color: #2A443A;
	background: url(../imgs/icon_type_event.gif) no-repeat 0 2px;
	padding-left: 20px;
	}

#main .content p.note {
	color: #777;
	}

#main .content p.back {
	background: url(../imgs/arrow_green_left.gif) no-repeat 0 5px;
	padding-left: 10px;
	}

#main .content blockquote p {
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	color: #c97420;
	text-align: center;
	margin: 5px 20px 5px 20px;
	padding: 0;
	}

#main .content dt {
    float: left;
    clear: left;
    width: 130px;
    min-height: 20px;
    text-align: right;
	font-size: 10px;
	font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0;
    }
#main .content dd {
    width: 550px;
    min-height: 20px;
    margin: 0 0 15px 150px;
    padding: 0;
    }
#main .content dt.nosp,
#main .content dd.nosp {
    margin-bottom: 0;
    }
#main .content dd a.filePDF {
	display: block;
	background: url(../imgs/icon_file_pdf.gif) no-repeat 0 0;
	margin-bottom: -10px;
	*margin-bottom: 0; /* IE */
	padding-left: 20px;
	padding-bottom: 3px;
	}
#main .content dl.event dd {
	width: 400px;
	word-wrap: break-word;
	}



/* MAIN / modules
-------------------------------------------------------------------- */

/* content side */
#main .content .mod {
	border: 1px solid #97bfb1;
	background: #eaf2ef url(../imgs/mod_bg.gif) repeat;
	margin: 0 0 2px 0;
	padding: 10px;
	}
#main .content .mod p:last-child {
	margin-bottom: 0;
	}
#main .content .mod h2 {
	font-size: 16px;
	font-weight: bold;
	color: #2A443A;
	margin: 0 0 8px 0;
	padding: 0;
	}
#main .content .mod p {
	color: #333;
	}

/* modules side */
#main .modules .mod {
	border: 1px solid #97bfb1;
	background-color: #eaf2ef;
	margin: 0 0 15px 0;
	padding: 10px;
	}
#main .modules .mod h2 {
	font-size: 16px;
	font-weight: bold;
	color: #C26100;
	margin: 0 0 8px 0;
	padding: 0;
	}
#main .modules .mod ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
#main .modules .mod ul li {
	margin: 0 0 8px 0;
	padding: 0;
	}
#main .modules .mod p {
	margin: 0 0 8px 0;
	padding: 0;
	}


/* FOOTER
-------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 800px;
	border-top: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 14px 0 0 0;
	}
#footer .footer-inner {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	}
#footer .footer-inner img {
	margin: 0 20px 0 20px;
	}
#footer .footer-inner img.wested {
	margin-bottom: 15px;
	}


/* Home
-------------------------------------------------------------------- */
body#home {
	background: #fbfbfb url(../imgs/bg_home.gif) repeat-x;
	}
#home #main .intro {
	position: relative;
	width: 800px;
	height: 202px;
	background: url(../imgs/photo_intro.gif) no-repeat 0 7px;
	margin: 0;
	padding: 0;
	}
#home #main .intro h1 {
	position: absolute;
	top: 30px;
	left: 300px;
	font-size: 16px;
	line-height: 23px;
	font-weight: normal;
	}
#home #main .content h2 {
	font-size: 16px;
	font-weight: bold;
	color: #C16000;
	margin: 0 0 10px 0;
	padding: 0;
	}
#home #main .content h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0 0 4px 20px;
	}
	#home #main .content h3 a {
	text-decoration: none;
	}
	#home #main .content h3 a:hover {
	text-decoration: underline;
	}
#home #main .content h3.typeRes {
	background: url(../imgs/icon_type_resource.gif) no-repeat 0 0;
	}
#home #main .content h3.typeExt {
	background: url(../imgs/icon_type_ext.gif) no-repeat 0 0;
	}
#home #main .content h3.typeNews {
	background: url(../imgs/icon_type_news.gif) no-repeat 0 0;
	}
#home #main .content h3.typeEvent {
	background: url(../imgs/icon_type_event.gif) no-repeat 0 0;
	}
#home #main .content p {
	margin-left: 20px;
	}

#home #main .modules .mod {
	background: url(../imgs/mod_bg.gif) repeat-y 0 0;
	}
#home #main .modules .mod ul {
	margin: 0;
	padding: 0;
	}
#home #main .modules .mod ul li {
	margin: 0 0 8px 0;
	padding: 0;
	}
	#home #main .modules .mod ul li a {
	font-weight: bold;
	text-decoration: none;
	}
	#home #main .modules .mod ul li a:hover {
	text-decoration: underline;
	}
#home #main .modules .mod .form {
	width: 120px;
	height: 14px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	font-size: 10px;
	color: #999;
	margin: 0;
	padding: 2px;
	}
#home #main .modules .mod .button {
	margin: 0 0 -6px 0;
	padding: 0;
	}
#home #main .modules .mod img.datause {
	margin-bottom: 10px;
	}


/* Search
-------------------------------------------------------------------- */
#cse-search-results {
	margin-top: -15px;
	}
#cse-search-results iframe {
	height: 1000px;
	}



/* TABLES
-------------------------------------------------------------------- */
table.data {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px 0;
	}
table.data thead {
	background: #eaf2ef;
	border: 1px solid #97bfb1;
	}
table.data th {
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-align: left;
	vertical-align: bottom;
	*border: 1px solid #97bfb1; /* IE */
	padding: 5px 10px 5px 10px;
	}
table.data td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px 5px 10px;
	}
table.data td strong {
	display: block;
	text-decoration: none;
	background: url(../imgs/arrow_green.gif) no-repeat 0 5px;
	padding-left: 10px;
	}
	table.data td strong a {
	text-decoration: none;
	}
	table.data td strong a:hover {
	text-decoration: underline;
	}

/* DIR */
table.dir td {
	border: 1px solid #ccc;
	}
table.dir tr.left,
table.dir th.left {
	text-align: left;
	vertical-align: middle;
	}
table.noborder {
	border: none;
	width:100%;
	}
table.dir td.x {
	text-align: center;
	padding: 4px 0 0 0;
	}
table.dir td.x img {
	padding: 8px;
	}
table.dir td.bottom,
table.dir th.bottom,
table.dir .bottom {
	vertical-align: bottom;
	padding: 0 0 4px 0;
	}
table.dir td.bordernone {
	border: none;
	}
table.dir ul {
	list-style-type: disc;
	padding: 0 10px 7px 5px;
	}
table.dir ul li {
	list-style-type: none;
	}
table.dir td ul ol.dec {
	list-style-type: decimal;
	padding: 0 10px 7px 6px;
	}
table.dir td ol.l_alpha {
	list-style-type: lower-alpha;
	padding: 0 10px 7px 6px;
	}
table.dir tr td a img {
	text-decoration: none;
	border: none;
	}






/* LEGACY
-------------------------------------------------------------------- */
.boxsep {
	margin: 15px 0 10px 0;
	}

.photoleft {
	background-position: left top;
	margin: 0 15px 5px 0;
	}
.photoright {
	background-position: right top;
	margin: 0 0 3px 10px;
	}

p.note {
	font-size: 11px;
	color: #666666;
	margin: 3px 0 25px 0;
	padding: 0;
	}

h1.dir {
	font-family: Arial, Geneva, Helvetica;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #72994a;
	margin: 1px 0 0 0;
	}
h1.dirTOC {
	font-family: Arial, Geneva, Helvetica;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #72994a;
	margin: 1px 0 15px 0;
	}

/* inline class for online report text in the h1 element*/
.online {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #777;
	display: block;
	}

h2.dir {
	font-family: Arial, Geneva, Helvetica;
	font-size: 17px;
	color: ##3E7307;
	line-height: 15px;
	font-weight: bold;
	margin: 5px 0 10px 0;
	}

.subheader {
	font-family: Arial, Geneva, Helvetica;
	font-size: 18px;
	color: #3E7307;
	line-height: 15px;
	font-weight: bold;
	margin: -10px 0 20px 0;
	}

.boxtext {
	font-family: Arial, Geneva, Helvetica;
	font-size: 13px;
	color: #323232;
	line-height: 16px;
	margin: 0 10px 8px 10px;
	}

.nclbnew {
	font-family: Arial, Geneva, Helvetica;
	font-size: 13px;
	color: #D9742E;
	line-height: 16px;
	margin: 0;
	}

.nclbmore {
	font-family: Arial, Geneva, Helvetica;
	font-size: 11px;
	color: #D9742E;
	line-height: 16px;
	margin: 0;
	}
	
.pill {
	font-family : Arial, Helvetica, Geneva;
	font-size : 12px;
	color : #9A6430;
	line-height : 16px;
	}
	
/* my profile */
#myProfile {
	width: 570px;
	height: auto;
	margin: 0;
	padding: 0;
	}
#myProfile .box {
	width: 250px;
	height: auto;
	margin: 0 5px 5px 0;
	padding: 5px;
	float: left;
	border: 1px solid #e2e2e2;
	}
#myProfile .box .action {
	font-family: "trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
	margin: 0 5px 0 0;
	padding: 2px;
	float: right;
	}
#myProfile .box .top {
	width: 250px;
	height: 6px;
	margin: 0;
	padding: 0;
	}
#myProfile .box .content {
	width: 230px;
	height: auto;
	/* background-color: #eeeeee; */
	margin: 0;
	padding: 10px 10px 10px 10px;
	}
#myProfile .box .btm {
	width: 250px;
	height: 6px;
	margin: 0;
	padding: 0;
	}

#resaccom {
	margin: 0 0 0 -44px;
	}

ul.dirLeft {
	float: left;
	width: 50%;
	}
ul.dirRight {
	float: left;
	width: 50%;
	}

table.resacc td {
	border: none;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	}