@charset "UTF-8";
/* BEGIN CSS Reset - heavily based off Eric Meyer's CSS reset at http://meyerweb.com/eric/tools/css/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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0;	outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* END CSS Reset */

/* BEGIN generic structure, based on Dreamweaver's 2 and 3 column elastic layouts */
#canvas { 
	position:relative;
	width:55.5em; /* make slightly wider than contents to account for borders */
	margin:0 auto 15px auto;
	text-align:left;
} 
#header {
	position:relative;
	width:55em;
	margin:0 auto;
	border:1px solid #99c;
	border-bottom-width:0;
	background-image:url("/cps/_img/bkgHdr.png");
}
#topnav {
	position:relative;
	z-index:100;
	background:#006 url("/cps/_img/bkgTopNav.jpg") repeat-x bottom left;
}
#main {
	position:relative;
	width:55em;
	margin:0 auto;
	border:1px solid #99c;
	border-top-width:0;
	border-bottom:3px double #006;
	/*background:#fff url("/cps/_img/brdSidebarLeft.png") repeat-y;*/
	background-color:#fff;
}
#sidebarBackground {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	z-index:10;
	width:11.5em;
	background-color:#f6f7f8;
	border-right:1px solid #99c;
}
#canvas.oneCol #sideBarBackground {
	display:none;
}
#sidenav {
	position:relative;
	float:left; 
	z-index:20;
	width:11.5em;
	padding:12px 0;
}
#canvas.oneCol #sidenav, #canvas.oneCol #sidebarBackground {
	display:none;
}
#mainContent {
	float:left;
	margin:0 1em;
}
#canvas.oneCol #mainContent {
	width:53em;
}
#canvas.twoCol #mainContent {
	width:41em;
} 
#canvas.thrCol #mainContent {
	width:29.5em;
	
} 
#sidebar {
	float:left; 
	width:12em;
	padding:12px 0;
}
#canvas.oneCol #sidebar, #canvas.twoCol #sidebar {
	display:none;
}
#footer { 
	padding-top:8px;
	font-size: 0.8em;
	color:#666;
	letter-spacing:1px;
	text-align:center;
} 
br.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
/* END generic structure */

/* BEGIN Levin Alexander's graphic headers image replacement */
/* Levin Alexander's graphic headers image replacement markup from
	http://levinalex.net/files/20030809/alternatefir.html

	Note, non-standard markup to support IE5/Mac is omitted.
	Note, z-index to support Opera 5 and 6 is omitted.

	See Also:
	http://www.mezzoblue.com/archives/2003/12/12/accessible_i/#c002804
*/
.replace {
	position:relative;
	margin:0;
	padding:0;
}
.replace span {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
}
/* To use, add the following css:
	#myh1, #myh1 span { height:XXXpx; width:XXXpx; background-image: url(XXX); }
	
	where myh1 is id of element being replaced declared as such:
	
	<tag class="replace" id="myh1">Text to be replaced.<span></span></tag>
*/
/* END Levin Alexander's graphic headers image replacement */

/* BEGIN General XHTML styles */
body  {
	font-family:"Trebuchet MS", Tahoma, Arial Narrow, Arial, sans-serif;
	background:#f0f5f9;
	text-align:center;
}
hr {
	border:0;
	width:90%;
	height:1px;
	color:#006;
	background-color:#006;
}
p, blockquote {
	margin-bottom:1.5em;
	font-size:0.8em;
	line-height:1.5em;	
}
blockquote {
	margin:0 2.5em 1.5em 2.5em;
}
blockquote p, ul ul, ul p, ul blockquote, blockquote blockquote {
	font-size:100%;
}
h1 {
	font-size: 1.3em;
	line-height: 2.4em;
	margin: 0.5em 0;
}
h2 {
	margin-top:2em;
	margin-bottom:0.5em;
	padding:0.2em;
	font-size:1em;
	background-color:#f0f5f9;
}
h3 {
	margin:2em auto 1em auto;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
}
h4 {
	margin-bottom:1em;
	font-size:0.9em;
	font-weight:bold; 
}
h5 {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.5em;
}
h6 {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.5em;
}
a, a:link {
	color:#006;
}
a:visited {
	color:#60A3E1;
}
a:hover {
	color:#999;
}
a:active {
	color:#f99;
}
ul {
	margin-bottom:1.5em;
	padding-left:2em;
	list-style:disc;
	font-size:0.8em;
	line-height:1.5em;
}
ol {
	margin-bottom:1.5em;
	padding-left:4em;
	list-style:decimal;
	font-size:0.8em;
	line-height:1.5em;
}
dl {
	margin-bottom:1.5em;
	padding-left:2em;
	font-size:0.8em;
	line-height:1.5em;
}
dt {
	background-color:#f0f5f9;
}
dd {
	margin-bottom:0.5em;
	background-color:#f0f5f9;
}
dl.codes {
	padding-left:1em;
}
dl.codes dt, dl.codes dd {
	float:left;
	margin: 0; padding: 0;
	background-color:transparent;
}
dl.codes dt {
	clear:both;
	margin-right:1.5em;
}
dl.codes dd {
	width:90%;
}
table {
	width:90%;
	margin:1em auto;
	border:2px solid #006;
	border-collapse:collapse;
	caption-side:top;
	empty-cells:show;
}
caption {
	padding-bottom:0.2em;
	margin:0 auto;
}
tr:hover {
	background-color:#eee;
}
th {
	background-color:#f6f7f8;
}
th, td {
	padding:0.2em;
	border:2px solid #006;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	font-size:0.8em;
	line-height:1.5em;
}
table.subtleTable {
	border:none;
}
table.subtleTable th, table.subtleTable td {
	border:none;
	vertical-align:top;
	text-align:left;
}
.tight {
	margin-top:0px;
	margin-bottom:0px;
}
/* END General XHTML styles */

/* BEGIN specific element position and layout */
#MPCLink {
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	right:0;
}
#MPCLink a {
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	padding-left:10px;
	font-size:0.6em;
	line-height:1.5em;
	color: #006;
	border-bottom:1px solid #99c;
	text-decoration:none;
}
#MPCLink a:hover {
	background-image:url("/cps/_img/bkgMPCLink.png");
	color: #666;
}
/* Levin Alexander's graphic headers image replacement for the title */
#title, #title span {
	width:100%;
	height:118px;
	background-image: url("/cps/_img/logo.jpg");
	background-repeat: no-repeat;
	overflow:hidden; /* for very large font sizes, this will cut off title text rather than letting it overlap the content below */
}
#header h1 {
	font-size:3em;
	line-height:1.6em;
}
#header ul, #sidenav ul {
	margin-bottom:0;
	padding-left:0;
	list-style:none;
}
#topnav ul {
	margin-left:255px; /* did this rather than centering to handle offsize user preferred fonts */
	padding-bottom: 15px;	/* space to show bottom of background image */
	font-size:1em;
	line-height:1em;
}
#topnav ul li {
	display:inline;
	list-style-type:none;
	padding:0 0.5em;
}
#topnav a {
	color:#fff;
	text-decoration:none;
}
/*side nav */
#sidenav h2{
	margin:0;
	padding-left:16px;
	border-top: 1px solid #99c;
	border-bottom: 1px solid #99c;
	background:#fff url("/cps/_img/arrow.gif") no-repeat -2px 5px;
	font-size: 0.75em;
	font-weight:bold;
	line-height: 1.6em;
}
#sidenav ul {
	margin:0.3em 0 1.4em 0.6em;
	list-style: none;
	font-size: 0.8em;
	line-height: 1.25em;
}
#sidenav li {
	margin-bottom: 0.2em;
}
#sidenav a, #sidenav a:link { text-decoration: none; }
#sidenav a:visited { color: #006; }
#sidenav a:hover {
	color: #999;
	text-decoration: underline;
}
#sidenav a:active { color: #f99; }
/* right sidebar (mainly on home page) */
#sidebar .module {
	margin-bottom: 1em;
	border-left: 1px solid #99c;
	border-bottom: 1px solid #99c;
	background-color: #f6f7f8;
}
#sidebar h2{
	margin:0;
	padding-left: 16px;
	border-top: 1px solid #99c;
	border-bottom: 1px solid #99c;
	background:#fff url("/cps/_img/arrow.gif") no-repeat -2px 7px;
	font-size: 0.8em;
	line-height: 1.8em;
	font-weight: bold;
}
#sidebar ul {
	margin:0.5em 0.1em 1em 0.1em;
	font-size: 0.8em;
	line-height: 1.25em;
}
#sidebar li { margin:0.3em 0.5em 0.3em 0.5em; }
#sidebar a, #sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar a:active { color: #f99; }
#funding {
	width:870px;
	margin:0 auto 8px auto;
	border:1px solid #000033;
	background-color:#f6f7f8;
	text-align:center;
}
#footer a { text-decoration:none; }
#footer a, #footer a:link { color:#666; }
#footer a:visited { color:#99c; }
#footer a:focus, #footer a:hover { color:#ccc; }
/* END specific element position and layout */