/* CSS Document */


/* --------------------------------------------------------------------------------
 * Page style attributes 
 * -------------------------------------------------------------------------------- */ 

html {
	margin: 			0;
	padding: 0;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			70%; /* controls font size in a global way */
}
body {
	margin: 			0;
	padding: 10px;
	height:100%;
}
a img {
	border: 			0;
}
form {
	padding: 			0;
	margin: 			0;
}
.formInput {
	color:	#c4468c;
}
/*acronym {
	cursor:help;
	border-bottom: 1px dotted #333;
}
abbr, span.abbr {
	cursor:help;
}*/
#container {
	margin-left: auto;
	margin-right: auto;
	width:980px;
	border: 1px solid #61C1CB;
}
#header {
	width:				100%;
	height:				92px;
	background-color:	#61C1CB;
	background-position:top;
	min-width: 			850px; /* work-around used for firefox nowrap */
	white-space:		nowrap;
}
.headerTitle { /* used on Your DET header */
	float:				left;
	margin:				0;
	padding:			0;
	display:			block;
	position:absolute;
	top:43px;
	left: auto;
}
.headerTopLinks { /* used on Your DET header */
	width:				100%;
	font-weight:		bold;
	color:				#ffffff;
	vertical-align:top;
	vertical-align:text-top;
	top:2px;
}
.headerTopLinks a { /* used on Your DET header */
	color:				#ffffff;
}
.headerTopLinks ul { /* used on Your DET header */
	padding:			8px 10px 0 0;
	float:right;
}
.headerTopLinks ul li { /* used on Your DET header */
	color:				#ffffff;
	font-weight:		bold;
	display:inline;
}
.search { /* Global search area */
	width:				100%;
	float:				right;
	padding:5px 0 5px 5px;
	margin-right:10px;
}
.search ul li { /* Global search area */
	float:				right;
	font-size:75%;
	color:				#1e1a15;
	display:inline;
}
.mainNav {
	margin:0;
	border-bottom: 1px solid #61C1CB;
	border-top:1px solid #61C1CB;
	min-width: 			850px;
	width:				98.4%;
	float:left;
	padding:			4px 5px 4px 10px;
	line-height:1.5em;
	font-weight:bold;
	background-color:#ffffff;/*height:17px;*/
}
.mainNav a {
	color:#70564D;
	text-decoration:none;
}
.mainNav a:hover {
	color:#2E94A3;
	text-decoration:underline;
}
.mainNav .on {
	background-color:#f8ddec;
	padding: 5px 2px 5px 2px;
}
.mainNav .off {
	background-color:#ffffff;
}
.dotColor {
	color: #2E94A3;
	padding-top: 10px;
}
/* Styles for Footer elements */

.footer { /* base styles for the bottom segment of the footer (logo, links etc) */
	color:				#ffffff;
	background-color:	#61C1CB;
	margin:				0px 0 10px 0;
	padding:			10px 0 0 0;
	display:			block;
	clear:				both;
	white-space:		nowrap;
	width:				100%;
	height:				65px;
	text-align:			left;
	background-position:190px 0;
	min-width:			750px;
	line-height:		1.5em;
}
.footer a, .footer a:visited { /* text link styles for the bottom segment of the footer */
	color:				#ffffff;
	text-decoration:	underline;
	padding:			5px;
	line-height:		1.5em;
}
.noLink {  /* text with no link styles for the bottom segment of the footer */
	color:				#1e1a15;
	padding:			8px 0 8px 8px;
}
.footer a:hover { /* text link styles for the bottom segment of the footer */
	color:				#ffffff;
	text-decoration:	none;
}
.footer a:active { /* Active state for text links in the bottom section of the footer */
	text-decoration:	none;
}
#detlogo {
	padding:		0 25px 5px 2px;
	float:				left;
	vertical-align:middle;
}
#footer_links {
	text-align:			right;
	float:				right;
	clear:				right;
	white-space:		normal;
	min-width:			500px;
	padding-right:10px;
}
/* --------------------------------------------------------------------------------
 * Element positioning styles
 * -------------------------------------------------------------------------------- */ 
 
#contentContainer {
}
.leftHandColumn {
}
#rightHandColumn {
	vertical-align:top;
	BORDER-LEFT: #d6d7d6 1px solid;
	width:200px;
	background-color:	#f8f8f8;
	padding-right:5px;
}
/* --------------------------------------------------------------------------------
 * Content Styles
 * -------------------------------------------------------------------------------- */ 
 
/* Styles for section headers */

.sectionHeader { /* used for content column (cols 1 or 2 in a 3-col layout) section headers  */
	width:				100%;
	height:				auto;
	background-color:	#94C453;
	background-image:	url(/media/images/common/bg_dot_white.gif);
	background-repeat:	repeat-x;
	background-position:top;
	min-width: 			750px; /* work-around used for firefox nowrap */
	white-space:		nowrap;
}
.headerTitle { /* used on Your DET header */
	width:				48%;
	float:				left;
	margin:				1.8em 0 0 10px;
	padding:			0px;
	display:			block;
}
/* Styles for content blocks */
div.contentPhoto { /* used to style large photo homepage */
	height:				175px;
	background-image:	url(/media/images/common/bg_books_hp.gif);
	border-bottom:		1px solid #05ACCA;
	padding:			0;
	margin:				0;
	white-space:		nowrap;
}
.caption {
	width:				430px;
	background-color:	#059BB6;
	color:				#ffffff;
	font-size: 			90%;
	padding:			4px 2em 6px 20px;
	margin:				0;
	background-image:	url(/media/images/common/gr_caption_angle.gif);
	background-repeat:	no-repeat;
	background-position:100% 100%;
}
.contentTitle {
	font-size:			1.1em;
	color:				#059BB6;
	padding:			12px 0 10px 15px;
}
.contentFeatures {
	font-size: 			100%;
	color:				#AE0362;
	padding:			3px 0 5px 0;
	background-repeat:repeat;
	background-image:url(/media/images/common/blue_line.gif);
	/*border-bottom-color:#2E94A3;
	border-bottom-style:solid;
	border-bottom-width: thin;*/
	margin-bottom:8px;
}
.contentBodyHeader {
	font-size: 			100%;
	color:				#059BB6;
	padding:			5px 0 2px 12px;
	clear:left;
}
.contentBodyHeader a, .contentBodyHeader a:visited {
	color:				#059BB6;
}
.contentBodyHeader a:hover {
	color:				#04768B;
}
.contentBody { /* used to style plain text within content blocks */
	font-size: 			100%;
	color:				#333333;
	line-height:		1.3em;
	padding-left: 		13px;
	padding-right:      10px;
}
.contentBody p { /* content text */
	padding:			0px;
	margin:				3px 0 15px 0;
	line-height:		1.5em;
}
.contentBody p a, .contentBody p a:visited {
	color:				#70564D;
}
.contentBody p a:hover {
	color:				#04768B;
}
.contentBody td a, .contentBody td a:visited {
	color:				#70564D;
}
.contentBody td a:hover {
	color:				#04768B;
}
.contentBody .contentBodyimg img {
	float: left;
	margin: 4px 30px 6px 0;
}
a.contentLink, a.contentLink:hover { /* used to style body text links within content blocks */
	text-decoration:	underline;
	color:				#04768B;
}
a.contentLink:active { /* used to style body text links within content blocks when active */
	text-decoration:	none;
}
.contentBlock { /* used to create a keyline effect around content blocks. Should be incorporated into a general definition of content block layout. */
	padding:			0 10px 10px 8px;
	margin:				0;
}
.contentBlock h1 {
	font-size:			1.2em;
	color:				#059BB6;
	padding:			12px 0 10px 13px;
	margin:				0;
}
.contentBlock ul, .contentBlock ol { /* basic alignment styles for unordered lists */
	margin:				0 0 0 10px;
	padding:			0 0 0 10px;
	line-height:		1.5em;
}
.contentBlock ul li { /* colour and type styles for unordered list elements */
	color:				#059BB6;
	list-style-type:	disc;
	margin:				0 0 0px 15px;
	/*margin-left: 105px;*/
	padding:			2px 0 2px 2px;
}
.contentBlock ol li { /* colour and type styles for ordered list elements */
	color:				#059BB6;
	margin:				0 0 0px 15px;
	padding:			2px 0 2px 2px;
}
.contentBlock ul li ol li { /* colour and type styles for ordered list elements */
	color:				#059BB6;
	margin:				0 0 0px 15px;
	padding:			2px 0 2px 2px;
	list-style:decimal;
	line-height:		1.5em;
}
.contentBlock ul li ol { /* colour and type styles for ordered list elements */
	margin-bottom:-10px;
}
.contentBlock ul li ul li { /* colour and type styles for ordered list elements */
	color:				#059BB6;
	margin:				0 0 0px 15px;
	padding:			2px 0 2px 2px;
	list-style:square;
	line-height:		1.5em;
}
.contentBlock ul li ul li ul li { /* colour and type styles for ordered list elements */
	color:				#059BB6;
	margin:				0 0 0px 15px;
	padding:			2px 0 2px 2px;
	list-style:disc;
	line-height:		1.5em;
}
.contentFeatures img {
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:5px;
}
.listBody {
	COLOR: #1e1a15;
}
.listBody a {
	COLOR: #70564D;
}
.listBody a:hover {
	COLOR: #2E94A3;
}
.breadcrumbs {
	/*width:				750px;
		font-size:			100%;*/
	padding:			10px 0 10px 15px;
	color:				#AE0362;
	font-weight:		bold;
	line-height:		1.5em;
}
.breadcrumbs a, .breadcrumbs a:visited {
	color:				#70564D;
	font-weight: 		normal;
}
.breadcrumbs a:hover {
	color:				#04768B;
	font-weight:		normal;
}
/* Styles for right-hand column elements */
.rhSectionBlock {
	background-color:	#f8f8f8;
	width:				204px;
	padding:			0 0 10px 15px;
	margin:				0px;
	color:				#1e1a15;
	line-height:		1.5em;
}
.rhSectionBlock form {
	padding:			3px 0 0 0;
	margin:				0;
}
.rhSectionBlock p {
	color:				#1e1a15;
	line-height:		1.5em;
}
.rhSectionBlock p img {
	padding:			0 3px 0 0;
	margin:				0;
	vertical-align:text-bottom;
}
.rhSectionBlock p a {
	color:				#70564D;
	line-height:		1.5em;
}
.rhSectionBlock p a:hover {
	color:				#2E94A3;
}
/* Styles for right-hand Heading elements */
.rhSectionBlock h3 {
	font-size:			1em;
	color:				#2E94A3;
	font-weight:		bold;
	padding:			3px 0 5px 0;
	margin:				0;
}
.rhSectionBlock h3 img {
	padding:			5px 0 0 0;
	margin:				0;
	clear:both
}
.rhSectionBlock h4 {
	color:				#059BB6;
	font-size:			0.9em;
	font-weight:		bold;
	padding:			0;
	margin:				0px;
}
.rhSectionHeader { /* used to style header text for each right-hand section */
	font-size:			0.7em;
	font-weight:		600;
	color:				#059BB6;
	background-color:	#edeeab;
	height:				24px;
	padding:			5px 0 0 10px;
}
.rhSectionBody { /* used to style body text for each right-hand section */
	font-size: 			100%;
	color:				#2c350b;
	background-color:	#fafaed;
	padding:			5px 5px 5px 10px;
	line-height:		2em;
}
.rhSectionBlock ul { /* basic alignment for right-hand column unordered lists */
	margin:			0 0 0 15px;
	padding:			0;
}
.rhSectionBlock ul li { /* bullet style for right-hand column */
	color:				#059BB6;
	list-style-type:	disc;
	padding:			2px 2px 5px 2px;
	margin:				0px 0 2px 0;
	line-height:		1.5em;
}
.rlsubhead { /* bullet style for right-hand column subhead */
	font-size: 			100%;
	color:				#1e1a15;
	padding-bottom:		4px;
	line-height:		1.5em;
	font-weight: bold;
}
.rl { /* Resources list links */
	font-size: 			100%;
	color:				#1e1a15;
	padding-bottom:		4px;
	line-height:		1.5em;
}
.rl a, .rl a:visited {
	color:				#70564D;
}
.rl a:hover {
	color:				#2E94A3;
}
.external_link, .external_link a { /* bullet style for right-hand column */
	color:				#333333 !important;
	line-height:		1.5em;
	list-style-type:	none;
	list-style-image:   url(/media/images/common/gr_arrow.gif) !important;
	padding:			0;
	margin:				0.5em 0 0 0;
}
.rhSectionBody a, .rhSectionBody a:hover, .rhSectionBody a:visited { /* link style for right-hand body text */
	color:				#04768B;
	text-decoration:	underline;
}
.rhSectionBody a:active { /* active style for right-hand body text links */
	text-decoration:	none;
}
.rhTextInput {
	font-family:		verdana, helvetica, arial;
	color:				#2c350b;
	background-color:	#ffffff;
	border:				1px solid #059BB6;
	width:				194px;
	margin-top:			4px;
	padding:			2px;
}
.rhCancelButton { /* generic style for form buttons that indicate negative action */
	font-family:		verdana, helvetica, arial;
	font-size: 			100%;
	color:				#059BB6;
	background-color:	#edeeab;
	border:				1px solid #059BB6;
	padding:			2px 0 0 2px;
}
.rhSubmitButton { /* generic style for form buttons that indicate positive action */
	font-family:		verdana, helvetica, arial;
	font-size: 			100%;
	font-weight:		600;
	color:				#059BB6;
	background-color:	#edeeab;
	border:				1px solid #059BB6;
	padding:			2px 0 0 2px;
}
.keyline_1 { /* Keyline used in content area */
	/*white-space:		nowrap;	border:1px #70564D solid;*/
	background-image:url(/media/images/common/bg_dots_brown.jpg);
	background-repeat:	repeat-x;
	width:100%;
	clear:				both;
	color:				#1e1a15;
	font-size:			1px;
	line-height:		1px;
}
.listInline {
	color:#00FF00;
}
.listInline ul {
}
.listInline ul li {
	display:inline;
}
.mainHeading {
	float:left;
	padding-left:0;
	padding-top:0;
	/*margin-bottom:-25px;*/
vertical-align:top;
	max-height:160px;
	padding-bottom:7px;
}
.mainHeading a {
	color:#61c1cb;
	/*font-weight:500;*/
 font-size:24px;
	text-decoration:none;
	padding-top:7px;
}
.mainHeading #mainHeadinginc {
	padding-left:10px;/*float:left;


padding-top:0;
margin-bottom:-25px;
vertical-align:top;
max-height:160px;
padding-bottom:7px;*/
}
/* ***********************************************************************
new styles for Section Pages 

*****************************************************************/
.sectionpage {
	font-size: 			100%;
	color:				#1e1a15;
	line-height:		1.2em;
	padding-left: 		0;
	padding-right:      10px;
	margin-right:10px;
	margin-left:10px;
	vertical-align:top;
}
.sectionpage .floatbox {
	float: left;
	width: 100px;
	margin: 2px 15px 5px 0;
}
.sectionpage .floatboxright {
	MARGIN: 2px 15px 5px 114px;
}
* html .sectionpage p, .sectionpage ul { /* IE 3px jog hack*/
	height: 1%;
}
.sectionpage p {
	padding:			0px;
	margin:				3px 0 10px 0;
	line-height:		1.5em;
}
.sectionpage p a, .contentBody p a:visited {
	color:				#70564D;
}
.sectionpage p a:hover {
	color:				#2E94A3;
}
.sectionpage ul li {
	margin:				0 0 0 14px;
	padding:			0;
}
.sectionpageHeader {
	font-size: 			100%;
	color:				#059BB6;
	padding:			0px;
	margin:				2px 0 0 0;
}
.sectionpageHeader a, .sectionpageHeader a:visited {
	color:				#059BB6;
}
.sectionpageHeader a:hover {
	color:				#04768B;
}
/*******************************************************
LEFT NAVIGATION

 ***************************************************** */
 
 .left {
	width: 175px;
	background-color: #f8f8f8;
	padding-top: 3px;
	margin-right: 0;
	padding: 0;
	list-style-type: none;/*BORDER-TOP: #d6d7d6 1px solid;
BORDER-LEFT: #05ACCA 1px solid;   BORDER-BOTTOM: #05ACCA 1px solid;
FONT-SIZE: 0.8em;*/
}
.center {
	height: auto; /*100%*/
	BORDER-TOP: #d6d7d6 1px solid;/*BORDER-LEFT: #05ACCA 1px solid;   BORDER-BOTTOM: #05ACCA 1px solid;
FONT-SIZE: 0.8em;*/
}
ul#leftnav {
	margin: 0;
	padding: 0 0 2px 0;
	background-color: #f8f8f8;
	font-weight:bold;
	list-style-type: none;
	border-bottom:1px solid #d6d7d6;
	margin-bottom:-30px;
}
ul#leftnav li.navoff {
	text-decoration:none;
	margin: 0 0 1px 0;
	padding-top: 3px;
	color: #AE0362;
	display: block;
	text-decoration:none;
	background-color: #f8f8f8;
	margin: 0 0 1px 0;
	border-top-style:solid;
	border-top-color: #d6d7d6;
	border-top-width:1px;/*border-bottom-style:solid;
border-bottom-color: #d6d7d6;
border-bottom-width:1px;*/
}
ul#leftnav li.navoff a {
	color: #AE0362;
	display:block;
	text-decoration:none;
	width:155px;
	margin: 0 0 1px 0;
	padding: 5px 10px;
	background-color: #f8f8f8;/*BACKGROUND-POSITION: 95% 5px;
background-image:url(/media/images/common/nav_off.gif);
background-repeat:no-repeat;
padding: 5px 10px;*/
}
ul#leftnav li.navoff a:hover {
	background-color: #f8f8f8;
	color: #059BB6;
	text-decoration:underline;
}
ul#leftnav li.navon {
	text-decoration:none;
	margin: 0 0 1px 0;
	padding-top: 3px;
	color: #2E94A3;
	display: block;
	text-decoration:none;
	background-color: #f8f8f8;
	margin: 0 0 1px 0;
	border-top-style:solid;
	border-top-color: #d6d7d6;
	border-top-width:1px;
	border-bottom:1px solid #f8f8f8;
}
ul#leftnav li.navon a {
	color: #2E94A3;
	display:block;
	text-decoration:none;
	margin: 0 0 1px 0;
	padding: 5px 10px;
	background-color: #f8f8f8;/*BACKGROUND-POSITION: 95% 5px;
background-image:url(/media/images/common/nav_off.gif);
background-repeat:no-repeat;
padding: 5px 10px;*/
}
ul#leftnav li.navon a:hover {
	background-color: #f8f8f8;
	color: #2E94A3;
	text-decoration:underline;
}
ul#leftnav li.subnav {
	background-color: #F8F8F8;
	border:none;
	font-weight: normal;
	color: #2E94A3;
	padding-left:0;
	padding-bottom: 2px;
	margin: 0 8px 3px 25px;
	font-weight: normal;
}
ul#leftnav li.subnavon {
	background-color: #F8F8F8;
	border:none;
	font-weight: normal;
	color: #2E94A3;
	padding-left:0;
	padding-bottom: 2px;
	margin: 0 8px 3px 25px;
	font-weight: normal;
	list-style-image: url(/media/images/common/subsubmenuon.gif);
}
ul#leftnav li.subnav a, ul#leftnav li.subnavon a {
	display: block;
	color: #70564D;
	text-decoration: none;
	width: 100%;
	background-image:none;
	font-weight: normal;
}
ul#leftnav li.subnav a:hover, ul#leftnav li.subnavon a:hover {
	color: #2E94A3;
	background-color: #F8FBF8;
	text-decoration: underline;
	background-image:none;
	font-weight: normal;
}
.right img {
	margin:0 0 10px 20px;
	vertical-align:top;
	padding: 2px 2px 2px 2px;
	border: 1px solid #CCCCCC;
}
.contactmargin {
	margin-top:-10px;
}
.returntotop {
	float:right;
	margin:-5px 6px 13px 10px;
}
.returntotop a {
	COLOR: #70564D;
}
.returntotop a:hover {
	COLOR: #2E94A3;
}
ul#leftnav li.trans a {
	color: #2E94A3;
	display:block;
	text-decoration:none;
	margin: 0 0 1px 0;
	padding: 5px 10px;
	background-color: transparent;/*BACKGROUND-POSITION: 95% 5px;
background-image:url(/media/images/common/nav_off.gif);
background-repeat:no-repeat;
padding: 5px 10px;*/
}
/*******************************F A Q S *********************/
#showhide ul {
	list-style-type:none;
}
#showhide li {
	padding-left:25px;
	background:transparent url(/media/images/common/q.gif) no-repeat;
	background-position:0 5px;
	list-style-type:none;
	margin-left: 0px;
	padding-bottom:10px;
}
#showhide li ul li {
	padding-left:0px;
	list-style-type:square;
	background-image:none;
	margin-left: 30px;
	margin-bottom:-10px;
}
#showhide li ol li {
	padding-left:0px;
	list-style-type:decimal;
	background-image:none;
	margin-left: 30px;
	margin-bottom:-10px;
}
#showhide li ul li ul li, #showhide li ol li ul li {
	list-style-type:square;
}
#showhide li ul li ol li, #showhide li ol li ol li {
	list-style-type:decimal;
}
.open {
	display:block;
	padding:0 0 2px 0;
	margin-top:7px;
	margin-left:0px;
	background:url(/media/images/common/a.gif) no-repeat left top;
}
.open p {
	padding:3px 10px 3px 20px;
	margin-bottom:4px;
	background-image:none;
}
.close {
	display:none;
}
.question {
	padding-bottom:5px;
}
.floatRight {
	float:right;
	padding:5px 5px 5px 5px;
}
hr {
	color: #05ACCA;
}
.contentBody .showhide ul {
	list-style-type:none;
}
.contentBody .showhide li {
	padding-left:25px;
	background:transparent url(/media/images/common/q.gif) no-repeat;
	background-position:0 5px;
	list-style-type:none;
	margin-left: 0px;
	padding-bottom:10px;
}
.contentBody .showhide li ul li {
	padding-left:0px;
	list-style-type:square;
	background-image:none;
	margin-left: 30px;
	margin-bottom:-10px;
}
.contentBody .showhide li ol li {
	padding-left:0px;
	list-style-type:decimal;
	background-image:none;
	margin-left: 30px;
	margin-bottom:-10px;
}
.contentBody .showhide li ul li ul li, .contentBody .showhide li ol li ul li {
	list-style-type:square;
}
.contentBody .showhide li ul li ol li, .contentBody .showhide li ol li ol li {
	list-style-type:decimal;
}

.contentBody .bluesubheading {
	font-size: 			100%;
	color:				#059BB6;	
	padding:			10px 0 2px 0;
	clear:left;
}
.contentBody .bluesubheading a, .contentBody .bluesubheading a:visited {
	color:				#059BB6;
}
.contentBody .bluesubheading a:hover {
	color:				#04768B;
}