TD,TR,P,LI,SPAN, FIELDSET { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 9pt; color: #444444; line-height: 14pt }

A:link,A:visited,A:active { color: #5A5A5A; text-decoration: none; font-weight: bold; }

A:hover { color: #888888; text-decoration: underline; font-weight: bold; }

A.menu:link, A.menu:visited, A.menu:active { font-size: 7pt; color: #333333; text-decoration: none; font-weight: bold; line-height: 11pt; }
A.menu:hover { font-size: 7pt; color: #888888; text-decoration: none; font-weight: bold; line-height: 11pt; }

A.cal:link,A.cal:visited,A.cal:active { font-size: 7pt; color: #333333; text-decoration: none; line-height: 7pt; }
A.cal:hover { font-size: 7pt; color: #888888; text-decoration: none; line-height: 7pt; }

A.internal:link,A.internal:visited,A.internal:active { color: #0669A4; text-decoration: none; font-weight: bold; }

A.internal:hover { color: #0669A4; text-decoration: underline; font-weight: bold; }

A.orange:link,A.orange:visited,A.orange:active { color: #FF6C00; text-decoration: none; font-weight: bold; }
A.orange:hover { color: #FF6C00; text-decoration: underline; font-weight: bold; }

HR { COLOR: #5A5A5A;  size:2px; }

p {
margin: 1.0em;
}
h1 {
font-size: 12pt; color: #FF6C00; line-height: 16pt; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 1.0em; margin-left: 10px; text-transform:uppercase;
}
h2 {
font-size: 10pt; color: #0081C4; line-height: 16pt; font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 1.0em;
}
h3 {
font-size: 10pt; color: #666666; line-height: 16pt; font-weight: bold; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
margin: 1.0em;
}

li {
padding: 0.5em 1.2em 0px 0.5em; 
}
.nomargin {
margin: 0;
padding: 0;
}
.underline {
border-bottom-width: 1px;
border-bottom-color: #FAAF41;
border-bottom-style: solid;
color: #FF6600;
font-weight: bold;
}

img {
border: 0;
}
/* divs for main pages watermark imgs */
#watermarkhm {
background: url(../gfx/girlRedhead.gif) center no-repeat;
min-height: 500px;
}
#watermarklic {
background: url(../gfx/manClenchedFist.gif) center no-repeat;
min-height: 500px;
}
#watermarkcc {
background: url(../gfx/olderMan.gif) center no-repeat;
min-height: 500px;
}
#watermarkprop {
background: url(../gfx/womanPenInMouth.gif) center bottom no-repeat;
min-height: 500px;
}
#watermarkauc {
	min-height: 500px;
	background-image: url(../gfx/gavel.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#watermarkskills {
background: url(../gfx/manPointing.gif) center no-repeat;
min-height: 500px;
}
#watermarkcareers {
background: url(../gfx/womanGlasses.gif) center no-repeat;
min-height: 500px;
}
#watermarkcpd {
background: url(../gfx/blueCircleLogo.gif) center no-repeat;
min-height: 500px;
}


INPUT, TEXTAREA, SELECT { color: #5a5a5a; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
input.menu { color:#ffffff; font-size: 8pt; background-color:#0669A4; font-weight:bold; border:2px solid; border-top-color:#ffffff; border-left-color:#ffffff; border-right-color:#ffffff; border-bottom-color:#ffffff; }
input.menu2 { color:#FF6C00; font-size: 8pt; border: 2px solid; font-weight:bold; border:2px solid; border-top-color:#0669A4; border-left-color:#0669A4; border-right-color:#0669A4; border-bottom-color:#0669A4; }
input.menu3 { color:#ffffff; font-size: 8pt; background-color:#FF6C00; font-weight:bold; border:2px solid;  border-top-color:#ffffff; border-left-color:#ffffff; border-right-color:#ffffff; border-bottom-color:#ffffff; }
input.menu4 { color:#666666; font-size: 9pt; background-color:#eeeeee; font-weight:bold; border:0px solid; }


.base { FONT-SIZE: 7pt; COLOR: #999999; FONT-FAMILY: Verdana, Geneva, Arial; }
A.base:link, A.base:visited, A.base:active, A.base:hover { font-size: 7pt; color: #999999; text-decoration: none; font-weight: bold; }
a.textblue { color: #0669A4; }
.titlemenu {  font-size: 9pt; COLOR: #0669A4; font-weight: bold }
.titleor { font-size: 10pt; color: #FF6C00; line-height: 16pt; font-weight: bold; }
.titlewh { font-size: 12pt; color: #FFFFFF; line-height: 16pt }
.titlebl { font-size: 10pt; color: #0081C4; line-height: 16pt; font-weight: bold }
.wh { color: #FFFFFF; }
.titlegr { color: #B5DC11; }
.menu { font-size: 7pt; color: #333333; text-decoration: none }
.textblue { color: #0669A4; }
.textorange { color: #FF6C00; }
.textorangebold { color: #FF6C00; font-weight: bold; }
.textred { color: #FF0000; font-weight: bold; }
.compcheckredhead { color: #FF0000; font-weight: bold; font-size: 12pt; line-height: 16pt; }
.compcheckredheadsm { color: #FF0000; font-weight: bold; font-size: 8pt;  }
.coursedates { color: #FF6C00; font-style:italic; }
.textredsm { color: #FF0000; font-size: 8pt;}
.textorangesm { color: #FF6C00; font-size: 8pt; }
.dates td{ background-color:#FFFFFF; border:1px solid #0081C4; margin: 0; padding: 2px; text-align: center; }
.dates th{ background-color:#0081C4; color: #FFFFFF; font-size: 1.1em; }
td.datesloc {background-color:#FFFFFF; color: #0081C4; font-weight: bold; }
.bold { font-weight: bold; }
.noborder { border: none; }
.tel { color: #0669A4; font-weight: bold; }
a.textred { color: #FF0000; font-weight: bold; }
.msg { color: #FF0000; font-weight: bold; }

/* new styles for course E-Commerce pages */

/*  form styles  */

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	clear: left;
	width: 150px; 
	padding: 0; 
	margin: 5px 10px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color: #0669A4;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
#booking {
width: 80%;
}

#booking INPUT, TEXTAREA, SELECT, RADIO{
	margin: 5px 10px 0;
}
#booking SUBMIT{
	margin: 5px 10px 0;
	width: 250px;
}
#venue INPUT, TEXTAREA, SELECT, RADIO{
	margin: 5px 10px 0;
}

#payment INPUT, TEXTAREA, SELECT, RADIO{
	margin: 5px 10px 0;
}

#course INPUT, TEXTAREA, SELECT, RADIO{
	margin: 5px 10px 0;
}
#aucbook table tr td{
background-color:#FFFFFF;
color: #0081C4;
border: 1px solid #0081C4;
padding: 3px;
font-weight: bold;
margin-bottom: 5px;
}
#aucbook .noborder{
border: 0;
padding: 3px;
font-weight: bold;
}
#aucbook input{
/* width: 90%; */
}
#aucbook textarea{
/* width: 90%; */
}
#aucbook input.button {
width: 60px;
}

/* data table styles */

#data {
margin-left:0px;
}

#data table {
	border-collapse: collapse; 
	margin-top: 1.0em;
	margin-bottom: 0.5em;
	
}

#data thead {
	color: #FF6C00;
	font-size: 0.9px; 
}

#data td {
	padding: 0.1em 1em;
	font-size: 0.9em;
}

#data caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}

#data th {
	font-weight: bold;
	text-align: left;
	padding: 0.1em 1em;
	color: #0669A4;
	border-bottom: solid 1px #FF6C00;
}

#search {
	text-align: right;
  	background-color: #FFFFFF;
	margin: 0;
	padding: 0px 100px 0px 0px;
	border-style:solid;
	border-width:1px;
	border-color: #F5FBFE;
	}
	#searchmain {
/*	text-align: right; */
  	background-color: #FFFFFF;
	margin: 0;
	padding: 10px 100px 0px 0px;
	border-style:solid;
	border-width:1px;
	border-color: #F5FBFE;
	}
	
#bookingaddmore {
width: 80%; 
text-align: center; 
color: #FF6C00; 
line-height: 16pt; 
font-weight: bold;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.odd {
	background-color: #E8F5FD;
}

* {
margin: 0px;
padding: 0px;
}
a img{
border:none;
}
#container {
background: url(../gfx/pageBg.jpg) repeat-y;
/* width: 100%; */
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto"); 
}
#leftcol {
float:left;
width: 120px;
}
#leftcolTop {
float: left; 
background-color:#0081C4;
width: 120px;
}
#leftcolTop h1{
background:url(../gfx/leftTopCnr.jpg) top left no-repeat;
}
#leftcolButtons {
float: left; 
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:3px;
width: 120px;
text-align:center;
}
#leftcolLogin {
float: left; 
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:3px;
height: 100px;
width: 120px;
}
#leftcolNavigation {
float: left; 
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:3px;
width: 120px;
padding-left:5px;
}

#leftcolNavigation  li {
	list-style:none;
	color: #FFFFFF;
}
#leftcolNavigation  a {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
#leftcolNavigation  a:hover {
text-decoration: underline;
}

#commwebLogos {
float: left;
text-align: center;
margin-top: 10px;
padding: 5px;
}
#commwebLogos img {
margin-top: 5px;
}
#header {
background-color:#C3D436;
margin-left: 3px;
margin-top: 0;
height: 126px;
}
.headerimgs {
float: right;
padding: 0 0 0 0;
}
.logo {
float: left;
padding: 5px;
}
.slogan {
float: left;
clear: left;
padding: 0 0 0 80px;
}
#topnavA {
margin-left: 3px;
background-color: #0081C4;
margin-top: 3px;
color: #ffffff;
height: 28px;
}
#topnavA ul {
	list-style:none;
}
#topnavA  li {
	list-style:none;
	float: left;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 0.5em 0.9em 0px 0.9em; 
}
#topnavA  a {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 0.9em;
}
#topnavB {
margin-left: 3px;
background-color: #0081C4;
margin-top: 3px;
color: #ffffff;
height: 28px;
}
#topnavB ul {
	list-style:none;
}
#topnavB  li {
	list-style:none;
	float: left;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 0.5em 0.9em 0px 0.9em; 
}

#topnavB  a {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 0.9em;
}

.navbreak {
	color: #F7931D;
	font-weight:bold;
}

.topnavBcorner {
	float: right;
	padding: 0 0 0 0;
	margin-top: -3px;
}

#subnav {
background-color: #DCDDDF;
color: #0082C5;
height: 24px;
margin-left: 3px;
margin-right: 121px;
margin-top:3px;
}
#subnav ul {
	list-style:none;
}
#subnav  li {
	list-style:none;
	float: left;
	color: #0082C5;
	font-size: 0.8em;
	text-align: center;
	padding: 0.2em 0.6em 0.2em 0.6em;  
}
#subnav  a {
	color: #0082C5;
	font-weight: normal;
	font-size: 0.8em;
}

#subnavB {
background-color: #DCDDDF;
color: #0082C5;
height: 24px;
margin-left: 3px;
margin-right: 121px;
margin-top:3px;
}
#subnavB ul {
	list-style:none;
}
#subnavB  li {
	list-style:none;
	float: left;
	color: #0082C5;
	font-size: 0.8em;
	text-align: center;
	padding: 0.2em 0.6em 0.2em 0.6em;  
}
#subnavB  a {
	color: #0082C5;
	font-weight: normal;
	font-size: 0.8em;
}
#subnavC {
background-color: #DCDDDF;
color: #0082C5;
height: 24px;
margin-left: 3px;
margin-right: 121px;
margin-top:3px;
}
#subnavC ul {
	list-style:none;
}
#subnavC  li {
	list-style:none;
	float: left;
	color: #0082C5;
	font-size: 0.8em;
	text-align: center;
	padding: 0.2em 0.6em 0.2em 0.6em;  
}
#subnavC  a {
	color: #0082C5;
	font-weight: normal;
	font-size: 0.8em;
}

#wrapperContent {
width: 100%;
}

#content {
padding-left: 20px;
padding-top:15px;
margin-right: 118px;
}
#content ul ol {
margin-left: 10px;
}
#content li{
list-style-type:disc;
margin-left: 40px;
padding-left: 10px;
margin-right: 10px;
margin-top: 0;
margin-bottom:0;
padding: 0.1em;
}
#content li.decimal{
list-style-type: decimal;
}
#content li.none{
list-style-type: none;
}
#content li.arrow{
background: url(../gfx/arroworange.gif) no-repeat 0 12%;
padding-left: 20px;
list-style-type: none;
}
#content table{
margin-left: 20px;
}
#rightPromo {
float:right;
width: 120px;
margin-top: 3px;
}
#rightPromo a{
color: #FFFFFF;
text-decoration: none;
}

#rightPromo a.hover{
text-decoration: none;
}

#rightPromo p {
color: #FFFFFF;
font-size:15px;
font-weight: bold;
padding: 0;
text-align: center;
}
#rightPromo p.clickhere {
position: absolute;
color:#0081C4;
font-size: 10px;
bottom: 3px;
left: 20px;
}
#rightPromo a.clickhere {
color:#0081C4;
font-size: 10px;
text-decoration: none;
}

#rightPromoTop {
position: relative;
background: url(../images/rightPromoTopbg.gif) top left no-repeat;
width: 120px;
margin: 0px;
padding: 0px 0px 5px 0px;
height: 132px; 
}

#rightPromoTop .first{
margin: 0px;
padding: 0px;
}
#rightPromoTopContent {
padding: 3px;
color: #FFFFFF;
}
#rightPromoTopContent p{
line-height: 1.3em;
margin-top: 7px;
margin-left: 5px;
}

#rightPromoMid {
position: relative;
background: url(../images/rightPromoMidbg.gif) top left no-repeat;
width: 120px;
padding: 0px 0px 5px 0px;
margin: 0px;
height: 132px; 
}
#rightPromoMidContent {
padding: 3px;
color: #FFFFFF;
}
#rightPromoMidContent p{
margin-top: 7px;
line-height: 1.3em;
margin-left: 5px;
}

#rightPromoMidA {
position: relative;
background: url(../images/rightPromoMidAbg.gif) top left no-repeat;
width: 120px;
padding: 0px 0px 5px 0px;
margin: 0px;
height: 132px; 
}
#rightPromoMidAContent {
padding: 3px;
color: #FFFFFF;
}
#rightPromoMidAContent p{
margin-top: 7px;
line-height: 1.3em;
margin-left: 5px;
}

#rightPromoBottom {
position: relative;
background: url(../images/rightPromoBotbg.gif) top left no-repeat;
width: 120px;
padding: 0px 0px 5px 0px;
margin: 0px;
height: 132px; 
}
#rightPromoBotContent {
padding: 3px;
color: #FFFFFF;
}
#rightPromoBotContent p{
margin-top: 7px;
line-height: 1.3em;
margin-left: 5px;
}

#footer {
	clear:both;
  background-color: #0082C5;
  color: #ffffff;
  text-align:center;
  font-size: 0.6em;
  margin-left: 3px;
  height: 28px;
  font-weight: normal;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
 }

#footer a{
  color: #ffffff;
  font-weight: normal;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.clear {
clear:both;
}

#main{ margin-left:120px; }
*html #main{ height: 1%; margin-left:117px} /*3px jog */
*html #leftcol{margin-right:-3px;} /*3px jog */
#inner {width: 100%; float: left;}

li.disc {
list-style-type:disc;
}

#listcolA {
float:left;
width: 45%;
margin-left: 10px;
padding-left: 5px;
}
#listcolA li {
list-style-type:disc;
}
#listcolB {
	float:left;
	width: 45%;
	padding-left: 5px;
}
#listcolB li {
list-style-type:disc;
}

p.bluebg {
background-color: #0669A4;
color: #ffffff;
font-weight: bold;
padding: 1.0em;
margin: 0;
text-align: center;
}

a.green {
color:#5C8426;
}
#listcolBFL {
	float:left;
	width: 45%;
	top: -20px;
	position: relative;
}

/*  R&H course footer styles  */
#RHfooter {
margin-left: 3px;
margin-top: 3px;
text-align:center;
width: 100%;
height: 150px;
}
#RHfooter ul {
	list-style:none;
}
#RHfooter  li {
	list-style:none;
	float: left;
	color: #FFFFFF;
	padding: 0.5em 0.9em 0px 0.9em; 
}