a:link
{
color: #990000;
font-weight: bold;
}

a:visited
{
color: #990000;
font-weight: bold;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(../images/back3.gif);
	background-repeat:repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	z-index: 0;
}

.parent {
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: 0;
}

.content {
	padding-bottom: 35px;
	text-align: left;
}

.contact_header {
	background-image: url(../images/il_head_back.png);
	background-repeat: repeat-x;
	height: 100px;
}

.contact_header_pic {
	/*background-image: url(../images/clouds.png);
	background-repeat: no-repeat;*/
	height: 100px;
}

.header_right
{
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

.footer {
	position: absolute;
	bottom: 0px;
	display: block;
	height: 45px;
	z-index: 999;
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 30px;
	font-size: 10px;
	letter-spacing: 1.11px;
	width: 100%;
	font-weight: bold;
}

.red
{
	color: #990000;
}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.main {
	background-color: #FFFFFF;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: left;
	}
	
.main_body
{
	line-height: 21px;
}
	
.main_back {
	background-color: #FFFFFF;
	width: 950px;
	}
.gradient {
	background-image: url(../images/back-gr9.png);
	background-repeat: repeat-x;
}

/*dynamic menus*/

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem, div.menu a.menuItem2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

div.menuBar {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-image: url(../images/navback4.png);
  background-repeat: repeat-x; 
  line-height: 28px;
  height: 28px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

div.menuBar a.menuButton {
  padding-left: 15px;
  padding-top: 4px;
  padding-bottom: 6px;
  cursor: pointer;
  z-index: 105;
}

div.menuBar a.menuButton:hover {
  border: 0px;
  color: #ffffff;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: transparent;
  border: 0px;
  color: #ffffff;
}

div.menu {
  background-color: #c2d9e8;
  left: 0px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 106;
  border-top: 1px solid #000000; 
}

div.menu a.menuItem {
  color: #000000;
  cursor: pointer;
  display: block;
  padding: 0 0 0 0;
  text-decoration: none;
  white-space: nowrap;
  height: 24px;
  width: 200px;
  text-indent: 15px;
  padding-top: 7px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

div.menu a.menuItem2 {
  color: #000000;
  cursor: pointer;
  display: block;
  padding: 0 0 0 0;
  text-decoration: none;
  white-space: nowrap;
  height: 24px;
  width: 120px;
  text-indent: 20px;
  padding-top: 7px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

div.menu a.menuItem3 {
  color: #000000;
  cursor: pointer;
  display: block;
  padding: 0 0 0 0;
  text-decoration: none;
  white-space: nowrap;
  height: 24px;
  width: 160px;
  text-indent: 15px;
  padding-top: 7px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

div.menu a.menuItem4 {
  color: #000000;
  cursor: pointer;
  display: block;
  padding: 0 0 0 0;
  text-decoration: none;
  white-space: nowrap;
  height: 24px;
  width: 300px;
  text-indent: 15px;
  padding-top: 7px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

div.menu a.menuItem5 {
  color: #000000;
  cursor: pointer;
  display: block;
  padding: 0 0 0 0;
  text-decoration: none;
  white-space: nowrap;
  height: 24px;
  width: 250px;
  text-indent: 15px;
  padding-top: 7px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}


div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #8cb8d2;
  color: #000000;
  background-repeat:repeat-x;
}



div.menu a.menuItem2:hover {
  background-color: #8cb8d2;
  color: #000000;
  background-repeat:repeat-x;
}

div.menu a.menuItem3:hover {
  background-color: #8cb8d2;
  color: #000000;
  background-repeat:repeat-x;
}

div.menu a.menuItem4:hover {
  background-color: #8cb8d2;
  color: #000000;
  background-repeat:repeat-x;
}

div.menu a.menuItem5:hover {
  background-color: #8cb8d2;
  color: #000000;
  background-repeat:repeat-x;
}



div.menu a.menuItem span.menuItemText {}

.leftbar
{
	width: 176px;
}

.leftbar .head
{
	background-image: url(../images/leftbar_head.gif);
	background-repeat: no-repeat;
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	font-weight: bold;
}

.leftbar .head .text
{
	padding-left: 8px;
	padding-top: 1px;
}

.leftbar .body
{
	line-height: 20px;
	background-image: url(../images/leftbar_midback.gif);
}

.leftbar .body .text
{
	padding-left: 8px;
}

.leftbar .foot
{
	background-image: url(../images/leftbar_foot.gif);
	background-repeat: no-repeat;
	height: 17px;
}

.message
{
	width: 176px;
	height: 230px;
	background-image: url(../images/left_message_back.gif);
	background-repeat:no-repeat;
	text-align: center;
}

.leftbar .foot .text
{
	padding-left: 8px;
}

.pdf, .star_login
{
	width: 176px;
}

.pdf .head
{
	background-image: url(../images/pdf_head.gif);
	background-repeat: no-repeat;
	height: 25px;
	line-height: 25px;
	color: #000000;
	font-weight: bold;
}

.star_login .head
{
	background-image: url(../images/star_head.jpg);
	background-repeat: no-repeat;
	height: 25px;
	line-height: 25px;
	padding-left: 35px;
	color: #ffffff;
	font-weight: bold;
}

.pdf .head .text, .star_login .head .text
{
	padding-left: 8px;
	padding-top: 1px;
}

.pdf .body, .star_login .body
{
	background-image: url(../images/leftbar_midback.gif);
	background-repeat: repeat-y;
	line-height: 20px;
}

.pdf .body .text, .star_login .body .text
{
	padding-left: 8px;
}

.pdf .foot, .star_login .foot
{
	background-image: url(../images/leftbar_foot.gif);
	background-repeat: no-repeat;
	height: 17px;
}

.message
{
	width: 176px;
	height: 230px;
	background-image: url(../images/left_message_back.gif);
	background-repeat:no-repeat;
	text-align: center;
}

.pdf .foot .text
{
	padding-left: 8px;
}

.middle .midleft
{
	width: 265px; 
	display: block; 
	float: left;
}

.middle .midright
{
	width: 265px; 
	display: block; 
	float: right;
}

.middle .head
{
	background-image:url(../images/mid_head.gif); 
	background-repeat:no-repeat;
}

.middle .head .text
{
	text-align: center;
	font-weight: bold;
}

.middle .body
{
	background-image: url(../images/mid_midback.gif);
	background-repeat: repeat-y;
	line-height: 20px;
}
.middle .body .text
{
	padding-left: 8px;
	padding-right: 4px;
}

.middle .foot
{
	background-image: url(../images/mid_foot.gif);
	background-repeat: no-repeat;
	height: 17px;
}

.search .midleft
{
	width: 360px; 
	display: block; 
	float: left;
}

.search .midright
{
	width: 360px; 
	display: block; 
	float: right;
}

.search .head
{
	background-image:url(../images/search_head.gif); 
	background-repeat:no-repeat;
}

.search .head .text
{
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	padding-left: 8px;
}

.search .body
{
	background-image: url(../images/search_midback.gif);
	background-repeat: repeat-y;
	line-height: 20px;
}

.search .body .text
{
	padding-left: 8px;
	padding-right: 4px;
}

.search .foot
{
	background-image: url(../images/search_foot.gif);
	background-repeat: no-repeat;
	height: 17px;
}

.course .head
{
	background-image:url(../images/course_head2.gif); 
	background-repeat:no-repeat;
}

.ceu .head
{
	background-image:url(../images/ceu_head.gif); 
	background-repeat:no-repeat;
}

.course .headright, .ceu .headright
{
	text-align: right;
	display: block;
	float: right;
	font-weight: bold;
    padding-right: 8px;
	color: #336600;
}


.course .head .text, .ceu .head .text
{
	text-align: left;
	font-weight: bold;
	color: #000000;
	padding-left: 8px;
	display: block;
	float: left;
}

.course .body, .ceu .body
{
	background-image: url(../images/course_midback.gif);
	background-repeat: repeat-y;
	line-height: 20px;
}
.course .body .text, .ceu .body .text
{
	padding-left: 8px;
	padding-right: 4px;
}

.course .footline, .ceu .footline
{
	display: block; 
	float: left; 
	font-size:11px;
	font-weight: bold;
}

.course .ceu_image, .ceu .ceu_image
{
	display: block; 
	float: left; 
	padding-top: 14px; 
	padding-right: 18px;
	font-size: 10px;
	line-height: 15px;
}

.course .ceu_image2, .ceu .ceu_image2
{
	display: block; 
	float: left; 
	padding-top: 14px; 
	font-size: 11px;
}

.course .ceu_text, .ceu .ceu_text
{
	display: block; 
	float: left; 
	padding-right: 3px;
	padding-top: 12px; 
	position: relative;
	color: #CC0000;
}

.course .ceu_text2, .ceu .ceu_text2
{
	display: block; 
	float: left; 
	padding-right: 3px;
	padding-top: 0px; 
	position: relative;
	color: #CC0000;
	width: 60px;
}


a.hover_units
{
	text-decoration: none;
	color: #CC0000;
}

a.hover_CEU_home
{
	text-decoration: none;
	color: #000000;
}



.course .register
{
	display: block; 
	float: right; 
	padding-right: 13px;
}

.course .foot, .ceu .foot
{
	background-image: url(../images/course_foot.gif);
	background-repeat: no-repeat;
	height: 17px;
}



.text_header
{
	font-size: 20px;
	font-weight: bold;
}
.text_header1
{
	font-size: 16px;
	font-weight: bold;
}

.text_header2
{
	font-size: 14px;
	font-weight: bold;
}

.text_body
{
	font-size: 13px;
}

.text_tabs
{
	font-size: 12px;
	line-height: 15px;
}

.text_small
{
	font-size: 11px;
	line-height: 11px;
}

.text_white {
	color: #FFFFFF;
	font-weight: bold;
}

.text_quote
{
	font-style: italic;
	font-size: 13px;
}

.flash
{
	background-image: url(../images/noflash-200.jpg);
	background-repeat: no-repeat;
	width: 950px;
	height: 200px;
}

/*tab styles */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #999999;
 font: bold 12px Arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #999999;
 border-bottom: none;
 text-decoration: none;
 background-image: url(../images/tab_head_back.png);
 background-repeat: repeat-x;
}

/*ul.tabbernav li a .left
{
	background-image: url(../images/tab_head_left.gif);
	background-repeat: no-repeat;
	width: 5px;
}

ul.tabbernav li a .right
{
	background-image: url(../images/tab_head_right.gif);
	background-repeat: no-repeat;
	width: 7px;
}*/

ul.tabbernav li a:link { color: #333333; }
ul.tabbernav li a:visited { color: #ffffff; }

ul.tabbernav li a:hover
{
 color: #000000;
 background: #f7ac1a;
 border-color: #000000;
}

ul.tabbernav li.tabberactive a
{
 background-image: url(../images/tab_head_back_active.png);
 border-bottom: 1px solid #fff;
 background-repeat: repeat-x;
 color: #000000;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-left:1px solid #cccccc;
 border-right:1px solid #999999;
 border-top:0;
 border-bottom:0;
 height: auto;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabberlive .foot
{
	height: 17px;
	width: 100%;
}

.tabberlive .foot .left
{
	background-image: url(../images/tab_foot_left.gif);
	background-repeat: no-repeat;
	width: 85px;
}

.tabberlive .foot .right
{
	background-image: url(../images/tab_foot_right.gif);
	background-repeat: no-repeat;
	width: 88px;
}

.tabberlive .foot .mid
{
	background-image: url(../images/tab_foot_mid.gif);
	background-repeat: repeat-x;
}

.table
{
border-left: 1px solid #333333;
border-top: 1px solid #333333;
}
.table td
{
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 5px;
}

.table td.none
{
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding: 0px;
}

.table td.yellow
{
background-color: #FFCC00;
}

.table td.grey
{
background-color: #666666;
}

.table td.ltgrey
{
background-color: #CCCCCC;
}

.table td.dkgrey
{
background-color: #333333;
}

.tablelight
{
border-left: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
}
.tablelight td
{
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
padding: 5px;
}

input[type="submit"], input[type="button"], input[type="reset"] {
width: 75px;
height: 38px;
background-image: url(../images/button_sm4.gif); 
background-repeat: no-repeat; 
text-align: center;
vertical-align: middle;
font-weight: bold; 
font-size: 12px;  
color: #ffffff;
border: 0px;
}

input[type="submit"].large, input[type="button"].large, input[type="reset"].large {
width: 170px; 
background-image: url(../images/button_lg4.gif); 
background-repeat: no-repeat; 
text-align: center;
vertical-align: middle; 
font-weight: bold; 
font-size: 11px;
color: #ffffff;
border: 0px;
}

input[type="submit"].large:hover, input[type="button"].large:hover, input[type="reset"].large:hover {
background-image: url(../images/button_lg4_on.gif); 
}

input.home
{
background:url(../images/home_button_back.gif);
background-repeat: repeat-x;
height: 40px;
padding: 0px;
margin: 0px;
border: 1px solid #000000;
text-align: center;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
color: #990000;
}

input.home:hover
{
background:url(../images/home_button_back_hover.gif);
background-repeat: repeat-x;
color: #990000;
}

.contact {
border-width: 0px;
width: 210px;
height: 17px;       
background-image: url(../images/contact_input.gif);    
background-repeat: no-repeat;
font-family: arial;
background-position: right;
text-indent: 5px;
}

.contact_sm {
border-width: 0px;
width: 118px;
height: 17px;       
background-image: url(../images/contact_input_sm.gif);    
background-repeat: no-repeat;
font-family: arial;
background-position: right;
text-indent: 5px;
}

.comments {
border-width: 0px;
width: 424px;
height: 180px;
background-image: url(../images/comments_input.gif);    
background-repeat: no-repeat;
font-family: arial;
font-size: 12px;
font-style:  normal;
font-weight: normal;
vertical-align: middle;
}

.comments_sm {
border-width: 0px;
width: 424px;
height: 95px;
background-image: url(../images/comments_input_sm.gif);    
background-repeat: no-repeat;
font-family: arial;
font-size: 12px;
font-style:  normal;
font-weight: normal;
vertical-align: middle;
}

.login_button
{
width: 75px; 
height: 38px; 
background-image: url(../images/button_sm4.gif); 
background-repeat: no-repeat; 
text-align: center; 
font-weight: bold; 
font-size: 13px;  
vertical-align: middle;
}

.login_button:hover
{
background-image: url(../images/button_sm4_on.gif);
}

.login_button a
{
color: #ffffff;
text-decoration: none;
position: relative;
top: 8px;
}

.reg_button
{
width: 170px; 
height: 28px; 
background-image: url(../images/button_reg_off.gif); 
background-repeat: no-repeat; 
text-align: center; 
font-weight: bold; 
font-size: 13px;  
vertical-align: middle;
}

.reg_button:hover
{
background-image: url(../images/button_reg_on.gif);
}

.reg_button a
{
color: #ffffff;
text-decoration: none;
position: relative;
top: 4px;
}

.reg_button2
{
width: 160px; 
height: 28px; 
background-image: url(../images/button_reg_off.gif); 
background-repeat: no-repeat; 
text-align: center; 
font-weight: bold; 
font-size: 12px;  
vertical-align: middle;
}

.reg_button2:hover
{
background-image: url(../images/button_reg_on.gif);
}

.reg_button2 a
{
color: #ffffff;
text-decoration: none;
position: relative;
top: 4px;
}

.logintext {
font-size: 11px;
padding-left: 8px;
}

.home_li
{
list-style-image:url(../images/arrow2.gif);
}

.blockleft 
{
	display: block; 
	float: left; 
}

#TakeACourseNow
{
  display: block;
  width: 224px;
  height: 63px;
  background: url(../images/btn_take.png) no-repeat 0 0;
}

#GetYourCEUsNow
{
  display: block;
  width: 224px;
  height: 63px;
  background: url(../images/btn_get.png) no-repeat 0 0;
}

#EarnYourCertificate
{
  display: block;
  width: 224px;
  height: 63px;
  background: url(../images/btn_earn.png) no-repeat 0 0;
}

#TakeAFreeCourseorDemo
{
  display: block;
  width: 224px;
  height: 63px;
  background: url(../images/btn_demo.png) no-repeat 0 0;
}

#SignInForCEUs
{
  display: block;
  width: 85px;
  height: 20px;
  background: url(../images/btn_forCEUs.png) no-repeat 0 0;
}

#SignInNoCEUs
{
  display: block;
  width: 85px;
  height: 20px;
  background: url(../images/btn_forNoCEUs.png) no-repeat 0 0;
}

/*#YesCEUs
{
  background: url(../images/btn_yes.png) no-repeat 0 0;
  width: 149px;
  height: 63px;
}

#NoCEUs
{
  background: url(../images/btn_no.png) no-repeat 0 0;
  width: 149px;
  height: 63px;
}*/


#TakeACourseNow:hover, #GetYourCEUsNow:hover, #EarnYourCertificate:hover, #TakeAFreeCourseorDemo:hover, #YesCEUs:hover, #NoCEUs:hover
{ 
  background-position: 0 -63px;
}

#TakeACourseNow span, #GetYourCEUsNow span, #EarnYourCertificate span, #TakeAFreeCourseorDemo span, #SignInForCEUs span, #SignInNoCEUs span, #YesCEUs span, #NoCEUs span
{
  display: none;
}

#SignInForCEUs:hover, #SignInNoCEUs:hover
{
  background-position: 0 -20px;	
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 650px;
height: 120px;
border: 0px;
padding: 5px;
background-color: #ffffff;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* New Course Listing Styles - KM - 7/24/09 */
.listing 
{
	display: block; 
	float: left;  
    font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

.listing .headframe
{
	background-image:url(../images/course_frame_head.png);
	background-repeat: no-repeat;
}

.listing .midframe .links
{  
	padding-top: 7px; 
	padding-right: 20px; 
	color:#990000;
	display: block; 
	float: left;
}

.listing .header .headframe, .listing .links
{
	font-size: 18px;  
	font-weight: bold;
	padding: 10px;
}

.listing .midframe
{
	background-image:url(../images/course_frame_mid.png);
	background-repeat: repeat-y;
}

.listing .links a
{
	color:#990000;
}

.listing .ceus
{
	display: block; 
	float: left; 
	color: #000000;
}

.listing .ceus .item
{
	display: block; 
	float: left; 
	padding-right: 20px;
	line-height: 14px;
}

.listing .ceus .item .name
{
	font-size: 12px; 
	font-weight: bold;
}

.listing .ceus .item .units
{
	font-size: 10px;
}

.listing .ceus .item .cost
{
	font-size: 10px;
}

.listing .clear
{
	clear: both;
}

.listing .description
{
	font-size: 12px; 
	text-align: justify; 
	line-height: 15px;
	padding: 10px;	
}

.listingfooter
{
	background-image: url(../images/course_frame_foot.png);
	background-repeat:no-repeat;
}

.dockclass{
position:relative;
padding-top: 3px;
}