/* ------------------------------
global styles
------------------------------ */

body
{
	margin: 0;
	padding: 0;
	font: 12px arial, hevetica, sans-serif;
	text-align: center;
	color: #333;
	background-color:#000000;
}

ul { color:#000000; margin-top:0; list-style:square; }

a:link { color: #B52C07; }
a:visited { color: #b93411; }
a:focus { color: #000; }
a:hover { color: #7d8206; }
a:active { color: red; }


.call-to-action a:link { color:#FFFFFF; text-decoration:underline; font-weight:normal; }
.call-to-action a:visited { color:#FFFFFF; text-decoration:none; font-weight:normal; }
.call-to-action a:focus { color:#FFFFFF; text-decoration:none; font-weight:normal; }
.call-to-action a:hover { color:#FFFFFF; text-decoration:none; font-weight:normal; }
.call-to-action a:active { color:#FFFFFF; text-decoration:none; font-weight:normal; }

.call-to-action p { text-transform:uppercase; }

span.red { color:#FF0000; font-weight:bold; }


/* ------------------------------
container styles
------------------------------ */

#container
{
	margin: 1em auto;
	/*width:822px;*/
	/*width:832px;*/
	/*width:839px;*/
	width:837px;
	text-align: left;
	background: #fff;
	border: 1px solid #676767;
	padding:10px;
}

/* ------------------------------
header styles
------------------------------ */

#header
{
	height: 170px;
	width: 100%;
	position: relative;
}

#header h1
{
	position: absolute;
	left: -500em;
}

#skipmenu
{
	position: absolute;
	left: 0;
	top: 5px;
	width: 645px;
	text-align: right;
}

#skipmenu a
{
	color: #555;
	text-decoration: none;
}

/* ------------------------------
mainnav styles
------------------------------ */

#mainnav
{
	background: #9FA41D;
	color: #272900;
	padding: 2px 0;
	margin-bottom: 22px;
}

#mainnav ul
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #C4C769;
}

#mainnav li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #C4C769;
}

#mainnav li a
{
	text-decoration: none;
	color: #272900;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
}

/* ------------------------------
menu styles
------------------------------ */

#menu
{
	float: left;
	width: 187px;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:no-repeat;
	height:247px;
	margin-top:10px;
}

#menu ul
{
	margin:10px 10px 10px 10px;
	padding:0;
	font-size:12px;
	/*font-weight:bold;*/
	color:#FFFFFF;
}

#menu ul li
{
	/*margin: 0 0 1em;*/
	list-style-type: none;
	border-bottom:1px solid #ffff00;
	padding:10px;
}

#left-banner { clear:left; float:left; width:187px; height:327px; background-image:url(../images/left-banner-bg.jpg); background-repeat:no-repeat; margin-top:10px; margin-bottom:10px; }

/* ------------------------------
contents styles
------------------------------ */

#contents
{
	float: left;
	/*width:612px;*/
	/*width:359px;*/
	width:428px;
	margin: 10px 0 0 10px;
	padding:0;
}

#contents-full { float:left; width:625px; margin:10px 0 0 10px; }

/*#contents p  { line-height: 200%; color:#000000; margin-top:0; }*/

.blogentry {  }

.blogentry ul
{
	text-align: right;
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
}

.blogentry li
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}

.imagefloat
{
	float: right;
	padding: 2px;
	border: 1px solid #9FA41D;
	margin: 0 0 10px 10px;
}

/* ------------------------------
footer styles
------------------------------ */

#footer
{
	clear: both;
	color:#FFFFFF;
	text-align: right;
	font-size: 90%;
	background-color:#000000;
	padding: 5px;
	margin-top:10px;
	height:58px;
	
}

#ff-logo { /*background-image:url(../images/ff-footer.jpg);*/ background-image:url(../images/ff-footer-new.jpg);
	background-repeat:no-repeat; width:232px; height:42px; float:right; margin-top:10px; margin-bottom:10px; }
	
#footer p#contact-details { color:#FFFFFF; }
	
#contact-details { float:left; height:42px; margin-top:10px; margin-bottom:10px; text-align:left; }


#left-container { float: left;
	width: 187px; }
	
	#right-container { float: right;
	width: 185px; margin:10px 0 0 10px; height:579px; background-image:url(../images/right-bg.jpg); background-repeat:no-repeat; border:1px solid #CCCCCC; }
	
	

a:link { color:#0000CC; text-decoration:underline; font-weight:bold; }
a:visited { color:#0000CC; text-decoration:none; font-weight:bold; }
a:hover { color:#0000CC; text-decoration:none; font-weight:bold; }
a:active { color:#0000CC; text-decoration:none; font-weight:bold; }


#menu ul li a:link {color:#FFFFFF; text-decoration:none; text-transform:uppercase; }      /* unvisited link */
#menu ul li a:visited {color:#FFFFFF; text-decoration:none; text-transform:uppercase; }  /* visited link */
#menu ul li a:hover {color:#999999; text-decoration:none; text-transform:uppercase; }  /* mouse over link */
#menu ul li a:active {color:#999999; text-decoration:none; text-transform:uppercase; }  /* selected link */


/*TYPOGRAPHY*/
h1,h2,h3,h4,p { font-weight: normal; color:#000000; text-align: left; font-family: Georgia, Times, serif; }

h1 { /*font-size: 2.2em;*/ font-size:1.9em; margin: 0 0 10px 0; }
h2 { font-family: Georgia, Times, serif; font-size: 1.9em; margin: 0; font-weight: normal; color:#000000; }
h3 { font-family: Georgia, Times, serif; font-size: 1.9em; margin: 10px 0 0 0; font-weight: normal; color:#000000; }
h4 { font-family: Georgia, Times, serif; font-size: 1.4em; margin: 10px 0 0 0; font-weight: normal; color:#000000; }
p { padding: 0; margin: 0 0 1em 0; font-family:Arial, Helvetica, sans-serif; }

#contents p { font-size:12px;  }

p.bold { padding: 0; margin: 1em 0 1em 0; font-size:1.3em; font-weight:bold; }

h1#page-title { color:#FFFFFF; background-color:#000000; padding:10px 10px 10px 10px; margin-bottom:10px; }
h2.course-category { background-color:#009999; color:#FFFFFF; padding:10px 10px 10px 10px; margin-bottom:10px; font-size:1.3em; text-transform:uppercase; }

span.strong, p.strong { font-weight:bold; }
span.upper-bold { text-transform:uppercase; font-weight:bold; }


.passport-type { /*border-bottom:1px solid #999999;*/ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #333366; }
.passport-type p { margin:0; padding:0; padding-bottom:10px; }

.passport-type .passport-bg { float:left; margin-right:5px; margin-bottom:10px; width:55px; height:55px;  }
.passport-type #bp-one { width:55px; height:55px; background-image:url(../images/bp_one.jpg); background-repeat:no-repeat; border:1px solid #000000; }
.passport-type #bp-two { width:55px; height:55px;  background-image:url(../images/bp_two.jpg); background-repeat:no-repeat; border:1px solid #000000; }
.passport-type #bp-three { width:55px; height:55px; background-image:url(../images/bp_three.jpg); background-repeat:no-repeat; border:1px solid #000000; }



.passport-type h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; margin: 0; font-weight: bold; /*color:#000000;*/ color:#009999; }

#contents .call-to-action p, #contents-full .call-to-action p { margin:0; padding:0; color:#FFFFFF; font-size:14px; }

.call-to-action { /*padding:0 0 10px 0; border-bottom:1px solid #999999;*/ background-color:#009999; padding:10px 10px 10px 10px; margin-bottom:10px; }

/*ol.how-it-works { font:Georgia, Times, serif; font-style:italic; color:#009999; font-size:1.9em; text-align:left; clear:left; }

ol.how-it-works li p { font-family:Arial, Helvetica, sans-serif; color: #000000; font-style:normal; font-size:14px; }*/

table.passport-courses { border:1px solid #EEE; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-bottom:10px; width:625px; }
table.passport-courses td { font-size:12px; padding:5px; }
table.passport-courses th { font-weight:bold; background-color:#000000;  font-size:12px; color:#FFFFFF; padding:5px; }
table.passport-courses td { border-bottom:1px solid #EEE; }

table.passport-courses tr td.course-name, table.passport-courses tr th.course-name { width:235px; }
table.passport-courses tr td.date { width:68px; }



table.test-table { border:1px solid #EEE; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-bottom:10px; width:100%; white-space:nowrap; table-layout:fixed; /*width:625px;*/ }
table.test-table tr td { font-size:12px; padding:5px; text-align:left; }
table.test-table tr th { font-weight:bold; background-color:#000000;  font-size:12px; color:#FFFFFF; padding:5px; }
table.test-table tr td { /*border-bottom:1px solid #EEE; */ border-bottom:1px dotted #999999;  text-align:left; }

table.test-table thead tr th.course-name, table.test-table tbody tr td.course-name { /*width:235px;*/ width:350px;  }
table.test-table tr th.course-name { text-align:left; }
table.test-table thead tr th.length, table.test-table tbody tr td.length { width:40px; }

table.test-table thead tr th.date, table.test-table tbody tr td.date { width:40px; }

table.test-table thead tr th.fee, table.test-table tbody tr td.fee { width:40px; }






#slogan img { padding:0; margin:0; }
#slogan, #slogan-full { width:428px; height:100px; margin-bottom:10px; }
#slogan-full { width:100%; background-image:url(../images/slogan-bg.jpg); background-repeat:repeat; }


form#form_0 { margin:0; padding:0; /*padding:10px;*/ border:1px solid #009999; }

.box p { margin:0; padding:0; color:#FFFFFF; }
.box { padding:10px; background-color:#009999; margin-bottom:10px; }

#contents .register-instructions-box p { margin:0; padding:0; color:#FFFFFF; text-transform:uppercase; }
#contents .register-instructions-box { padding:10px; background-color:#009999; margin-bottom:10px; }

br.clear-both { clear:both; }

.contact_form div
{
	clear:left;
	padding-top:5px;
	zoom:1;
	}
	
	.contact_form div.top{
	clear:left;
	padding-top:0px;
	}
	.contact_form div.main_divider{
	padding-top:16px;
	}
	.contact_form p{
	clear:left;
	padding:9px 0px 0px 0px;
	margin:0;
	}
	.contact_form h2{
	margin:0;
	padding:0px 0px 7px 0px;
	clear:left;
	}
	.contact_form p.top{
	padding:0px 0px 10px 0px;
	}
	.contact_form h2.top{
	padding-top:19px;
	}
	.contact_form .long_question{
	color:#999;
	padding:15px 0px 5px 0px;
	}
	.contact_form input[type=hidden]{
	display:none;
	}

.contact_form label, .contact_form .contact_question{
	display:inline;
	float:left;
	width:135px;
	margin:0px 10px 0px 0px;
	padding:4px 0px 0px 0px;
	color:#000000;
	}
	
	.contact_form label.checkbox, .contact_form label.full { padding:8px 0px 0px 0px; width:auto; }
	
	.contact_form input.input_text, .contact_form input.input_password, .contact_form textarea, .contact_form input.short{
	display:inline;
	float:left;
	width:166px;
	padding:3px;
	border:1px solid #666;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	}
	
	.contact_form input.short { width:83px; }
	
	.contact_form textarea{
	height:75px;
	}
	
.contact_form input.input_checkbox, .contact_form input.input_radio{
	display:inline;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
	}
	.contact_form input[type=checkbox], .contact_form input[type=radio]{
	margin-top:5px;
	}
	.contact_form select{
	padding:3px 0px;
	border:1px solid #AAA;
	margin:0px;
	float:left;
	width:174px;
	}
	.contact_form select.no-float{
		float:none;	
	}
	.contact_form select.c2{
	width:40px;
	}
	.contact_form select.c4{
	width:55px;
	}	
 
.contact_form .input_first label{
	width:242px;
	margin:0px 0px 0px 20px;
	float:right;
	}
	.contact_form .input_single{
	width:280px;
	margin:0px;
	}
	.contact_form .input_single input, .contact_form .input_single p{
	/*margin-left:111px;*/
	}
	.contact_form .input_single p{
	padding:0px;
	}
 
.contact_form .contact_answer{
	clear:none;
	float:left;
	padding:0;
	margin:0;
	width:205px;
	}
	.contact_form .contact_answer p{
	margin:0;
	padding:5px 0px 0px 0px;
	}
	.contact_form .contact_answer .contact_first{
	padding:0;
	}
	.contact_form .contact_answer .input_text{
	margin-top:10px;
	}

.contact_form .verify img{
	float:left;
	margin:1px 0px 0px 0px;
	}
	.contact_form .verify input{
	width:51px;
	}
.contact_form .submit{
	/*margin-left:111px;*/
	margin-top:16px;
	}

.contact_form .inbetween{
	margin:5px 0px;
	}