/*changed all /images to images*/
body {
margin: 7px 0 7px 0; 
padding: 0; 
font-family: Verdana, Arial, sans-serif; 
color: #000; 
font-size: 12px;
}

td { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000 }
td.topShadow { background-image: url("images/top_shadow.gif"); background-repeat: repeat-x; height: 4px; margin: 0; padding: 0; }
td.rightShadow { width: 11px; background-image: url("images/right_shadow.gif"); background-repeat: repeat-y; margin: 0; padding: 0; }
td.bottomShadow { background-image: url("images/bottom_shadow.gif"); background-repeat: repeat-x; height: 12px; margin: 0; padding: 0; }
td.leftShadow { width: 5px; background-image: url("images/left_shadow.gif"); background-repeat: repeat-y; margin: 0; padding: 0; }

a { font-size: 12px; color: #339999; text-decoration: none; }
a:hover { text-decoration: underline; }

.front_img img { float: left; margin: 0 1px 0 0; padding: 0;}

.spacer { 
border-top: 1px solid #BEBEBE; 
margin: 2px 0 2px 0;
}

.site { margin-top: 4px; border: 0; padding: 0 4px 4px 4px;  }

.header { padding: 0; margin: 0 0 2px 0; }
.footer { border-top: 1px solid #B8B8B8; padding: 2px 2px 1px 2px; margin: 0 0 0 0; display: block; }

.footerLinks { padding: 8px 25px 24px 25px; background-color: #828282; display: block; }
.footerLinks a { font-size: 11px; color: #FFF; font-family: Arial, Verdana, Helvetica; text-decoration: none; margin-left: 30px; }
.footerLinks a:hover { text-decoration: underline; }

.copyright { font-size: 11px; margin: 11px 25px 11px 25px; font-family: Arial, Verdana, Helvetica; text-align: right; color: #5B5B5B; width: auto; }
.copyright2 { font-size: 11px; margin: 3px 3px 3px 0px; font-family: Arial, Verdana, Helvetica; text-align: right; color: #000; width: auto; }
.lt_gray { color: #828282; }

.nav { float: left; width: 221px; background-color: #FFF; font-family: Arial, Verdana, sans-serif; }
.nav ul { float: left; border-bottom: 1px solid #a5acb2; font-family: Arial, Verdana, sans-serif; list-style-type: none; margin: 0; padding: 0 0 3px 0; width: 221px;}
.nav ul.home { border-bottom: 0; padding-bottom: 0; height: 216px; }
.nav li { font-family: Arial, Verdana, sans-serif; width: 100%; float: left; list-style-type: none; margin: 0 0 1px 0; height: 30px; background-image: url("images/UNSELECTED_BUTTON.jpg"); background-repeat: no-repeat; }
.nav li.sel { background-image: url("images/SELECTED_BUTTON.jpg"); background-repeat: no-repeat; }
/* commented backslash hack v2 \*/
.nav ul { width: 100%; }
/* end hack */

.nav li.belowNavLi {
	background-image: url("images/gray_bg.gif"); 
	background-repeat: repeat-y;
	margin-top: 3px; margin-bottom: 0px; padding: 0px; text-align: right;
}

.left_col { width: 221px; background-image: url("images/gray_bg.gif"); background-repeat: repeat-y; }
.under_img { padding-top: 8px; padding-right: 20px; text-align: right; color: #2E66F4; font-size: 10px; }

.nav li a, .nav li p {
	font-family: Arial, Verdana, sans-serif;
	display: block;
	padding: 8px 3px 4px 21px;
	margin: 0;
	color: #040337;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
}

html>body .nav li a { width: auto; }

.nav li.sel a { color: #0C08B4; }
.nav li a:hover { color: #0C08B4; text-decoration: none; }

li.subNavList { background-image: url("images/menu_sub_section_bg.gif"); background-repeat: repeat-y; height: 100px; }
ul.subNav { background-image: url("images/menu_sub_section_bg.jpg"); background-repeat: repeat-y; border-bottom: 0;  padding-top: 10px; padding-bottom: 6px; }
ul.subNav li { height: auto; font-family: Arial, Verdana, sans-serif; list-style-type: none; margin: 0; background-image: none; }
ul.subNav li a { font-size: 12px; color: #040337; padding: 0 0 6px 20px; margin: 0; font-weight: normal }
ul.subNav li a:hover { color: #0C08B4; text-decoration: none;}
ul.subNav li a.sel { color: #0C08B4; }

.contentHolder { padding: 0 0 0 2px; margin: 0; }
.content { padding: 20px 15px 15px 28px; margin: 0; }
.content h3 { font-family: Verdana, Arial, sans-serif; font-size: 16px; color: #000; margin: 0; padding: 0 0 10px 0; }
.content h6 { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; margin: 0; padding: 0 0 4px 0; font-weight: bold }
.content p { width: auto; display: block; margin-top: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000 }
.content p.bull_par { background-image: url("images/blue_bullett_par.gif"); background-repeat: no-repeat; padding: 0 0 0 12px; }
.content p.error { color: #2E66F4; }

.content a { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000; text-decoration: none; }
.content a:hover { text-decoration: underline; }
.content td { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000; }

.forList { margin: 0; padding: 0; }
.forList ul { margin-top: 0; margin-left: 0; padding-left: 16px; list-style: disc url("images/blue_bullett.gif") outside;  }
.forList ul li { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; }

a.blueLink { color: blue; font-size: 11px; font-family: Verdana, Arial, sans-serif; } 
a.blueLinkUnd { color: blue; font-size: 11px; font-family: Verdana, Arial, sans-serif; text-decoration: underline; } 
.blue, p.blue { color: #0C08B4; } 
.content .blue { color: #0C08B4; }

.errors {
	padding: 0 0 15px 0;
	color: red;
}

.date { color: #040337; }

input, select {	font-size: 10px; }

.contact_left {
	float: left;
}

.contact_left input, textarea {	width: 200px; }
.contact_left input.submit { width: auto; }

.contact_right {
	width: 44%; 
	float: right; 
	padding-right: 10px;
}

/* commented backslash hack v2 \*/
.contact_right {
	width: 46%; 
}

.contact_left input, textarea {	width: 220px; }

/* end hack */

h1, h2, h4 {
	font-size: 16px;
	font-weight: bold;
	color: #040337;
	margin-bottom: 0;
	padding-bottom: 0;
}

h2 { font-size: 14px; color: #454C72; }
h4 { font-size: 13px; }
h5 { padding: 0 0 6px 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #339900; }

#mainarea {
background-repeat: no-repeat;
background-position: bottom;
}

#signin {
width: 220px;
margin: 0px;
border-bottom: 0px solid #a5acb2;
background: none;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
float: left;
}

.signinspace {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

.logged_in {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}

.logged_in a {	font-size: 12px; }

#signin h3 { margin: 0;	padding: 0; font-size: 12px; color: #B66B09; }

#signin a {
font-size: 11px; 
font-weight: normal;
font-family: Arial, Verdana, Helvetica; 
vertical-align: middle;
margin: 0px;
padding: 0px;
text-decoration: underline;
color: blue;
}

#welcome_bottom {
border-top: 0px solid #a5acb2;
margin: 0px;
padding: 0px;
width: 470px;
font-size: 11px; 
font-weight: normal; 
line-height: 14px;
background: url("images/welcome_bottom.jpg");
background-repeat: no-repeat;
}

#welcome_bottom h6 {
margin: 0px;
padding: 0px;
width: 155px;
font-size: 11px; 
font-weight: normal; 
line-height: 14px;
height: 245px;
}

#gettingstarted_bottom {
margin: 0px;
padding: 0px;
width: 470px;
height: 360px;
font-size: 11px; 
font-weight: normal; 
line-height: 14px;
background: url("images/gettingstarted_bottom.jpg");
background-position: bottom right;
background-repeat: no-repeat;
}

#gettingstarted_bottom p {
margin: 0px;
padding: 0px;
width: 270px;
font-size: 11px; 
font-weight: normal; 
line-height: 14px;
}

#gettingstarted_bottom p.green {
	color: #339900;
}

img.galleryImg {
	border: 1px solid #040337;
}

.sign_up_normal {
	display: block;
	width: 220px;
	float: left;
	width: 100%;
}

.sign_up_normal input {
	width: 220px;
}

.sign_up_st {
	style: display: inline;
	float: left;
	padding-right: 12px;
}

.sign_up_st input {
	width: 136px;
}

.sign_up_zip {
	style: display: inline;
	float: left;
}

.sign_up_zip input {
	width: 72px;
}

.optional_info {
	display: none;
}

#courseMenu { float: left; width: 221px; background-color: #FFF; font-family: Arial, Verdana, sans-serif; }
#courseMenu ul { float: none; border-bottom: 0; font-family: Arial, Verdana, sans-serif; list-style-type: none; margin: 0 0 0 10px; padding: 0 0 3px 0; width: auto;}
#courseMenu li { font-family: Arial, Verdana, sans-serif; list-style-type: none; height: 15px; background-image: none; }
#courseMenu li.belowNavLi {
	background-image: url("images/gray_bg.gif"); 
	background-repeat: repeat-y;
	margin-top: 3px; margin-bottom: 0px; padding: 0px; text-align: right;
}

.hiddenContent {
	display: none;
}

/**** HighSlide ****/

.highslide-html { background-color: #FFF; }
.highslide-html-blur {}
.highslide-html-content {
	position: absolute;
    display: none;
    background-color: #FFF;
}

.highslide-top-bar {
	height:41px; 
	background-color: #FFF;
	color: #FFFFFF;
	padding: 0px 12px 0 12px;
    background-image: url(images/div_top_banner.gif);
	background-repeat: repeat-x;
}

.highslide-top-bar h3 {
	font-size: 13px; font-weight: bold; padding: 0; margin: 0; color: #FFF;
}

.highslide-top-bar a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 9pt;
    font-weight: bold;
	margin: 0;
	cursor: pointer;
}

.barHeader {
	float: left; 
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 11px;
}

.highslide-top-bar a:hover { color: #0C08B4 }
.highslide-top-bar a.disabled_link  { color: #CCC; text-decoration: none; }
.highslide-top-bar a.disabled_link:hover  { color: #CCC; text-decoration: none; }

.download {
	float: left;
    display: inline;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    background-image: url(images/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.highslide-html img.descImg {
	border: 1px solid #E1C369;
}

.highslide-html h3 {
	margin: 0; padding: 0;
}

.control {
    /*position: relative;*/
	margin: 0 0 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}

.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}

.galleryThumb {
	width: 75px;
	height: 75px;
	text-align: center;
	border: 1px solid #E1C369;
}

.galleryThumb img {	border: 0; }
.galleryThumb img:hover {
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
}

td.grayCol {
	border-bottom: 1px solid #a5acb2;
}

.controlbar {	
	background: url(images/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
	margin-top: -15px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(images/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

.next_prev {
	padding: 15px;
	text-align: center;
}

.page_num {
	font-size: 10px;
	color: #000;
	float: right;
	padding: 10px 0 10px 0;
}

td.mediaTblHdr {
	background-color: #D8B037;
	color: #FFFFFF;
	padding: 4px;
}

.memberInfoDivider {
	font-size: 16px;
	color: #0C08B4;
}

.whatsNew {
	margin-bottom: 15px;
	float: left;
	width: 478px;
}

.whatsNew img {
	border: 1px solid #E1C369;
	margin: 0 15px 10px 0;
}

.whatsNew h3 {
	font-size: 13px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.whatsNew h6 {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

.whatsNew p {
	font-size: 12px;
	line-height: 120%;
	margin-top: 5px;
}

.whatsNew a.more {
	float: right;
	font-size: 12px;
	color: #040337;
	text-decoration: underline;
}

.whatsNew a.more:hover {
	color: #0C08B4;
}

.whatsNewFile {
	float: left;
	display: inline;
	padding: 0 10px 10px 0 ;
	text-align: center;
}

.whatsNewFile img {
	border: 0;
}

img.descImg {
	border: 1px solid #E1C369;
}

.tb img {
	margin-left: 10px;
	margin-bottom: 10px;
}

.tb p {
	font-size: 12px;
	line-height: 120%;
}

.tb a {
	font-size: 12px;
}

.errMsg {
	color: green;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.welcome {
	color: #B66B09;
	font-weight: bold;
}

input.registerwidth { width: 267px; font-size: 12px; }
select.registerwidth { width: 260px; font-size: 12px; }

.row2{ 
	background: #e9f2e4; 
}

.row2 p{
	background: #F9F9F9;
	border: 1px solid #CCC;
	margin: 5px;
	padding: 10px;
	text-align: left;
}

.tabber, .tabber2 {
  width: 478px;
  float: left;
}

.tabber h3, .tabber2 h3 {
  margin: 0;
  padding: 5px;
  background: #FFF;
  border-bottom: 1px solid #a5acb2;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
}

.tabber h3.clicked {
	background-image: url(/p4pimages/minus.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.tabber h3.unclicked {
	background-image: url(/p4pimages/plus.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.tabber div, .tabber2 div {
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #a5acb2;
  font-size: 12px;
}

.tabber p, .tabber2 p {
  font-size: 12px;
}

.hover {
  cursor: pointer;
  background-color: #CC0000;
}

.tabber a { font-size: 12px; }
.tabber a:hover { font-size: 12px; text-decoration: underline; }

.devFormLeft { border-left: 1px solid #a5acb2; border-bottom: 1px solid #a5acb2; }
.devFormLeft td, .devFormRight td { font-size: 10px; }
.devFormRight { border-right: 1px solid #a5acb2; border-bottom: 1px solid #a5acb2; }
.devFormIndent { padding-left: 20px; }
.devFormHeader { background-color: #D8B037; color: #FFFFFF; font-size: 13px; }
.devFormHeader h4 { margin: 0; padding: 6px 0 6px 4px; color: #FFFFFF; font-size: 13px; text-transform: uppercase;}
.devFormHeader h5 { margin: 0; padding: 3px 0 3px 4px; color: #FFFFFF; font-size: 13px; text-transform: uppercase; width: auto; float: left;}
.devFormHeader h6 { margin: 0; padding: 3px 0 3px 4px; color: #FFFFFF; font-size: 13px; font-weight: normal; display: inline;  float: left;}

.offStar {
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

.rating { border: 1px solid #D8B037; float: right; }
.rating:hover { cursor: pointer;}
.rating h5 { margin: 0; padding: 1px 0 1px 4px; color: #FFFFFF; font-size: 12px; text-transform: uppercase; width: auto; float: left;}
.rating td { font-size: 10px; }

.challenge { width: 478px; margin-top: 5px; border-bottom: 1px solid #a5acb2; float: left; display: block;  }
.challengeDt { font-size: 10px; text-transform: italic; padding-left: 10px; margin-bottom: 4px;  }
.challengeBy { font-size: 12px; font-weight: bold;  padding-left: 10px; }
.challengeComment { font-size: 12px; padding: 10px; }


/* courses */
a.tbl_contents:hover {
	text-decoration: underline;
}

.course_content {
	margin: 0px 10px 0 0px;
	padding: 10px 0 0 0;
	font-size: 12px;
}

.course_content h3 {
	font-size: 16px;
	margin-bottom: 5px;
}


li.level_1 a { font-size: 14px; color: #000; font-weight: bold; }
li.level_2 a { font-size: 14px; font-weight: bold; }
li.level_1 p, li.level_2 p { padding: 6px; font-size: 12px; }

li.level_3 { margin-bottom: 5px; }
li.level_3 a { font-size: 12px; }
li.level_4 a { font-weight: normal; }

ul.level_1, ul.level_2 { font-family: Verdana, Arial, sans-serif; margin-top: 0; margin-left: 0; padding-left: 0; list-style-type: none; }
ul.level_2 { margin-top: 10px; }
ul.level_3 { margin-top: 10px; 	list-style-image: url(images/level_3.gif);}
ul.level_4 { list-style-image: url(images/level_4.gif); }
ul.level_5 { list-style-image: url(images/level_5.gif); }
ul.level_6 { list-style-image: url(images/level_6.gif); }
ul.level_7 { list-style-image: url(images/level_6.gif); }
ul.level_8 { list-style-image: url(images/level_6.gif); }
ul.level_9 { list-style-image: url(images/level_6.gif); }

ul.level_1 li { padding-bottom: 3px;}

#course_menu ul li a.highslide:hover { text-decoration: underline; }
#course_menu ul li a.su_block { color: #000 }
#course_menu ul li a.su_begin { color: #000; }
#course_menu ul li a.su_end { color: #000; }

.course_form { margin-top: 10px; }
.course_form label { font-weight: bold; text-transform: uppercase; }
.course_form input { width: 500px; font-size: 11px; padding: 2px; }
.course_form textarea {	width: 500px; height: 100px;  font-size: 11px; padding: 2px; }
.course_form input:focus, .course_form textarea:focus {	 font-size: 11px; padding: 2px;  background: #e9f6fd; border: 1px solid black;}
.course_form input.reg_wid { width: auto; }

td.product_list {
	border-bottom: 1px solid #a5acb2;
}

.training_schedule {
	list-style-image: url(images/training_bullet.gif);
}