/*
------------------------------------------------------------------------
RESET
------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}

/*
------------------------------------------------------------------------
HIDDEN
------------------------------------------------------------------------*/
#skip {display:none;}
.hidden {display:none;}
.hideInput {display:none;}

/*
------------------------------------------------------------------------
PRIMARY LAYOUT BLOCKS
------------------------------------------------------------------------*/

body {
    margin: 0;
    padding: 0; 
    text-align: left;
	background: #000;
}

#container {
    width: 900px;
    margin: 30px;
	padding: 0;
}

#header {
	height: 109px;
	position: relative;
}

#header_nav {
	height: 40px;
	width: 900px;
}

#title_outer {
	background: #000 url(../img/zebra_orange.gif) 0 0 repeat-x;
	padding-top: 12px;
	margin-top: 10px;	
}

#title_1 {
	float: left;
	display: inline;
	width: 250px;
	padding: 15px 15px 15px 0;
	background: #000;
}

#title_2 {
	float: left;
	display: inline;
	width: 635px;
	padding: 15px 0px;
	background: #000;
}

/*
------------------------------------------------------------------------
INDEX PAGE
------------------------------------------------------------------------*/

#index_main {
	width: 900px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ed7c22;
	border-bottom: 1px solid #ed7c22;
}

#index_main_col_1 {
	width: 680px;
	height: 416px;
	float: left;
	display: inline;
	margin: 0 30px 0 0;
}

#index_splash_img { 
	width: 680px; 
	height: 416px; 
	display: block;
	background: #000 url(../img/rotator.php) 0 0 no-repeat; 
}

#index_main_col_2 {
	width: 190px;
	min-height: 412px;
	float: left;
	display: inline;
	margin-top: 4px;
	background: #323232;
}

* html #index_main_col_2 { height: 412px; }

#index_newsletter {
	margin:12px 0px 0px 0px;
}

/*
------------------------------------------------------------------------
ABOUT US
------------------------------------------------------------------------*/

#about_main {
	width: 900px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ed7c22;
}

#about_main_col_1 {
	width: 250px;
	float: left;
	display: inline;
	margin: 25px 15px 0 0;
}

#about_main_col_2 {
	width: 420px;
	float: left;
	display: inline;
	margin: 25px 15px 0 0;
	background: #ed7c22;
}

#about_main_col_3 {
	width: 200px;
	float: left;
	display: inline;
	margin: 25px 0 0 0;
	background: #ed7c22;
}

/*
------------------------------------------------------------------------
COURSE PAGES
------------------------------------------------------------------------*/

#course_main {
	width: 900px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ed7c22;
}

#course_main_col_1 {
	width: 250px;
	float: left;
	display: inline;
	margin: 25px 15px 0 0;
}

#course_main_col_2 {
	width: 420px;
	float: left;
	display: inline;
	margin: 25px 15px 0 0;
	background: #000;
}

#course_main_col_3 {
	width: 200px;
	float: left;
	display: inline;
	margin: 25px 0 0 0;
}

#course_main_col_1_quote_wrapper {
	margin: 5px 0 0 0;
}

#booking_plus_wrapper { 
	margin-bottom:5px;
}

/*
------------------------------------------------------------------------
DATES PAGE
------------------------------------------------------------------------*/

#dates_main {
	width: 900px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ed7c22;
}

#dates_main_col_1 {
	width: 250px;
	float: left;
	display: inline;
	margin: 25px 15px 0 0;
}

#dates_main_col_2 {
	width: 635px;
	float: left;
	display: inline;
	margin: 25px 0 0 0;
	background: #000;
}

#course_dates_table {
	border-collapse: separate;
	border-spacing: 4px;
}

#course_dates_table tr {

}

#course_dates_table th {
	padding: 14px 6px 6px 6px;
	background: #ed7c22;
	font-weight: bolder;
	color: #000;
	font-size: 120%;
	width: 20%;
}

#course_dates_table td {
	border: 1px solid #ed7c22;
	padding: 6px;
	vertical-align: top;
	width: 20%;
}
#course_dates_table td p {
	color:#FFF;
	margin-bottom:0.45em;
	padding:0px;
	line-height:1.2em;
	font-size:100%;
}

#course_dates_table th.first {
	border-left: 20px solid #000;
}

#course_dates_table td.first {
	border-left: 20px solid #ed7c22;
}

#course_dates_table td.first:hover {
	border-left: 20px solid #fff;
}
#course_dates_table td.first_hover {
	border-left: 20px solid #fff;
}
#course_dates_table tr.mouseover td {
	background-color:#CCC;
}
#course_dates_table tr.mouseout td {
	background-color:#000;
}

/*
------------------------------------------------------------------------
TRAINERS PAGE
------------------------------------------------------------------------*/

#trainers_main_col_1 {
	width: 685px;
	float: left;
	display: inline;
	margin: 25px 0 0 0;
}

#trainers_main_col_1 dl {
	margin: 0 0 40px 0;
	width: 685px;
}

#trainers_main_col_1 dt {
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	width: 250px;
}

#trainers_main_col_1 dd {
	float: left;
	display: inline;
	margin: 0;
	width: 420px;
}

/*
------------------------------------------------------------------------
BOOKING FORM
------------------------------------------------------------------------*/

#booking_form_wrapper {
	
}

#booking_form, #booking_thankyou, #contact_form, #contact_thankyou {
	background: #252525;
	padding: 10px;
}

#booking_form_wrapper #booking_thankyou h3, #booking_form_wrapper #contact_thankyou h3 { font-size: 140%; padding:0px; margin:0.5em 0px 1em; }

#booking_form label, #contact_form label { margin: 0; }

input.txt_input {
	width: 600px;
	border: 1px solid #ed7c22;
	background: #252525;
	padding: 4px;
	margin: 0;
	color: #fff;
}

input.txt_input:focus, textarea.txt_area:focus { border: 1px solid #fff; }

input.submit_input {
	font-weight: bolder;
	background: #ed7c22;
	border: 2px solid #ed7c22;
	padding: 4px;
}

textarea.txt_area { 
	width: 600px; 
	border: 1px solid #ed7c22; 
	background: #252525;
	padding: 4px;
	margin: 0;
	color: #fff;
}

/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------*/

#footer {
	margin-top: 16px;
/*	width:705px;*/
}

/*
------------------------------------------------------------------------
TEXT STYLES
------------------------------------------------------------------------*/
body { 
    font-size: 72.5%;
    line-height: 1.3em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f1f1f1;
}

a { color: #ed7c22; text-decoration: none; }
a:visited { color: #ed7c22; text-decoration: none;  }
a:hover { color: #fff; text-decoration: underline;  }

h2.parent { 
	font-size: 170%;
	font-weight: normal;
}

h2.page_title { 
	font-size: 140%;
	font-weight: normal;
}

h2.page_title_sml {
	font-size: 120%;
	font-weight: normal;
	color: #ed7c22;
}

h2.page_title span { color: #ed7c22; }

h3.side_title { 
	font-size: 160%;
	font-weight: normal;
	padding: 12px;
	border-bottom: 3px solid #000;
}

p.side_main, p.side_newsletter {
	padding: 12px 12px 0px 12px;
}

h3.side_title_newsletter {
	font-size: 140%;
	font-weight: normal;
	padding: 12px 12px 0px 12px;
	border-top: 3px solid #000;
}

#footer_nav, #side_nav, #side_nav_dates { font-size: 85%; }

#about_main_col_2 p {
	padding: 20px 20px 40px 20px;
	color: #000;
	font-size: 110%;
	line-height: 1.3em;
}

#about_main_col_3 p {
	padding: 15px 15px 30px 15px;
	color: #000;
}

#trainers_main_col_1 dd {
	color: #fff;
	font-size: 110%;
	line-height: 1.3em;
}

#trainers_main_col_1 dd span { color: #ed7c22; font-weight: bolder; }

#course_main_col_2 p, #dates_main_col_2 p {
	padding: 0 0 15px 0;
	color: #ed7c22;
	font-size: 110%;
	line-height: 1.3em;
}

#course_main_col_2 p span, #dates_main_col_2 p span { color: #fff; }

#course_main_col_3 p {
	padding: 15px 15px 25px 15px;
	color: #000;
	font-size: 110%;
	background: #ed7c22;
/*	margin-bottom: 5px;*/
}

#course_main_col_3 h3 {
	padding: 15px 15px 0px 15px;
	color: #fff;
	font-size: 140%;
	background: #ed7c22;
}

#course_main_col_2 ul { list-style:disc; color: #fff; padding: 0 0 15px 0; }
#course_main_col_2 ul li { font-size: 110%; line-height: 1.3em; margin:0px 0px 0px 17px; padding:0px 0px 0px 7px; }
#course_main_col_2 ul li span { color: #ed7c22; }

#course_main_col_1_quote_wrapper p {
	padding: 5px 35px;
	margin: 10px 0 0 0;
	background: #000 url(../img/quote_pair.gif) 0 0 no-repeat;
}

#course_main_col_1_quote_wrapper p span { color: #ed7c22; }

#course_dates_table td a { color: #fff; }

#booking_form_wrapper h3 { font-size: 140%; padding: 15px 0px; }
#booking_form_wrapper h4 span { color: #fff; }
#booking_form_wrapper h4 { font-size: 120%; padding: 5px 0px 0px 0px; color: #ed7c22; }

#dates_main_col_1 p { 	
	color: #fff;
	font-size: 110%;
	line-height: 1.3em; 
	margin-bottom: 10px;
}

#dates_main_col_1 p span { color: #ed7c22; }
#dates_main_col_1 p a { color: #fff; }

/*p, ul { opacity: 0.99; }*/

/*
------------------------------------------------------------------------
FORM ELEMENTS
------------------------------------------------------------------------*/

#newsletter_form {
	margin: 12px;
}

#newsletter_form #email_input {
	border: 1px solid #ccc;
	background: #ccc;
	width: 164px;
	padding: 1px 0px;
	margin-bottom: 8px;
}

#newsletter_form #email_input:focus {
	border: 1px solid #fff;
	background: #fff;
}

#newsletter_form #submit_input {
	border: 1px solid #ed7c22;
	background: #ed7c22;
	padding: 3px;
}


/*
------------------------------------------------------------------------
IMG REPLACEMENT
------------------------------------------------------------------------*/

#logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 92px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: transparent url(../img/fairbridge_training_logo.png) 0 0 no-repeat;
}

#logo a {
    display:block;
	width: 279px;
	height:68px;
}

/*
------------------------------------------------------------------------
MAIN NAV
------------------------------------------------------------------------*/

#header_nav ul {
    width: 900px;
	margin: 0;
    padding: 0;
    list-style: none;
	border-top: 1px solid #ed7c22;  
}

#header_nav ul li {
    float: left;
}

#header_nav ul li a {
    float: left; 
    display: inline-block; 
    width: 108px;  
    margin: 0 0 0 24px; 
    padding: 6px 0 4px 0; 
    color: #6d6f72; /* Too dark? */
    text-decoration: none;
    border-top: 10px solid #ed7c22;
}

#header_nav ul li.active a {
    float: left; 
    display: inline-block; 
    width: 108px; 
    margin: 0 0 0 24px; 
    padding: 6px 0 4px 0; 
    color: #6d6f72;
    text-decoration: none;
    border-top: 10px solid #ed7c22;
}
#header_nav ul li.inactive a {
	border-top:0px;
}
#header_nav ul li.inactive a:hover {
	border-top:0px;
}
#header_nav ul li.logout a {
    float: left; 
    display: inline-block; 
    width: 108px; 
    margin: 0 0 0 24px; 
    padding: 6px 0 4px 0; 
    color: #6d6f72;
    text-decoration: none;
    border-top: 10px solid #ed7c22;
}

#header_nav ul li a:hover {
    border-top: 10px solid #fff;
    color: #fff;
}

#header_nav ul li a.selected {
    border-top: 10px solid #fff;
    color: #fff;
}

#header_nav ul li:first-child, #header_nav ul li:first-child a {
	margin: 0; 
	margin-left: 0;
}


/*
------------------------------------------------------------------------
SUB NAV
------------------------------------------------------------------------*/
#subNav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#subNav li a {
	width: 224px;
    display: block;
    margin: 0;
    padding: 3px 0px 3px 26px;
    border-bottom: 2px solid #000;
	color: #f1f1f1;
    text-decoration: none;
    margin: 0;
	background: #454649 url(../img/nav_arrow.gif) 0px 0px no-repeat;
}

#subNav li a:hover{
    display: block;
    margin: 0;
    padding: 3px 0px 3px 26px;
}

#subNav li a:hover { color: #ed7c22; text-decoration: none; background: #454649 url(../img/nav_arrow.gif) 0px -76px no-repeat; }

#subNav li a.selected{  
    display: block;
    margin: 0;
    padding: 3px 0px 3px 26px;
}

#subNav li a.selected { background: #454649 url(../img/nav_arrow.gif) 0px -76px no-repeat; }

#subNav li a.selected {
    color: #ed7c22;
    text-decoration: none;
}

/*
------------------------------------------------------------------------
SIDE NAV
------------------------------------------------------------------------*/

#side_nav { margin: 60px 0 0 0; }
#side_nav_dates { margin: 0; }

/*
------------------------------------------------------------------------
FOOTER NAV
------------------------------------------------------------------------*/

#footer_nav ul {
	margin: 0;
    padding: 0;
    list-style: none;  
}

#footer_nav ul li { 
	color: #fff;
	padding: 0;
	margin: 0px;
	font-size:90%;
	/*border-left: 1px solid #fff;*/
}

#footer_nav ul li a {
    text-decoration: none;
}

#footer_nav ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

#footer_nav ul li:first-child {
    border-left: 0;
	padding-left: 0;
}

/*
------------------------------------------------------------------------
CLEAR FLOATS + IE WHITESPACE FIX
------------------------------------------------------------------------*/
.col_wrapper:after {
	content: ".";
	display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.col_wrapper {display:block;}
/*  \*/
.col_wrapper {min-height:1%;}
* html .col_wrapper {height:1%;}
 /*  */
 
/***** courses page styles *****/
#course_main_col_2 .extra_info p {
	color:#FFF;
}
#course_main_col_2 .extra_info a {
	color:#ed7c22;
}

/***** course dates display_info styles *****/
#display_info {
	border:0px solid #FFF;
	margin-bottom:2em;
}
#display_info p {
	padding:0px;
	margin:0px;
}
#display_info a.next {
	color:#ed7c22;
}
#display_info a.greyed {
	color:#666;
	color:#333;
}

/***** booking a course styles *****/
#course_info {
	color:#FFF;
	padding-bottom:2em;
}
#course_info h4 {
	clear:both;
}
#course_info span {
	width:10em;
	border:0px solid #FFF;
	float:left;
}
#course_info span.info {
	color:#ed7c22;
	width:400px;
	float:left;
}
#course_select {
	width:575px;
	border:1px solid #000;
	font-size:95%;
}
#course_select.admin {
	width:auto;
	font-size:100%;
}

/***** What's new styling *****/
#course_main_col_2.posts_container {
	border-left:1px solid #ed7c22;
	border-right:1px solid #ed7c22;
	padding:0px 15px;
	color:#FFF;
	font-size:110%;
}
#course_main_col_2.posts_container h3 {
	color:#ed7c22;
	font-size:115%;
	margin-bottom:0.5em;
}
#course_main_col_2.posts_container p, #course_main_col_2.posts_container li {
	color:#FFF;
}
#course_main_col_2.posts_container p.datetime {
	margin:0px 0px 0.75em;
	padding:0px;
	font-size:90%;
	border:0px solid #333;
	color:#CCC;	
}
#course_main_col_2.posts_container div.post {
	margin-bottom:1.25em;
}

/***** form security *****/
#wall-holder {
	display:none;
}