
body {
	background: #002d62;     /* dark blue */
}



h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: "Times New Roman", Times, serif;
	padding: 0 0 20px;
	font-size: 30px;
	font-weight: normal;
	color: #002d62;     /* dark blue */
}

th {
	border-bottom: 1px solid #afbdcd;    /* light blue-grey */
}

.googleEmbed {    /* on an iFrame that embeds a google map */
	border: 1px solid #002d62;     /* dark blue */
}


a:link, 
a:visited {
	text-decoration: none;
	color: #8b0e04;    /* red */
}
a:hover, 
a:active {
	color: #e86922;    /* orange */
	text-decoration: underline;
}


	a:link.tipdownTrigger,
	a:visited.tipdownTrigger {
	}
		#ie6 a:hover.tipdownTrigger,
		#ie6 a:active.tipdownTrigger {
		}


.accordionWrapper {
}
	.accordionWrapper .element {
		/* padding-top, padding-bottom, border, overflow, and height are all restated by Mootools */
		background: #eaebeb;    /* grey pale */
	}
	.accordionWrapper .tipdown {
		/* do not set padding, margin here */
	}
	.accordionWrapper .COLHALF h3 {
	}
	.accordionWrapper .COLHALF h4 {
	}
.accordionToggleOn,
.accordionToggleOff {
}
	.accordionToggleOn em,
	.accordionToggleOff em {
/*		width: 18px;
		height: 16px;
		padding: 4px 4px; */
		width: 10px;
		padding-left: 12px; 
		background: url(/includes/files/base/images/certium/accordion-emBG.gif) right top no-repeat white;
	}
.accordionToggleOn {
	color: #002d62;     /* dark blue */
	background: #b2bfcf;     /* grey blue */
}
.accordionToggleOff {
	background: #002d62;     /* dark blue */
}




/* -------------- basic parts -------------- */
/* begin */


#page {
	position: relative;
	width: 785px;    /* 825 - padding */
	padding: 20px;
	margin: 20px auto 0;
	text-align: left;
	background: white;
}


/* -------------- header -------------- */
/* begin */


#header {
	z-index: 800;
	clear: right;
	padding: 5px 0 10px;
	height: 59px;
	margin-bottom: 20px;
	background: url(/includes/files/base/images/certium/corner-curve.gif) right bottom no-repeat white;
}


#logo {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 200px;
}


#nPrimary {
	padding: 31px 15px 0 0;
	font-size: 10px;
	text-transform: uppercase;
}
	#nPrimary ol {
		float: right;
		margin: 0;
		padding: 0;
	}
		#nPrimary ol li {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0px 10px;
			border-right: 1px solid #002d62;     /* dark blue */
		}
			#nPrimary ol li.last {
				border: 0;
			}
	#nPrimary ol li a:link,
	#nPrimary ol li a:visited {
		display: block;
		color: #002d62;     /* dark blue */
	}
	#nPrimary ol li a:hover,
	#nPrimary ol li a:active {
		color: #f59f1a;    /* gold */
		text-decoration: none;
	}
		#nPrimary ol li .current a:link,
		#nPrimary ol li .current a:visited {
			font-weight: bold;
		}
		#nPrimary ol li .current a:hover,
		#nPrimary ol li .current a:active {
/*			color: #f59f1a;    /* gold */
			text-decoration: none;
		}


/* end */






/* -------------- content -------------- */
/* begin */





#content {
	position: relative;
	z-index: 900;
	clear: both;
/*	padding-bottom: 200px; */
	width: auto;
	border: 0px solid red;
}
	#content ol,
	#content ul {
		padding-bottom: 10px;    /* matches p padding-bottom */
	}


#photo {
	z-index: 9;
	position: relative;
	float: right;
	width: 380px; 
	height: 108px;
}


#main {
	float: right;
	position: relative;
	z-index: 10;
	width: 570px; 
	margin-top: -110px; 
	padding: 110px 0 10px 15px;
	border-left: 1px solid #afbdcd;    /* light blue-grey */

}
/**/	#main li,
	#main .pod li {
		margin-left: 20px;
	}


#crumbPath {
	font-size: 10px;
}
	#crumbPath a:link,
	#crumbPath a:visited {
	}
	#crumbPath a:hover,
	#crumbPath a:active {
	}
	#crumbPath li {
		float: left;
		list-style: none;
		margin: 2px 4px 4px;
		padding-right: 6px;
		border-right: 1px solid #E6E7E8;     /* light grey */
	}
		#crumbPath li.last {
			border: 0;
		}


#left {
	z-index: 9;
	position: relative;
	float: left;
	width: 190px;
}

#extra {
}




#footer {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 785px;    /* 825 - padding */
	padding: 10px 20px 20px;
	color: #999;
	text-align: left;
/*	background: #002d62;     /* dark blue */
}
	#footer a:link,
	#footer a:visited {
		color: white;
	}
	#footer a:hover {
		color: #bbb;
	}


/* end */





/* -------------- nSecondary -------------- */
/* begin */


#nSecondary {
	margin-top: 30px;
	font-size: 11px;
	text-transform: uppercase;
}
	#nSecondary a:link,
	#nSecondary a:visited {
		color: #002d62;     /* dark blue */
	}
	#nSecondary a:hover,
	#nSecondary a:active {
		color: #e86922;    /* orange */
	}
	#nSecondary h3 {
		padding-bottom: 2px;
		margin-bottom: 4px;
		border-bottom: 1px solid #afbdcd;    /* light blue-grey */
	}
		#ie6 #nSecondary h3 {
			position: relative;
		}
	#nSecondary .current {
	}
		#nSecondary .current a:link,
		#nSecondary .current a:visited {
			color: #e86922;    /* orange */
		}
		#nSecondary .current a:hover,
		#nSecondary .current a:active {
			color: black;
		}
	#nSecondary ol {
	}
		#nSecondary ol li {
			list-style: none;
		}
			#nSecondary ol li li {
				margin-bottom: 0;
			}


/* end */





/* POD STYLES... indent, callout A, callout B, pull quote, col (half pg) */


.CALLOUT-A {
}

.PULLQUOTE {
}


/* end */



/* -------------- MODULE: News -------------- */
/* begin */

.relatedInformation {
	border-left: 1px solid #afbdcd;    /* light blue-grey */
}



/* end */



/* ------- external link pop up      */
#extLinkPopUp{
	display: none;
	position: absolute;
	z-index: 44;
}

#extLinkPopUp img{
	border: 0px;
}

#extLinkPopUp a.ok {
	padding: 5px 10px 5px 10px;
	margin-right: 7px;
	margin-bottom: 15px;
	background: #F9E96F;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 1px solid #999;
}

#extLinkPopUp a:hover.ok {
	text-decoration: underline;
}

#extLinkPopUp a.cancel{
	padding: 5px 10px 5px 10px;
	background: #6989A2;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #999;
}

#extLinkPopUp a:hover.cancel{
	text-decoration: underline;
}


.flash.bad {
	border: 1px solid #333;
	background: #83A3BC;
	padding: 10px;
	margin: 0 0 20px 0; }
	.flash div.inner {
		padding: 10px 20px 10px 70px;
		text-align: left;
		min-height: 30px; 
		}
		.flash div.inner p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #333;
			line-height: 130%;
			}
		
	.flash.bad div.inner {
		background: #FFFFFF url("../images/yield.gif") no-repeat 15px 15px; 
	}
/* -- END external link pop up ------ */
