/*
	Document template css file. Base for all css
*/

@import url('forms.css');
@import url('miscElements.css');
/*HTML TAG STANDARDS
-----------------------------------------------------*/
body{
	background-color: #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:0px;
	margin:0px;
	color: #666;
	/*text-align:justify;*/
	
}

a{
	font-weight:bold;
	color:#c00;
}
a:hover{
	color:#900;
}
a.markedLink {
	/*display:block;*/
	background-image:url(../images/doc/body/linkArrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:13px;
}

h1, h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
}	
h1{
}

h2{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:22px;
	line-height:20px;
	font-weight:bold;
	color: #c00;
	letter-spacing:-0.5pt;
}

h3{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
	color: #c00;
}
h3.passLarge {
	background-image:url(../images/doc/tickLarge.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:47px;
	height:42px;
	line-height:42px;
	font-size:18px;
}
h3.failLarge {
	background-image:url(../images/doc/crossLarge.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:47px;
	height:42px;
	line-height:42px;
	font-weight:bold;
	color:#c00;
	font-size:18px;
}
h3.passSmall {
	background-image:url(../images/doc/tickSmall.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:27px;
	height:22px;
	line-height:22px;
}
h3.failSmall {
	background-image:url(../images/doc/crossSmall.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:27px;
	height:22px;
	line-height:22px;
	font-weight:bold;
	color:#c00;
}
#testPassMsg {
	padding:10px;
}
/*p{
	line-height:18px;
}*/



/* Forms
-----------------------------------------------------*/

/*COE items
-----------------------------------------------------*/
.coe-event-date-alt, .coe-event-date {
	float:left;
	width:75px;
	height:70px;
	padding-top:5px;
	margin-right:20px;
	text-align:center;
	color:#fff;
	font-size:40px;
	font-family:Arial, Helvetica, sans-serif;
}
.coe-event-date {
	background-image:url(../images/doc/body/coeDateBG.gif);
}
.coe-event-date-alt {
	background-image:url(../images/doc/body/coeDateBG-alt.gif);
}
.coe-event-month {
	font-weight:bold;
	font-size:11px;
}
.coe-event-list-content {
	width:375px;
	border-top:1px SOLID #c00;
	float:left;
}
.coe-event-list-content strong {
	color:#c00;
	font-size:14px;
}
.coe-divider {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:5px 0 10px 0;
	margin-bottom:20px;
	font-size:10px;
}
.coe-header-divider {
	border-top:1px SOLID #c00;
	margin-top:15px;
	padding-top:10px;
}
a.reminderLink {
	/*display:block;*/
	background-image:url(../images/doc/body/reminderIcon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0 5px 28px;
	height:23px;
	line-height:23px;
}

/*CORE DOC ELEMENTS
-----------------------------------------------------*/
/*controls the header*/
#docHeader{
	width:772px;
	margin: 0px auto;
	height:134px;
	background-image:url(../images/doc/header/logo.gif);
	background-repeat:no-repeat;
	padding:0px;
	/*border:1px solid #00f;*/
}

#docHeader h1{
	position:absolute;
	left:-9999px;
}
#docHeader p{
	position:absolute;
	left:-9999px;
}
	#navigation{
		/*border:1px solid #f00;*/
		margin:0px 5px 0px 0px;
		padding:0px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#navigation li{
		margin: 0px 0px 0px 5px;
		padding:0px;
		line-height:50px;
		display:inline;
		color:#c00;
		/*border:1px solid #0f0;*/
		
	}
	
	#navigation li a{
		font-size: 12px;
		color: #fff;
		text-decoration:none;
	}
	
	#navigation li a:hover {
		color: #ccc;
		text-decoration:underline;
	}
	
	#subNavigation{
		/*border:1px solid #f00;*/
		margin:0px 5px 0px 0px;
		padding:0px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#subNavigation li{
		margin: 0px 0px 0px 2px;
		padding:0px;
		line-height:50px;
		display:inline;
		/*border:1px solid #0f0;*/
		
	}
	
	#subNavigation li a{
		font-size: 12px;
		color: #c00;
		background-image:url(../images/doc/header/subNavigation/icon.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding:0px 0px 0px 14px;
	}
	
	#subNavigation li a:hover {
		color: #900;
	}

.columnDivider {
	border-top:1px dashed #c00;
	margin:0px;
	padding:0px;
}

/*the main body container*/
#docBody{
	width:772px;
	margin: 0px auto;
	background-color:#fff;
	padding-bottom:30px;
}
	/*element holders*/
	.elementThreeCol{
		display:block;
		background-image: url(../images/doc/body/elementThreeCol.gif);
		background-repeat:no-repeat;
		padding:10px 20px;
		/*border:1px solid #f00;*/
	}
	
	.elementTwoCol{
		float:left;
		background-image: url(../images/doc/body/elementTwoCol.gif);
		background-repeat:no-repeat;
		padding:10px 31px 10px 20px;
		width:470px;
		/*border:1px solid #f00;*/
	}
	
	.elementOneCol{
		float:left;
		background-image: url(../images/doc/body/elementOneCol.gif);
		background-repeat:no-repeat;
		padding:10px 10px 10px 20px;
		width:220px;
		/*border:1px solid #f00;*/
	}
		.elementOneRightColBG{
			float:left;
			background-image: url(../images/doc/body/elementOneRightColBG.gif);
			background-repeat:repeat-y;
			width:250px
			/*border:1px solid #f00;*/
		}
		.elementRightColBG{
			float:left;
			background-image: url(../images/doc/body/elementRightColBG.gif);
			background-repeat:no-repeat;
			background-position:top;
			width:230px;
			padding:10px 10px 10px 10px;
			/*border:1px solid #f00;*/
		}
		
		.elementOneRightCol{
			background-image: url(../images/doc/body/elementOneRightCol.gif);
			background-repeat:no-repeat;
			padding:10px 10px 0px 20px;
			width:220px;
			font-size:10px;
			color:#999;
			/*border:1px solid #f00;*/
		}
			.elementOneRightCol h2, .elementRightColBG h2 {
				padding-top:0px;
			}
			
			.elementOneRightCol h2 strong {
				color:#fff;
			}
			
			.elementOneRightCol p {
				padding:0px;
				margin:0px;
			}
			.elementOneRightCol strong {
				color:#ccc;
			}
		.elementOneRightColFooter {
			background-color:#fff;
			background-image: url(../images/doc/body/elementOneRightColFooter.gif);
			background-repeat:no-repeat;
			background-position:top;
			padding:26px 10px 11px 20px;
			height:27px;
			width:220px;
			/*border:1px solid #f00;*/
		}
	.elementCenter{
		margin: 0px 11px;
	}
#docFooter{
	width:772px;
	margin: 0 auto;
}
.calendar tr td {
	margin:1px;
	padding:0px;

}
.calPrev {
	text-align:center;
	margin-bottom:10px;
}
.calMonth {
	text-align:center;
	margin-bottom:10px;
	font-size:11px;
	color:#c00;
	font-weight:bold;
	background-color:#f2fafc;
}
.calNext {
	text-align:center;
	margin-bottom:10px;
}
/*.calPrev img, .calNext img {
	margin:2px;
}*/
.calWeekday {
	text-align:center;
	width:24px;
	padding:2px;
	font-size:10px;
	border:1px solid #900;
	background-color:#c00;
	color:#fff;
}
.calDate {
	text-align:center;
	width:24px;
	height:24px;
	padding:2px;
	font-size:11px;
	border:1px solid #ccc;
}
.calEmptyDate {
	text-align:center;
	height:24px;
	background-color:#f2fafc;
}
.calPrevNextDay {
	text-align:center;
	height:24px;
	font-size:11px;
	color:#c00;
	font-weight:bold;
	border-top:1px solid #900;
}
/*footer container*/
#footerSiteLogos {
	width:300px;
	padding-left:20px;
	float:left;
}
#footerCopyright {
	width:325px;
	line-height:34px;
	font-size:10px;
	color:#666;
	text-align:right;
	float:left;
}
#footerCopyright a {
	font-weight:normal;
	color:#666;
	text-decoration:none;
}
#footerCopyright a:hover {
	color:#fa0;
	text-decoration:underline;
}
#footerLogo {
	width:127px;
	float:left;
}


#docBreadcrumb{
	padding: 0 10px;
	height:50px;
	font-size:10px;
	color:#999;
	line-height:20px;
}

#docBreadcrumb a{
	/*color:#999;*/
	text-decoration:none;
}



.elementRightPI {
	float: right;
}

textarea.small	{font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
label.small		{font-size: 10px;}