/* ----------------------------------------
DCCPS Baseline styles
	Version: 1.0
	Author: Lewellyn Belber
	E-mail: lbelber@mmgct.com

	Version: 2.0
	Author: Dana Solano
	E-mail: solanod@imsweb.com

	Colors:
		Dark gray borders: #bdbdbd
		Light gray shading: #e6e6e2
		Blue links: #339
		Bright red hover: #c00
		Dull red link: #9C3303
		Dull red hover: #900
		Gray text: #4d4d4d;
---------------------------------------- */

/* The following two html CSS properties make the scrollbar always appear in Firefox, no matter the legnth of the page (although it will only be active when necessary). This keeps the page from appearing to jump to the left when the scrollbar appears. */
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body { /* Sets font face, size, and full page background */
	font-family: Arial, Verdana, Trebuchet MS, Tahoma, sans-serif;
	background: #FFF url(/toolbox/images/full_banner_bkgd.gif) repeat-x top;
	font-size: .75em;
	color: #4d4d4d;
	text-align: center;	/* IE hack */
	padding: 0;
	margin: 0;
}

/* =Layout
---------------------------------------- */
#pageWrapper { /* sets width of page and centers */
	width: 80em;
	min-width: 940px;
	margin: 0 auto;
	text-align: left; /* to realign text */
}

#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background: #A90101;
	color: #FFF;
}

#skip a:active, #skip a:focus {
	position: static;
	display: block;
	width: auto;
	height: auto;
	background: #A90101;
	color: #FFF;
	float: right;
	margin-top: 1em;
}

#banner {
	background: url(/toolbox/images/dccps_banner_bkgd.jpg) repeat-x;
	margin-top: 1em;
	border: 1px solid #DDD;
	display: block;
	height: 60px;
}

#tabs {
	position: relative;
}

#tabs ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	right: 0;
	top: 0;
}

#tabs li {
	display: inline;
	margin-left: .3em;
}

#tabs li a {
	display: inline-block;
	border: 1px solid #DDD;
	border-top: 0;
	color: #000;
	text-decoration: none;
	font-size: .9em;
	padding: .2em .5em;
}

#tabs li a:hover {
	background-color: #E6E6E2;
}

#nav {
	float: left;
	width: 164px;
}

#content {
	margin-left: 164px;
	padding: 2.2em 0 0 1.2em;
}
	#content h1 {
		margin-bottom: 1em;
	}
	/* The following 3 rules fix IE6 3px jog and disappearing bullet bug in IE6 & 7 */
	#content ul, #content ol {
		height: 100%;
	}
	#content ul, #content ol {
		padding-left: 1em;
		margin-left: 0;
	}
	#content li {
		margin-left: 2em;
	}

/* =Portal Styles
---------------------------------------- */

.portalList {
	width: 23em;
}

.portalList h2 {
	font-size: 1em;
	margin-bottom: 0;
}

.portalList h2.noList {
	font-size: 1em;
	margin-bottom: 1.5em;
}

.portalList h2 a {
	color: #009;
	background: url(/toolbox/images/arrow_blue.gif) no-repeat;
	padding-left: 20px;
}

.portalList h2 a:hover {
	color: #C03;
	background: url(/toolbox/images/arrow_red.gif) no-repeat;
}

.portalList ul {
	padding-left: 20px;
	margin: .5em 0 1.5em 0;
}

.portalList li, .box .portalList ul li {
	margin-bottom: .5em;
	list-style: url(/toolbox/images/bullet.gif) outside;
}
.portalList ul li ul {
	margin: 0;
	padding-left: .3em;
}
.portalList ul li ul li{
	margin: 0 0 0 .3em !important;
	padding-left: 0;
	list-style: circle;
}

/* =Tables
---------------------------------------- */

table {
	border-collapse: collapse;
	border: 1px solid #BDBDBD;
}

table caption {
	font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	margin-bottom: .5em;
}

table th, table td {
	padding: .3em .5em;
	border: 1px solid #BDBDBD;
	vertical-align: top;
}

table th {
	background-color: #DADAD5;
	text-align: center;
	vertical-align: middle;
}

table th.subhead {
	background-color: #E6E6E2;
}

table th.plain {
	background-color:#FFF;
	text-align:left;
	font-weight:normal;
}

table.invisible, table.invisible th, table.invisible td {
	border: 0;
	background-color: transparent;
}

#google-search table, #google-search table td, #google-search table th {
	border: 0;
}

/* =Nav
---------------------------------------- */

#nav {
	margin-top: 1em;
}

#nav a {
	color: #000099;
}

#nav a:hover {
	color: #c00;
}

#nav li a {
	color: #4d4d4d;
}

#nav li a.active {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#nav li a.active:hover {
	color: #000;
}

.tile-link { /* Resets margins and padding, makes single text line into a grey box */
	display: block;
	border: 1px #bdbdbd solid;
	background-color: #e6e6e2;
	padding: .2em .4em;
	margin: 0 0 1em 0;
	font-weight: bold;
}

a.tile {
	display: block;
	margin-bottom: 1em;
	border: 1px solid #BDBDBD;
}
	a.tile img {
		border: 0;
	}

#pdf_info {
	padding: .2em .4em;
}

/* =Box
---------------------------------------- */

.box { /* creates gray sidebar box */
	margin-bottom: 1em;
	border: 1px solid #bdbdbd;
	padding: 0;
	font-size: .9em;
	color: #333;
}

.box p.box-title { /* Adds gray shade to P */
	background-color: #e6e6e2;
	font-weight: bold;
	padding: 0 0 0 .5em;
	border-bottom: 1px #bdbdbd solid;
	border-top: none;
	border-right: none;
	border-left: none;
	font-size: 1.1em;
	margin: 0;
}

.box ul {
	padding: 0;
	margin: 0;
}

.box ul li { /*Adds margins around the LI*/
	margin: .5em;
	list-style: none;
}

.box ul ul {
	padding-left: .5em;
}

.box ul.bullet {
	padding-left: 1.5em;
}

.box ul.bullet li {
	list-style: disc;
}

.box p, .box ul.bullet li  /*Adds margins around the LI*/ {
	margin: .5em;
}

.box a {
	color: #9C3303;
}

.box a:hover {
	color: #900;
}

/* =Right Sidebar (including Search)
---------------------------------------- */

#features {
	float: right;
	width: 14em;
	margin: 2.5em 0 0 1.2em;
}
#features .box {
	margin-top: 1em;
}
#search { /* creates gray sidebar box */
	border: 1px solid #bdbdbd;
	padding: 0 0 .2em .2em;
	background-color: #e6e6e2;
	color: #333;
}
#search form {
	margin: 0;
	padding: 0;
}

/* =Footer
---------------------------------------- */
#contentFooter {
	clear: both;
	padding-top: 1.2em;
}

#contentFooter p {
	text-align:center;
	color: #4d4d4d;
}

#contentFooter p.lastUpdate {
	padding-bottom: .2em;
	border-bottom: 4px solid #BDBDBD;
}

#contentFooter a {
	color: #4d4d4d;
	text-decoration: none;
}

#contentFooter a:hover {
	text-decoration: underline;
}

#contentFooter #logos a {
	margin-right: 1em;
}

/* =Typography
---------------------------------------- */

h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #000;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

#content h2, #content h3 {
	margin-top: 0;
}

a {
	color: #9C3303;
}

a:hover {
	color: #900;
}

a:visited {
	color: #603;
}

p.footnote {
	font-size: 95%;
	font-style: italic;
}

span.error {
	font-weight: bold;
	color: #a90101;
	margin: .5em 0;
}

.nowrap {
	white-space: nowrap;
}

div.center, p.center,
table td.txtCtr, table th.txtCtr, table.txtCtr td {
	text-align: center;
}

p.txtRt, p.returnTop,
table.dataTable td, table td.txtRt, table th.txtRt {
	text-align: right;
}

p.txtLft,
table td.txtLft, table th.txtLft {
	text-align: left;
}

p.indent, div.indent {
	margin-left: 3em;
}

/* =List Styles
---------------------------------------- */

ul.spaced li, ol.spaced li,
dl.spaced dt, dl.spaced dd {
	margin-bottom: .6em;
}

ul.spaced ul, ul.spaced ol,
ol.spaced ul, ol.spaced ol,
dl.spaced ul, dl.spaced ol {
	margin-top: .6em;
}

ul.arrowBullets {
	list-style-image: url(/toolbox/images/bullet.gif);
	margin-left: 20px;
}

ul.arrowBullets li {
	list-style-image: url(/toolbox/images/bullet.gif);
}

#content ul.noBullets {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content ul.noBullets li {
	margin: 0;
	padding: 0;
}

/* =Image Styles
---------------------------------------- */

img.center, table.center {
	display: block;
	margin: 0 auto;
}

.captionPhoto {
	float: left;
	margin: 0 0 1em 1em;
}

.captionPhoto p {
	margin: .5em 0;
	text-align: center;
	font-style: italic;
	font-size: .9em;
}

/* =Floats & Clear Floats
---------------------------------------- */

.fltlft {
	float: left;
}

#content .fltlft {
	margin: 0 1em 1em 0;
}

.fltrt {
	float: right;
}

#content .fltrt {
	margin: 0 0 1em 1em;
}

.clearFlt {
	clear: both;
	height: 1px;
	line-height: 1px;
}