<%
	response.contenttype = "text/css"
%>
/*

	-- -- -- -- -- -- --
	cert_course.css
	Default styles for certificate/course pages
	-- -- -- -- -- -- --
	
*/
#wrapper {
	width: auto;
	height: 100%;
}
#page {
	background-color: #fff;
	1border: 1px solid #ccc;
	height: auto;
	padding-bottom: 15px;
}
hr {
	margin: 0 10px 10px 28px;
}
h1, h2, h3.standard_h3, h4 {
	font-weight: bold;
	padding-left: 28px;	
	padding-right: 10px;
}
h3.standard_h3{
	margin-bottom:-18px;
	font-size:1em;
	color: #b28100;

}
h1 {
	font-size: 1.5em;
	margin-top: 33px;
}
h1.subhead {
	margin-top: 0;
}
h2 {
	font-size: 1.2em;
}
h2.inline {
	 display:inline;
	 margin-right:-20px;
	 padding:0px;
}

p.inline {
 	display:inline;
 	margin-left:-150px;
 	padding:-150px;
}

p.quote_attr {
	text-align: right;
	font-style: italic;
}
.div_margin{
	margin-left: 28px;
	padding: 10px 0;
}
.left {
	position: relative;
	float: left;
}
.right {
	float: right;
	margin-top: -2px;
}
.left h2 a, .right h2 a {
	text-decoration: none;
}
.left h2 a:link, .right h2 a:link, .left h2 a:visited, .right h2 a:visited {
	color: #003585;
	text-decoration: underline;
}
.left h2 a:hover, .left h2 a:focus, .right h2 a:hover, .right h2 a:focus {
	color: #004ec2;
}
/*.left ul li, .right ul li {
	list-style-type: none;
}*/
.super {
	vertical-align: super;
} 
address {
	margin-left: 38px;
	font-style: normal;
	font-size: 0.9em;
	line-height: 1.7em;
}
#col_1 {
	
        float: left;
	    height: 100%;
		font-size:0.9em;
		
	
}
#col_1 a {
	text-decoration: none;
}
#col_1 a:hover {
	text-decoration: underline;
}
#col_1 img {
	margin: 5px;
}
#col_1 p {
	margin-left: 8px;
	margin-bottom: 0;
}
#col_1 ul {
	clear: both;
	text-align: left;
	margin-top: 4px;
	padding-left: 0;
	color: #000;
	list-style-type: none;
	font-size: 0.9em;
	margin-bottom: 6px;
}	
#col_1 ul li {
	padding-left: 10px;
	margin-bottom: 6px;
}
#col_1 ul li a {
	font-weight: normal;
	text-decoration: none;
}


#certs {
	margin-left: 4px;
	background-image: url(/images/certStripes.jpg);
	border: 1px solid #ccc;
	margin-top: 6px;
}
#certs p {
	line-height: 1.2em;
	padding-right: 10px;
	padding-top: 10px;
}	
#certs ul li {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	/*text-transform: capitalize;*/
}
#mast {
	margin-left: 4px;
	background-image: url(/images/masterStripes.jpg);
	border: 1px solid #ccc;
	margin-top: 6px;
}
#mast p {
	line-height: 1.2em;
	padding-right: 10px;
	padding-top: 10px;
}	
#mast ul li {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	/*text-transform: capitalize;*/
}
#main {
	float: right;
	height: 100%;	
}
#upper {
	width: auto;
	height: 100%;
}

#photo_a {
float:left
	
}
#photo_b {
float:right
}


#col_2 {
	position: relative;
	float: left;
	height: 100%;
	background-image: url(/images/certContStripe.jpg);
	margin-bottom: 3px;
	padding-bottom: 10px;
}
#col_2 ul {
	padding-right: 20px;
	margin-left: 40px;
	line-height: 1.5em;
}
#col_2 ul.course_link {
	list-style-type: none;
}
#col_2 ol {
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 28px;
	line-height: 1.4em;
}
#col_2 li {
	padding: 0 20px 5px 0px;
	font-size: 0.9em;
}
#col_2 p {
	padding-right: 20px;	
	color:#333333;
	font-size:0.9em;
	margin-right:40px;
}
#col_2 p.above_head {
	font-size: 1.2em;
	font-weight: bold;
	color: #003585;
}
#col_2 h1 {
	margin-top: 10px;
}
#col_2.blank {
	background-image: none;
}
#col_2 img.border {
	border: 1px solid #333;
}	

#content_tools {
	position: relative;
	float: right;
	width: auto;
	margin-left: -20px;
	margin-right: 20px;
	font-size: 0.80em;
}
#content_tools ul {
	list-style-type: none;	
}
.shopping_cart_heading{
	font: bold 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: url(/images/headGrad2.jpg) 40% 0;
	line-height: 1.7em;
	padding: 0 5px 0 5px;
	margin-bottom: -1px;
	margin-top:0px;
}
.align_right{
text-align:right;
}
#alternate_color{
background: #F4F2E8;
padding-top:5px;
}
#col_3 h5 {
	margin-left: 3px;
	margin-bottom: 0;
	padding: 0;
	font-size: smaller;
}
#col_3 p {
	margin-left: 3px;
	margin-top: 0;
	line-height: 1.3em;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 0.9em;
	color: #333;
	word-spacing:2px;
}
.first {
	padding-top: 4px;
}
.yellow {
	color: #b28100;
}
.teal {
	color: #288c9c;
}
.blue {
	color: #003585;
}
#col_3 {
	position: relative;
	float: right;
	height: 100%;
}
#col_3 p.non_bold{
font-weight:normal;
color:#333333;
word-spacing:2px;
font-size:0.9em;

}
.floatright {
	position: relative;
	float: right;
	width: 80px;
	margin: 0 0 5px 0;
	padding: 7px 3px 3px 3px;
	font-size: 0.8em;
}
div.floatright img {
	padding-left: 3px;
}
.floatleft {
	position: relative;
	float: left;
	margin: 0 8px 8px 0;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	border: none;
}
.news {
	background-image: url(/images/highlightGrad.jpg);
	margin-top: 4px;
}
.center_img {
	text-align: center;
}
.center_img img{ 
	border:#FFFFFF medium solid;
	padding:0px 0px;
}
#col_3 hr {
	width: 75%;
	text-align: center;
	margin: 8px 8px;;
	padding: 0;
	color:#CCCCCC;
	visibility:hidden;
	padding-bottom:25px;

}
.info {
	background-image: url(/images/tealGrad.jpg);
}

#action {
	text-align:center;
	background-image: url(/images/rustGrad.jpg);
	margin-top: 13px;
	padding-top:20px;
	padding-bottom: 20px;
	margin-bottom: -9px;
	height: 100%;
}

#footer {
	background-color: #fff;
}

*html #action {
	margin-top: 0px;
}
#testimonial {
	background-image: url(/images/highlightGrad.jpg);
	
	font-weight:lighter;
}

#free_info {
	background-image: url(/images/highlightGrad.jpg);
	
	font-weight:lighter;
}

.float_right {
	position: relative;
	float: right;
	text-align: center;
	width: 70px;
	margin: 0 8px 10px 5px;
	padding: 7px 3px 3px 3px;
	font-size: 0.8em;
	height: 100%;
	clear: right;
}

div.float_right img {
	padding-left: 3px;
}
div.info_box {
	width: 350px;
	background-color: #FFFFFF;
	position: relative;
	float: right;
	margin-left: 15px;
	margin-right: 30px;
	height: 100%;
	clear: right;
	border: #000000 medium double;
	padding: 10px;
}

div.info_box ul li{
	margin-left: -55px;
	margin-left: auto\9;
}

.float_left {
	position: relative;
	margin: 0 8px 8px 0;
	padding: 0px 0px -5px 0px;
	font-size: 0.8em;
}
#spacer {
	clear: both;
}
th {
	font: bold 90% "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #000000;
	border-right: 1px solid #D2DEEC; /*#C1DAD7*/
	border-bottom: 1px solid #D2DEEC; /*#C1DAD7*/
	border-top: 1px solid #D2DEEC; /*#C1DAD7*/
	letter-spacing: 2px;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #D2DEEC; /*#CAE8EA*/
}
th.vertical{
    writing-mode: tb-rl;
    filter: flipv fliph;
	text-align:center;
	color:#fff;
	background:#006699;
}
th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #D2DEEC; /*#C1DAD7*/
	background: none;	
}
th.spec {	
	border-left: 1px solid #D2DEEC; /*#C1DAD7*/
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
}
th.specalt {
	border-left: 1px solid #D2DEEC; /*#C1DAD7*/
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}
td {
	font-size: 75%;
	border-right: 1px solid #D2DEEC; /*#C1DAD7*/
	border-bottom: 1px solid #D2DEEC; /*#C1DAD7*/
	/*background: #fff;*/
	padding: 3px 3px 3px 6px;
	color: #06457C; /*#6D929B*/
}
td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}  
tr { 
   background-color: #FFFFFF;
  }
.initial { background-color: #FFFFFF; }
.alter { background-color: #F6F6F6; }
.highlight { background-color: #F2EACE; }
table {
	margin-top: 5px;
	margin-left:28px;
	margin-right:3px;
	margin-bottom:20px;
	border:thin #000000;
	background:#FFFFFF;
}
caption { 
	caption-side: top;
	font-size:14px;
	font-weight:bold;
	width: auto;
	text-align: left;
	margin-left:28px;
}
table.std {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}
table.std caption {
	margin-top: 10px;
}
table.std th {
	text-align: center;
}

th.ctr, td.ctr {
	text-align: center;
}

ol.open {
	list-style-type: upper-roman;
}

ol.open li {
	margin-left: 28px;
}

div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}
div.notes_inline { 
  width:75%;
  height: auto;
  margin: 0px 0px 10px 30px;
  padding: 3px 0px 3px 10px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 90%;
  margin-top:10px;
}

div.notes_transparent {
  width: 97%;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  color: #000;
  font-size: 100%;
}
span.required{
	font-weight:bold; /* uses class instead of div, more efficient */
	color:#BE2F37;
}

#col_1 ul {
margin-left: 0;
}


/*

Explorer Tree 1.4
=================
by Andrew Gregory <andrew@scss.com.au>
http://www.scss.com.au/family/andrew/webdesign/explorertree/

This work is licensed under the Creative Commons Attribution License. To view a
copy of this license, visit http://creativecommons.org/licenses/by/1.0/ or send
a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305,
USA.

*/

/* Get the bullets inside their LI's, so they're clickable. */
ul.explorertree li { list-style-position: inside; }
ul.explorertree, ul.explorertree ul, ul.explorertree li { margin: 0; padding: 0; }
ul.explorertree ul { padding-left: 0px; } /* sublist indentation */
/* Set the bullet images */
ul.explorertree li { list-style-image: url(/images/transparent_bullet.gif); list-style-type: square; }
ul.explorertree li.explorertree-open { list-style-image: url(/images/minus.gif); list-style-type: circle; }
ul.explorertree li.explorertree-closed { list-style-image: url(/images/plus.gif); list-style-type: disc; }
/* Actually show and hide sublists */
ul.explorertree li.explorertree-open ul { display: block; }
ul.explorertree li.explorertree-closed ul { display: none; }



/*Smoothbox*/

/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */


html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}