body {
	background: #fff url('../images/pattern2.gif') repeat-x;
	font: .8em Tahoma, Arial, Sans-Serif;
	padding: 25px 0 0 0;
	margin: 0;
	text-align: center;
}

img {
	border: none 0;
}

.small 
{
	font-size: 0.85em;
}
input, textarea {
	font: 1em Tahoma, Arial, Sans-Serif;
}
.helpContent
{
	font-family: Arial;
	font-size: 9pt;
	line-height: 1.5;
	text-align: left;
	margin-left: 10px;
	padding: 0px 20px 0px 20px;
}
.bold 
{
	font-weight:bold;
}

table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

h3 {
	margin: 0;
	padding: 0;
	font: 1.75em 'Arial Narrow';
	color: #084C9E;
}

h4 {
	margin: 0;
	padding: 0;
	font: 1.5em 'Arial Narrow';
	color: #084C9E;
}

a {
	color: #06c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
	padding: 1em 0 0 0;
	line-height: 1.5em;
}

small {
	font-size: .85em;
}

.pageWrapper {
	padding: 0 2em 0 2em;
}
.slimpage /*a slimpage should print on portrait orientation with default margins*/
{
	width: 670px;
	margin: 0 auto 0 auto;
	text-align: left;
}
.page {
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: left;
}
.CPpage {
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: right;
}
.blueheader {
	background: #084C9E;
	margin: 1em 0 1em 0;
}

.blueheader h3 {
	position: relative;
	z-index: 50;
	font-size: 1em;
	color: #fff;
	margin: 5px;
	padding-left: 5px;
}

.gray {
	color: #888;
}


/* BEGIN tabs */

#tabs {
	list-style: none;
	height: 32px;
	position: relative;
	z-index: 0;
	padding: 0px 20px 0px 20px;
	margin: 0;
}

#tabs li {
	vertical-align: middle;
	text-align: center;
	padding: 0 0 6px 0;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}

#tabs li div {
	padding: 5px 12px 7px 12px;
}

#tabs .left {
	top: 0px;
	float: left;
	color: #fff;
	background: #161;
	margin-right: 10px;
}

#tabs .right {
	top: 5px;
	float: right;
	color: #fff;
	margin-right: 10px;
	background: #084C9E;
}

#tabs li a {
	padding: 5px 12px 7px 12px;
	margin: 0;
	color: #fff;
	text-decoration: none;
}

#tab_blocker {
	background: #fff;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
}

/* END tabs */


 
/* BEGIN dropdown */
 
.dropdown {
	border: solid 2px #3c82dc;
	list-style: none;
	position: absolute;
	z-index: 1000;
	margin: 0;
	padding: 0;
	background: #fff;
}

.dropdown li {
	padding: .25em .5em .3em .5em;
	text-align: left;
}

.dropdown .alt {
	background: #ecf2fc;
}

/* END dropdown */



/* BEGIN titlenav */

#titlenav {
	padding-bottom: 1em;
	color: #555;
	height: 60px;
}

#titlenav img {
	float: left;
}

/* END titlenav */


/* BEGIN nav (this is the footer, actually. poorly named by "someone". :(  Class is only used for the copyright notice, and seems overly elaborate. copyrightNoticeFooter class created. Should eventually be deprecated, but left for backwards compatability. */

#nav {
	/*text-align: center;*/
	margin-top: 8em;
	padding: .25em 0 .25em 0;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

#navlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navlist li {
	display: inline;
	padding: 0 1em 0 1em;
	border-right: dotted 1px #aaa;
	font-size: .85em;
	color: #555;
}

#navlist a {
	color: #555;
	text-decoration: none;
}

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

#navlist .last {
	border-right-width: 0px;
}

/* END nav */


/* BEGIN misc */

.fullwidth {
	width: 100%;
}
 
.displayblock {
	display: block;
}

.displaynone {
	display: none;
}

.left, .alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.firefoxcenter {
	margin: 0 auto 0 auto;
}

.desc {
	border: dotted 1px #aaa;
	padding: .5em 1em .6em 1em;
	background: #fffff2;
}

.greenem {
	padding: 1em;
	border: solid 1px #0c0;
	background: #efe;
}

span.greenem {
	padding: .25em 1em .3em 1em;
	border: 0;
	border-bottom: solid 1px #0c0;
}

.redem {
	padding: 1em;
	border: solid 1px #c00;
	background: #fee;
}

.errorMessage {
	padding: .25em 1em .3em 1em;
	border-bottom: solid 1px #c00;
	background: #fee;
}

a img {
	border: none 0;
}

.winding { font-family: Wingdings; }
.pagebreak { page-break-before: always; }

#loadingDiv 
{
	position: absolute;
	/*background-color: #888;*/
	background-color: #fff;
	/*color: #fff;*/
	color: #16c;
	border: solid 2px #16c;
	padding: 10px;
	width: 150px;
	vertical-align: middle;
	font-weight: bold;
	font-style: italic;
}

#ToolTipperBox 
{
	vertical-align:middle; text-align :center; 
	background-color: #ffffe1;
	font-weight: bold;
	color: #000;
	padding: 9px;
	border: 1px solid black;
	display: none;
}

.printonly {
	display: none;
}
.nostudents
{
	font-size: 14px;
	color: Black;
	height: 80px;
	vertical-align: middle;
}
.copyrightNoticeFooter /* Created to replace overly-elaborate #nav and #navlist classes and related necessary HTML mark-up */
{
	color: #555;
	margin-top: 8em;
	padding: .25em 0 .25em 0;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size: .85em;
}
.copyrightNoticeFooter a {
	color: #555;
	text-decoration: none;
}
.copyrightNoticeFooter a:hover {
	text-decoration: underline;
}

@media print
{
	.noprint, #tabs, #titlenav, #nav, #tab_blocker, #ToolTipperBox {
		display: none;	
	}
	.printonly {
		display: block;
	}
	.nostudents, .copyrightNoticeFooter
	{
		display:none;
	}
}

/* END misc */


/* END misc */

div#reportDesc 
{
	padding: 1em;
	font-size: 0.8em;
	visibility: hidden;
	background-color: #f8f8f8;
	border: solid 1px #ccc;
}
#reportDesc  p
{
	padding:0px;
}

.contentSubjectHeader
{
	font-weight: bold;
	font-size: 9pt;
	border: solid 1px #d9d9d9;
	padding: 2px;
	background-color: #eeeeee;
}