body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #293A6F;
	font-size: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; font-size: 100%; }
fieldset,img{ border: 0; }
address,caption,cite,code,dfn,var{ font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; }
q:before,q:after{ content: ''; }

/* standard link settings
--------------------------------------------- */
a { color: #293A6F; }
a:visited { color: #293A6F; }
a:hover { color: red; }
a:active { color: blue; }

h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,fieldset,address { margin-bottom: 5px; }
img { border: none; }

/* resource classes
--------------------------------------------- */


/* float clearing classes */
.clearfloats { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* flush it left */
.firstitem { margin-left: 0; }

/* float classes */
.floatright { float: right; }
.nofloat { float: none; }
.floatleft { float: left; }

/* some alignment classes */
.aligncenter {	text-align: center; }
.alignright { text-align: right; }
.alignleft { text-align: left; }

/* call to action link classes - (the red arrow) use left for alignment left of text and use right to align icon right of text. */
.ctaright, .ctaleft, .next, .prev, .back, .forward {
	text-transform: uppercase;
	font-weight: bold;
	background-repeat: no-repeat;
	text-decoration: none;
}

.ctaright {
	padding: 3px 18px 3px 0px;
	background-image: url(../img/common/arrow_red.gif);
	background-position: 100% 50%;
}

.ctaleft {
	padding: 3px 0px 3px 18px;
	background-image: url(../img/common/arrow_red.gif);
	background-position: 0% 50%;
}

.next, .forward {
	padding: 3px 18px 3px 0px;
	background-image: url(../img/common/next_arrow.gif);
	background-position: 100% 50%;
}
.prev, .back {
	padding: 3px 0px 3px 18px;
	background-image: url(../img/common/prev_arrow.gif);
	background-position: 0% 50%;
}

.ctaholder {
	text-align: right;
	margin: 0;
}

/* 
	hide class - use this to hide features such as skip links or copy that you don't want to be visible
	but want to be in the page.  
*/
.hide {
	overflow: hidden;
	width: 1px;
	height: 1px;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
}

/* general page layout
--------------------------------------------- */

#wrapper {
	width: 48.1988em;
	/* max-width: 772px; */
	background-color: #D7E7F5;
}

/* logobar selectors
--------------------------------------------- */
#logobar { padding: 10px 5px 10px 5px; }
#logobar h1 { margin: 0; }
#logobar h1 img { float: left; width: 14.2599em; }
#logobar #backlink { font-size: 0.7em; padding-top: 2.5em; padding-right: 10px; float: right; width: 29.9999em; text-align: right; }
#logobar #backlink img { float: right; width: 29.9999em; }

/* content selectors
---------------------------------------------- */
#contentwrapper {
	background-color: transparent;
	padding: 5px;
}

#content, #contenthome {
	background-color: white;
	color: #293A6F;
	border-top: 1px solid #86B7E1;
	border-bottom: 1px solid #86B7E1;
}

/* column selectors
---------------------------------------------- */
#contentcol {
	float: left;
	width: 73%;
	margin-left: 27%;
	display: inline;
	font-size: 0.75em;
	padding: 5px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
} 

/* this does a little switcheroo of the two columns */
#navcol {
	float: left;
	width: 27%;
	margin-left: -100%;
	font-size: 0.7em;
	padding: 5px 0px 0px 0px;
}

/* subnav selectors
---------------------------------------------- */
#subnav {
	width: 95%;
	margin: 0 0 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#subnav a {	text-decoration: none; }

/* first level */
#subnav li {
	background-image: url(../img/common/subarrow_down.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 12px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid red;
}

/* give each nest ul a little space at the top */
#subnav ul { margin-top: 4px; }

/* lower levels normal */
#subnav li li, subnav li li li, #subnav li li li li, #subnav li li li li li, #subnav li li li li li li {
	background-image: none;
	border-bottom: none;
	padding-left: 12px;
}

/* lower levels closed */
#subnav li li.closed, subnav li li li.closed, #subnav li li li li.closed, #subnav li li li li li.closed, 
#subnav li li li li li li.closed {
	background-image: url(../img/common/subarrow.gif);
	border-bottom: none;
	padding-left: 12px;
	background-repeat: no-repeat;
}

/* lower levels open */
#subnav li li.open, subnav li li li.open, #subnav li li li li.open, #subnav li li li li li.open, 
#subnav li li li li li li.open {
	background-image: url(../img/common/subarrow_down.gif);
	border-bottom: none;
	padding-left: 12px;
	background-repeat: no-repeat;
}

/* contentcol selectors
---------------------------------------------- */

#contentcolwide {
	margin: 0;
	font-size: 0.75em;
	padding: 5px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.contentcolwrapper { padding: 0px 10px 0px 10px; }

#contentcol h1, #contentcolwide h1 {
	font-size: 1.6em;
	font-family: "Trebuchet MS", "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}

#contentcol h2, #contentcolwide h2 { font-size: 1.2em; }
#contentcol h3, #contentcolwide h3 { text-decoration: underline; }
#contentcol p, #contentcolwide p { margin-bottom: 10px; }

/* set margins for floated images */
#contentcol img.floatleft, #contentcolwide img.floatleft { margin: 0 5px 5px 0; }
#contentcol img.floatright, #contentcolwide img.floatright { margin: 0 0 5px 5px; }

/* list styles */
#contentcol ol, #contentcol ul, #contentcolwide ul, #contentcolwide ol { margin-bottom: 10px; }
#contentcol ul, #contentcolwide ul { list-style: disc; }
#contentcol ol, #contentcolwide ol { list-style: decimal; }
#contentcol ul li, #contentcolwide li { margin-left: 15px; }
#contentcol ol li, #contentcolwide ol li { margin-left: 20px; padding-left: 0px; }

#contentcol table, #contentcolwide table { border-collapse: collapse; margin: 0 0 10px 0; width: 90%; }
#contentcol table, #contentcolwide table { border: 1px solid red }
#contentcol td, #contentcol th, #contentcolwide td, #contentcolwide th { padding: 3px; border: 1px solid red }
#contentcol th, #contentcolwide th { border-bottom-width: 1px; color:  }

/* page footer
----------------------------------------- */
#footer {
	font-size: 0.7em;
	text-align: center;
	padding: 5px 0;
}

