/* CSS Document */

/* CSS for 21st Century Affiliates START*/
.21c-affiliates h1 {font-size:14px;}
.21c-affiliates ul{}
.21c-affiliates li{list-style-type:disc;}
/* CSS for 21st Century Affiliates END */

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


#outside_area {  width:770px; margin:35px auto 0px auto;}

html>/**/body #outside_area { margin:50px auto 0px auto;}

#logo { position:absolute; margin:-45px 0px 0px 0px; background:url(/site-images/logo.jpg) no-repeat; height:44px;}

#logo h1 { margin:13px 0px 0px 50px; font-size:16px;}

#tel {  position:absolute; margin:-31px 0px 0px 595px; font-size:16px; font-weight:bold;}

#header { background:url(/site-images/header.jpg) -3px 0px; height:187px;}

#header h1 { display:none;}

#top_nav { background:#FFFFFF; width:770px; height:26px; text-align:center;}

#top_nav ul { margin:0px; padding:0px;}

#top_nav li { float:left; list-style-type:none; margin:0px 2px 0px 0px;}

#top_nav a { background:#6a6a6a url(/site-images/menu.jpg); display:block; width:142px; padding:5px; font-weight:bold; font-size:14px; color:#5F4E29; text-decoration:none;}

#top_nav a:hover { background-color:#CCCCCC; color:#000000; background-position:0px -56px;}

#top_nav a.selected { background-color:#4F4531}

#main_area { color:#4F4531; float:left; margin:10px 0px 0px 0px; width:590px;}

#main_area h1 { color:#4F4531; font-size:14px;}

#content { background-color:#eae4d8; margin:5px 0px 0px 0px; border:1px solid #DFD5C3; padding:5px; font-size:14px;}

#content a { font-weight:bold; color:#4F4531;}

#content h1 { margin:0px 0px 1px 0px; font-size:16px; }

#content h2 {margin:10px 0px 10px 0px; }

#content h3 {margin:10px 0px 10px 0px; font-size:14px; }

#content li {list-style-type:none;}

#banner { margin:10px 0px 10px 0px; }

#banner img { border:#999999 1px solid;}

#front_panel {}

#front_panel h2 { display:block; background:#4F4531; color:#ffffff; font-size:14px; padding:5px;}

#front_panel ul {}

#front_panel li { list-style-type:square;}

#front_panel a { font-size:14px; display:block;  margin:5px 0px 5px 0px;   }

#front_panel a:hover { text-decoration:none;}

#front_top { }

#front_top ul { margin:0px; padding:0px; }

#front_top li { background:#00FFFF;}

#front_top a {margin:0px 0px -5px 0px; display:inline; height:10px; }



#training_box { background-color:#D8C59E; padding:5px 5px 5px 5px; border:1px #666666 solid;}

#training_box_list1 { float:left; margin:0px 0px 0px 20px; list-style-type:none;}

#training_box_list1 li, #training_box_list2 li {margin:0px 0px 2px 0px;}

#training_box_list2 {margin:0px 0px 0px 270px; list-style-type:none;}

#breadcrum { background-color:#d8c59e; margin:0px -1px 0px 0px; }

#breadcrum ul { margin:0px; padding:5px;}

#breadcrum li { display:inline;}

#breadcrum a { color:#5F4E29; font-weight:bold; text-transform:capitalize; }

#breadcrum a:hover {}







#footer {margin:10px auto 0px auto; padding:10px 0px 0px 0px; font-size:10px; text-align:center; clear:both; border-top:#CFCFCF solid 1px; color:#4F4531; width:700px;}

#footer ul { margin-top:2px; }

#footer li { margin: 0px 0px 0em 0px; display: inline;}

#footer a { padding:.2em; text-decoration: none; color:#1A653C; }

#footer a:hover { color:#000000; }

#footer p { margin: 7px 0px 7px 0px; }

#terms a {color:#4a8ac8; }

#terms a:hover { color:#8DB5DC; }


#sub_nav {  margin:8px 1px 0px 0px;  width:168px; float:right; }

html>/**/body  #sub_nav {margin:8px 2px 10px 0px;}

#right_sub { width:168px;}

#right_sub h1 { font-size:16px; background-color:#D8C59E; margin:5px 0px 0px 0px; display:block; height:25px; padding:3px 3px 0px 7px; border:1px solid #DFD5C3; color:#5F4E29; width:156px;}

#content2 { background-color:#eae4d8;  border:1px solid #DFD5C3; padding:5px 0px 2px 4px; font-size:10px; width:162px; color:#4F4531;  }

html>/**/body #content2 {  padding:5px 0px 2px 4px;  width:162px;  }


#left-courses h2 { font-size:9px; text-transform:capitalize; display:block; background-color:#4F4531; padding:2px; color:#FFFFFF; margin:10px 0px 10px -2px; }

#left-courses ul {margin: -6px 0px -2px 0px; padding:0px 0px 0px 0px; }

#left-courses li {margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; text-align:left;}

#left-courses a {display: block; font-size: 10px; color: #ffffff; margin:0px 0px 0px 0px; padding: 1px 0px 5px 15px; text-decoration: none; border-bottom:0px solid #000000; color:#4F4531; width:145px; background-repeat:no-repeat; background-position:0px 4px;background-image:url(/site-images/square-normal.gif); }

#left-courses a:hover {background-image:url(/site-images/square-over.gif); color:#6F6145; }

#left-courses li a.courseselected {background-image:url(/site-images/m4.gif); color:#CF001C; cursor:default;}



.Button, .Button2 {margin:0px auto 0px auto; padding:1px; font-weight:bold; font-size:10px; color: #ffffff; background-color: #CF0025; border: 1px double #000000; cursor:hand;text-align: center;}


#training_table { border:1px #000000 solid;}

#training_table_headline {border-bottom:1px #000000 solid; background-color:#1A653C; color:#FFFFFF;}

#training_table_course { width:200px;}
#training_table_datet {}
#training_table_days { text-align:center;}
#training_table_total { width:25px;}

#tcourse { }
#tdate {}
#tdays { text-align:center;}
#ttotal { text-align:center;}
#tbook {  height:21px;}
html>/**/body  #tbook {  height:25px;}   



#training_table_course, #training_table_datet, #training_table_days, #training_table_total, #training_table_line2 { background-color: #FFFFFF;}

#training_table_date {border-bottom:1px #000000 solid; border-top:1px #000000 solid; padding-bottom:0px; background-color:#dddddd;}

#training_table_t1 { background-color:#000000;}

.formlink { color:#009900; color:#339900;}
  
#popup { background-color:#00CC00;}


/*

new form

*/

.boxes { width:230px; background-color:#FFffff; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 5px -3px;}

.dropdowns { width:234px; background-color:#FFffff; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 0px 0px; font-size:10px; color:#666666; display:block;}

html>/**/body .dropdowns {width:232px;}


#form_area form {  padding:0px 5px 5px 5px;}



#form_area h4 { margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:12px; text-align:center;}

#form_area label { width:165px; display:block; padding:0px 0px 0px 5px; float:left; font-size:10px;}

#form_area label.dropl { width:168px; display:block; padding:0px 0px 0px 5px; float:left; font-size:10px;}

#form_area span.top {  display:block; padding:10px 0px 5px 0px; margin:0px 0px 0px 0px; height:50px;  font-size:10px; border-bottom:1px #cccccc solid;  }

#form_area span.ntop { display:block; padding:0px 20px 0px 0px; margin:0px 0px 5px 0px; height:15px;  font-size:10px;   }

#form_area span.dtop { display:block; padding:0px 20px 0px 0px; margin:0px 0px 5px 0px; height:20px;  font-size:10px;   }
#form_area span.dtopp { display:block; padding:0px 20px 0px 0px; margin:0px 0px 5px 0px; height:20px;  font-size:10px;    }

html>/**/body #form_area span.dtopp { display:block;  padding:0px 50px 0px 0px; margin:0px 0px 25px 0px; height:21px;  font-size:10px;   }

html>/**/body #form_area span.ntop { padding:0px 11px 0px 0px;}

#form_area span.left { width:200px; display:block; float:left; padding:0px; margin:0px 10px 0px 0px; }

#form_area span.right { width:240px; display:block; float:right; padding:0px; margin:0px 10px 0px 0px;}

#form_area input { float:left; }

html>/**/body #form_area input { width:230px; background-color:#FFffff; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 5px -3px; }

/* small1 & small2 are the small text boxes */

#form_area select.small1 {  width:170px; margin:0px 0px 0px 0px; float:left;}
#form_area input.small1 {  width:110px; margin:0px 0px 5px -3px;}
#form_area input.small2 {  width:110px; margin:0px 0px 5px 5px;}
#form_area input.check { width:20px; margin:5px 0px 5px -3px; }
#form_area input.radio { margin:0px 0px 0px 0px; width:20px;}
#form_area input.radiotop { margin:0px 5px 0px 3px; width:15px;}


html>/**/body #form_area input.radio { margin:0px 0px 0px -7px; width:20px; }
html>/**/body #form_area input.radiotop { margin:0px 5px 0px -5px; width:15px; }



/* this is the cheak box spacing for the next line */

#form_area p { margin:30px 0px 0px 0px ;}
html>/**/body #form_area p { margin:10px 0px 0px 0px ;}

/* this is the radio spacing for the next line */

#form_area p.radio { margin:20px 0px 0px 0px ;}
html>/**/body #form_area p.radio { margin:20px 0px 0px 0px ;}


#form_area SELECT { border:1PX solid #cccccc; margin:0px 0px 0px -6px;}



#form_area textarea { width:230px; background-color:#FFCCCC; border:1PX solid #cccccc; float:LEFT; margin:0px 0px 5px -3px;}


/* this is the help link */

#form_area a { background-color:#4F4531; width:20px;   padding:0px;  margin:0px 4px 0px 0px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center;  font-size:11px; float:right; }

#form_area a:hover { background-color:#7F6F4F;}


/* this is the help message box */

#form_area a span {display: none;}
#form_area a:hover span {display: block; position: absolute; width: 100px; padding: 5px; margin: 0px 0px 0px 55px; z-index: 100; color: #000000; background-color:#BFB8A7; border:1PX solid #cccccc;  font: 10px Verdana, sans-serif; text-align:left;}

html>/**/body #form_area a:hover span { margin: -20px 0px 0px 55px;}
#form_area a:hover span h1 { font-size:14px; margin:0px 0px 0px 0px;}

#form_area a.select { background-color:#993300; position:absolute; margin:0px 0px 0px 9px;}

html>/**/body #form_area a.select { position:relative; margin:-22px 4px 0px 0px;}

#form_area a.checkbox { margin:3px 4px 0px 0px;}

#form_area a.delegatebox { margin:3px 4px 0px 0px;}

html>/**/body #form_area a.delegatebox { margin:3px -4px 0px 0px;}

.but { background-color:#0099CC; background-image:none; width:280px; color:#FFFFFF; font-weight:bold; text-align:center; margin:10px 0px 0px 104px; border:#000000 solid 1px; padding:1px; font-size:10px;}

.red { color:#CF0025; font-weight:bold; text-align:center;}
#red { color:#CF0025; font-weight:bold; text-align:center;}

#totaldetails { background-color:#CFC6B5; border:#BFBFBF 1px solid; padding:5px 5px 5px 5px; font-weight:bold; font-size:12px; width:400px; margin-left:auto; margin-right:auto; margin-top:10px;}

#totaldetails label { font-size:12px; margin:0px 0px 0px 0px;  width:200px; }
#totaldetails br { border-top:#cccccc dotted 1px; }

#totaldetails h1 {  margin:0px 4px 0px 4px; padding:0px 0px 0px 0px; }

#form_area h1, Delegate_Area h1 { margin:0px 10px 0px 5px; padding:5px 5px 5px 0px; }

.line {border-top:#cccccc dotted 1px; display:block; height:1px; width:90%; margin:10px 10px 0px 5px;}
.line2 {border-top:#cccccc dotted 1px; display:block; height:1px; width:95%; margin:5px 10px 5px 5px;}

#directory li a {  margin-bottom:5px;}

#btn_email, #worldpay { width:280px;}

#othercourses {  background-color:#CFC6B5; border:#BFBFBF 1px solid; padding:5px 5px 10px 5px; font-weight:bold; font-size:12px; width:500px; margin:10px 0px 10px -5px; 



}

#othercourses label  {  font-size:11px; width:340px; margin:5px 0px 0px 12px;   }

/*  edit & delete */
#othercourses input.small  { width:50px; background-color:#999999; color:#FFFFFF; border:1px solid #666666; padding:1px; font-size:10px; margin:2px 20px 2px 0px;}

html>/**/body #othercourses label { margin:5px 0px 0px 22px; width:320px;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#course_title {text-align:center; background-color:#666666; color:#FFFFFF; height:15px; width:100%; padding:5px; margin:0px 0px 0px -5px}

#course_title h1 {font-size:15px; font-weight:bolder; color:#FFFFFF; margin:-7px 0px 20px 0px;}


.EvalForm { }

.EvalForm td { border:1px #CFC6B5 solid; padding:5px;}

.EvalForm input {}

.EvalForm select { width:150px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.EvalForm textarea {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:250px;}

.EvalForm form h3 { padding:10px 0px 0px 0px; display:block; height:40px; font-size:20px; color:#006699;}


#main_area_eval {  width:700px; margin-left:auto; margin-right:auto;}

#double_right_eval {}

#hotel { margin:0px 0px 10px 0px; border-bottom:#4F4531 1px solid; height:470px;}
#hotel img { border:#4F4531 solid 1px; float:left; margin:0px 10px 10px 0px; width:130px;}
#hotel span { float:left; margin:0px; width:140px;}
#hotel h1 { font-size:16px;}
#hotel h2 { font-size:14px; margin:10px 0px -5px 0px; }

#hotel h3 { font-size:14px;}
h4 { font-weight:bold; font-size:18px;}

#hotel ul.facilities { margin:0px 0px 0px 150px; padding:10px 0px 0px 0px; text-align:left; }

#hotel ul.facilities li { margin:0px 0px 0px 200px; padding:0px 0px 0px 0px; list-style-type:square;}

html>/**/body #hotel ul.facilities li { margin:0px 0px 0px 30px;}


#hotel ul { margin:10px 0px 0px 370px; padding:0px; text-align:right;}
#hotel li { list-style-type:none; margin:0px 0px 0px 0px}
html>/**/body #hotel li { margin:0px 0px 15px 0px}
#hotel a { }
#hotel a:hover {}

#faq_links { margin:0px 0px 22px 0px; }
#faq_links ul { margin:0px; padding:0px 0px 0px 16px;}
html>/**/body #faq_links ul {  padding:0px 0px 0px 14px;}

#faq_links li { list-style-type:square; margin:0px 0px 0px 0px;}
html>/**/body #faq_links li {  margin:0px 0px 15px 0px;}
#faq_links a {}




#faq_answer { border:#4F4531 solid 1px;  margin:27px 0px 0px 0px; padding:25px 2px 2px 2px;}
html>/**/body #faq_answer {padding:27px 2px 2px 2px;}
#faq_answer h1 {background-color:#4F4531; color:#FFFFFF; position:absolute; margin:-23px 0px 0px 0px; padding:2px; width:568px;}
html>/**/body #faq_answer h1 { margin:-25px 0px 5px 0px;}
#faq_answer li {}
#faq_answer span { background-color:#ffffff; color:#000000; display:block; padding:5px 0px 0px 0px;}
#faq_answer a.back_top { text-align:right; display:block; width:570px;}
#faq_answer a {}

.Business {}


#dir_front { }
#dir_front form {  padding:0px; text-align:right;}
#dir_front input {  margin:5px;}

#dir_front h2 { margin:10px 0px 10px 0px; font-size:18px;}
#dir_front ul {margin:0px 0px 0px 17px; padding:0px 0px 0px 0px;}
#dir_front li {}
#dir_front a {}
#dir_front a:hover {}

#dir_front input.dirbut { margin:10px 0px 9px 0px;}

#comments i { display:block;}

#course_comment { text-align:center;  padding:5px; width:400px; margin:0px auto;}

#course_comment i { display:block;}
#terms {text-align: left; padding: 5px 5px 10px 10px; width:450px; height:200px; border:solid 1px #cccccc; overflow:scroll;}
.termscheck {width:20px !important; background-color:#FFffff !important; border:1PX solid #cccccc !important; float:none !important; margin:0px 10px 5px -3px !important;}
#terms a {color:#4a8ac8; }
#terms a:hover { color:#8DB5DC; }