/* basic elements */
html, body { 
	font: 85% Arial, Georgia, sans-serif;
	color:#384345; 
	padding: 0px;
	margin: 0px;
	font-stretch:expanded;
	background: #002863 url("../images/bg_body.jpg") top center no-repeat;
	border:0;
	}

p { 
	text-align: left;
	line-height: 135%;
}

h2 {
	margin:10px;
	font:1.6em bold Verdana, Geneva, sans-serif;
	padding:4px 0;
	}

h3 { 
	margin: 10px; 
	color: #7D775C;
	}
	
h4 {
	margin:8px 10px;	
}

input {
	border: 1px solid #CACACA;
	border-top:0;
	border-left:0;
	padding: 2px;
	margin:3px 0 1px 0;
	height:15px;
	padding: 2px;
	background: #FFF url("../images/field_bg.gif") no-repeat 0 0;
	color:#666;
}
/*
a:link, a:visited { 
	font-size:inherit;
	font-weight: bold; 
	text-decoration: none;
	color:#009999;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #009999;
	}
*/


.clear {
	clear:both;
	padding:0;
	margin:0;
	border:0;
	height:1px;
}
/* specific divs */

#container {
	width: 760px;
	/* background: url("../images/bg_shadow.png") transparent top left repeat-y; */
	margin:0 auto;
}
		
#pageHeader { 
	width:100%;
	height:164px;
	background:none;
	margin:0;
	padding-top: 0px;/*needed to account for collapsing margins -- mozilla properly adds extra space on top if no padding is specified*/
}

#pageHeader_taglines {
	width:760px;
	height:20px;
	margin:0 auto;
	text-align:center;
}

#pageHeader_fade {
	width:760px;
	height:36px;
	background:transparent url("../images/header_fade.jpg") top left no-repeat;
	margin:0 auto;
}

/* ======================================== CONTENT WRAPPER =========================================*/		
#contentWrap {
	width: 100%;
	margin:0;
	background:#FFF;
}

/* ======================================== MAIN CONTENT ============================================*/		

#contentWrap .exp_content {
	width:515px;
	margin:0px 10px 0 15px;
	background:#FCFDFE;
/*	border:solid 1px #CCC; */
	float:left;
}

#contentWrap .exp_content div.dottedline {
	width:85%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1px;
	border-bottom:1px dotted #000;
	height:4px;
}

#contentWrap .exp_content h3 {
	width: auto;
	height: 22px;
	text-align:left;
	margin-left:10px;
	color:#639424;
}

#contentWrap .exp_content h3 span {
	font-size:22px;
	font-family: "Adobe Caslon Pro", "Times New Roman", Times, serif;
	color:#384345;
}

#contentWrap .exp_content li.stages {
	background:url(../images/bg_arrow-down.jpg) no-repeat 0px -2px ; 
	height:21px
}

#contentWrap .exp_content div {
	padding-left: 0px;
	width: 490px;	
	margin-left: 51px;
	margin-bottom: 45px;
	height: 1%;
	text-align:justify;
}	

#contentWrap .exp_content p a:link, 
#contentWrap .exp_content p a:visited,
#contentWrap .exp_content .highlight_left a:link, 
#contentWrap .exp_content .highlight_left a:visited,
#contentWrap .exp_content .highlight_right a:link,
#contentWrap .exp_content .highlight_right a:visited 
{ 
	font-size:inherit;
	text-decoration: none;
	color:#009999;
	display:inline;
	padding:0;
	margin:0;
	}

#contentWrap .exp_content p a:hover, a:active { 
	text-decoration: underline; 
	color: #009999;
	}

#contentWrap .exp_content .largeframeFloatRight {
	float:right; 
	width:235px; 
	height:343px; 
	background:transparent url(../images/frame_large.jpg) no-repeat; 
	z-index:10;
	margin:0 8px;
}

#contentWrap .exp_content .longimg {
	 height:326px; 
	 width:200px; 
	 margin-top:18px; 
	 margin-left:14px;
 }
 
#contentWrap .exp_content div.frameFloatRight, #contentWrap .exp_content div.frameFloatLeft  {
	width:273px; 
	height:238px; 
	background:transparent url(../images/frame.png) no-repeat; 
}

#contentWrap .exp_content div.frameFloatRight  {
	float:right; 
	margin: 3px 3px 3px 5px; 
}

#contentWrap .exp_content div.frameFloatLeft  {
	margin: 3px 5px 3px 3px;
	float:left; 
}

#contentWrap .exp_content .swf {
	 height:173px; 
	 width:230px; 
	 margin-left:19px;
	 margin-top:12px;
	 border-bottom:1px solid #FFF;
	 border-right:1px solid #FFF;
}

#contentWrap .exp_content .highlight_left, #contentWrap .exp_content .highlight_right {
	width:100px;
	background-color:#D2E0F0;
	margin:5px;
	font:1.0em Verdana, Arial, Helvetica,Georgia;
	line-height:16px;
	overflow:visible;
	border-top:5px solid #0C5793;
}

#contentWrap .exp_content .highlight_left {
	float:left;
	text-align:left;
	padding-left:3px;
	margin-left:10px;
}

#contentWrap .exp_content .highlight_right {
	float:right;
	text-align:right;
	padding-right:3px;
	margin-right:10px;
}

#contentWrap .exp_content .highlight_heading {
	color:#0C3379;
	font-weight:bold;
}

#contentWrap .exp_content .highlight_text {
	color:#000000;
	font-size:0.8em;
}


#contentWrap .exp_content ul {
	margin-left:0;
	padding-left:10px;
}

#contentWrap .exp_content li {
	list-style:none;
	background: url(../images/bullet2.gif) no-repeat 0px 4px;
	padding-left:24px;
	line-height:18px;
}

#contentWrap .exp_content p {
	margin-left:10px;
	margin-right:10px;
	text-align:justify;
}

/* ============================PROGRAM CALENDAR ========================================*/		


#contentWrap .exp_content #prgmCalendar {
	 margin:15px auto; 
	 background-color:#EDEDED; 
	 width:450px;
}

#contentWrap .exp_content #prgmCalendar  h2.cal-header {
	font:bold 1.6em Tahoma, Geneva, sans-serif; 
	color:#333; 
	padding:8px 0 0 15px;
}

#contentWrap .exp_content #prgmCalendar ol {
	margin:15px 10px 15px 10px; 
	padding:4px 4px 10px 4px;
}

#contentWrap .exp_content #prgmCalendar ol li.cal {
	display:block; 
	margin:0 1px 1px 1px; 
	padding:8px 0 8px 4px; 
	background:#FFF;
}

#contentWrap .exp_content #prgmCalendar ol li.cal a, #prgmCalendar ol li.cal a:visited {
	padding-left:6px; 
	color:#1F4F82; 
	font:bold 1.3em Verdana, Geneva, sans-serif;
}

#contentWrap .exp_content #prgmCalendar ol li.cal a:hover {
	text-decoration:underline;
}



/* ====================================================================================*/		

#calendar {
	margin:10px 0;
	padding:0;
}

#calendar a {
	display:block;
	margin:10px 0;
}



/* ========================================QUOTE PAGE============================================*/		

#converter { /* Currency converter. Other CSS directly styled in tags */
	text-align:left;
	padding:15px;
}

#quote_form { 
	width: 460px; 
}

#quote_form form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding-right: 8px; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#contentWrap .exp_content .quote {
	border:1px solid #999;
	margin:0 10px;
}

#contentWrap .exp_content .quote h3{
	margin:0;
	padding:4px 0 0 4px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	background:#F3DE2A url(../images/bg_QuoteHeader.jpg) repeat-x;
	color:#000;
}

#contentWrap .exp_content input.book{
	background:url(../images/but_bookCourse.jpg) no-repeat;
	color: #333;
	font:bold 1.1em Verdana, Geneva, sans-serif;
	width:220px;
	height:34px;
	line-height:34px;
	border:0;
	cursor:pointer;
}

#contentWrap .exp_content input.book:hover{
	color:#000;
}

#contentWrap .exp_content input.getQuote, #contentWrap .exp_content input.submitContact {
	background:url(../images/but_getQuote.jpg) no-repeat;
	color: #333;
	font:bold 1.1em Verdana, Geneva, sans-serif;
	width:145px;
	height:34px;
	line-height:34px;
	border:0;
	cursor:pointer;
}

#contentWrap .exp_content  dl {
	margin-left:10px;
}

#contentWrap .exp_content  dl dt {
	margin:5px 0;
}

#contentWrap .exp_content  .convertCurr p {
	text-align:center;
}

#contentWrap .exp_content  .convertCurr a {
	color: #F60;
	font:1.2em bold Verdana, Geneva, sans-serif;
	padding:5px;
}
	
/* ===================SIDE BY SIDE ARRANGEMENT FOR U LIST  ============================*/		

#contentWrap .exp_content #doublediv {
	width:490px; 
	margin:0 10px;
	padding:0px;
}


#contentWrap .exp_content #doublediv ul.left {
	float:left; 
	width:240px;
	margin:0px;
	padding-left:0px;
}

#contentWrap .exp_content #doublediv ul.right {
	float:left; 
	margin:0px;
	width:240px;
	padding-left:0px;
}



/* ===================================NAVIGATIONAL LINKS=======================================*/		

#contentWrap  .linkList {
	width:190px;
	float:left;
	margin-left:10px;
	padding:0;
	background:#044F89 url(../images/bg_NavContainer.jpg) bottom center no-repeat;
}

#contentWrap .linkList div {
	width:190px;
	margin:0 0 40px 0;
}

#contentWrap .linkList div h3 { 
	width:190px;
	height: 28px;
	margin:0 0 0;
	border-bottom:1px solid #044F89;
	border-top:1ox solid #044F89;
	background:#002B62;
}

#contentWrap .linkList h3 span {
	display:block;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	color:#EF8A14;
	text-align:right;
	padding:6px 6px 0 0;
}

#contentWrap .linkList div  ul {
	width:188px;
	margin: 0px;
	padding: 0px;
	background:none;
	list-style-type: none;
	}

#contentWrap .linkList div  ul p {
	text-align:center;
}

#contentWrap .linkList div ul li {
	line-height: 2.5ex; 
	display: block; 
	padding:0; 
	margin:0px;
	font-size:0.9em;
	text-align:right;
	border-bottom:1px solid #033D67;
	}

#contentWrap .linkList div ul li a:link, #contentWrap .linkList div ul li a:visited  { 
	font-size:1.1em;
	font-weight:bold;
	text-decoration: none; 
	color: #FFF;
	display:block;
	margin:0;
	padding: 5px 10px 5px 6px; 
	}
	
#contentWrap .linkList div ul li a:hover, a:active { 
	text-decoration:none; 
	background-color:#0568B1;
	}


/* ========================================FOOTER============================================*/		
.footer-stretch {
	width:100%;
/*	background:url(../images/bg_footer-whole.jpg) bottom repeat-x; */
}

.footer { 
	width:760px;
	background:#002863 url(../images/bg_footer.jpg) top no-repeat;
	padding:35px 0 10px 0;
	margin:0 auto;
}

.footer .affiliates {
	width:48%;
	float:left;
	margin-left:10px;
}

.footer .affiliates a {
	margin-right:15px;
}

.footer .ack{
	width:48%;
	font-size:0.9em;
	float:left;
	color:#FFF;
	text-align:right;
	margin-right:10px;
}

.footer  a:link, .footer  a:visited {
	text-decoration:none;
	color:#009999;
}	

.footer  a:hover{
	color: #F60;
}


/**
 * ----------------------------------------------------------------------------
 * FAQ - toggle
 * ----------------------------------------------------------------------------
 */

 /* Screen ------------------------------------------------------------------- */

@media projection, screen {

	#contentWrap .exp_content .toggler2 {
	    margin:10px 0 10px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.1em;
		font-weight:bold;
		line-height:28px;
		display: block;
		width:465px;
	}
		
	#contentWrap .exp_content .toggler2-closed {
		color:#4B575A;
		padding-left:20px;
		height:30px;
		background: #efefef url('../images/togglerc.gif') center right no-repeat;
		border: solid 1px white;	
	}
	
	#contentWrap .exp_content  .toggler2-closed:hover {
		color: #3E6371;
		padding-left:20px;
		height:30px;
		background: #fff url('../images/togglerch.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
		text-decoration:none;
	}
	
	#contentWrap .exp_content .toggler2-opened {
		color:#4B575A;
		padding-left:20px;
		height:30px;
		background: #DBE3EA url('../images/togglero.gif') center right no-repeat;
		border: solid 1px white;
	}
	
	#contentWrap .exp_content .toggler2-opened:hover {
		color: #3E6371;
		padding-left:20px;
		height:30px;
		background: #DBE3EA url('../images/toggleroh.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
		text-decoration:none;
	}

	/* Container */
	#contentWrap .exp_content div.toggler2-c {
	}
	
	#contentWrap .exp_content div.toggler2-c-closed {
	   	background:transparent;
	   	border:solid 1px #e3e3e3;
		margin:-11px 0px 25px 0px;
	   	padding:20px;
		width:445px;
	}
	
	#contentWrap .exp_content div.toggler2-c-opened {
		margin:-11px 0px 25px 0px;
	   	padding:20px;
	   	background:#efefef;
	   	border:solid 1px #fff;
		width:445px;
	}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler2-c { margin-bottom:11px; }
	.toggler2 { display: none; }
	
}


/* Used in form validator */
.tfvHighlight {
	font-weight: bold; 
	color: red;
}

.tfvNormal {
	font-weight: normal;	
	color: black;
}