@charset "utf-8";
/* CSS Document */

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

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

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

.clear  {
	clear: both;
}
		


/* LAYOUT */


	body{
		font-family: Arial, Helvetica, sans-serif;
	}

	#wrapper{
		width: 990px;	
		margin: 0 auto;
	}
	
	/* LAYOUT / HEADER FOOTER*/	
			
		#header, #footer{
		-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; margin: 7px 0 0 0;		
		}
				
		#header{
		background-color: #FFF		
		}
		
		#footer{
		background-color: #13A0DD
		}
		
		#main_logo_header{
		}
			
		#main_nav, #main_nav_terms{
		background-color: #13A0DD; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 7px 7px 7px;
		}	
			
		#main_nav ul{
		text-align: right;
		}
			
		#main_nav li{
		display: inline;
		margin-right: 10px;
		}
				
		#main_nav li a{
		font-size: 11px;
		color: #FFF;
		text-decoration: none;
		}
						
		#main_nav li a:hover{
		text-decoration: underline;		
		}
							
		.separator_main_nav{
		border-right: 1px solid #24B0EC;
		padding-right: 15px;
		margin-right: 10px;}
		
			/* LAYOUT / FOOTER */
	
	
			#footer{
			margin-bottom: 7px;
			padding: 10px 0 10px 10px;}
	
			#nav_footer{
			width: 300px;
			float: right;
			text-align: right;
			margin-right: 15px;
			}
			
			#nav_footer li{
			display: inline;
			font-size: 11px;
			margin-left: 10px;
			}		
				
			#nav_footer li a{
	color: #FFF;
	text-decoration: none;
			}	
					
			#nav_footer li a:hover{
			text-decoration: underline;
			}	
										
						
			#copyright_footer p{
			margin-top: 3px;				
	font-size: 12px;
	color: #FFF;
			}	
				
			#copyright_footer p a{
			color: #139FDD;
			text-decoration: none;
			}	
					
			#copyright_footer p a:hover{
			text-decoration: underline;
			}	
					
			/* ----------------------------------------- */

		#row_of_buttons{
		text-align: right;
		padding-bottom: 25px;
		}	
		
							
	/* ----------------------------------------- */							
						

	/* LAYOUT / CONTENT */
						
													
		#content{
		margin: 7px 0 0 0;		
		}		
				
		#sidebar{
		float: left;			
		}
										
		#main_section, #main_section_full, #main_section_home{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #FFF;
		padding: 0 13px;
				}

		#main_section_home{
			background-image: url(../images/home_main_image.jpg);
			background-repeat: no-repeat;
			background-position: right;
			height: 596px;
		}

	/* ----------------------------------------- */		


	/* LAYOUT / SEARCH RESULTS */
						
													
		#search_result_header p{
		font-size: 14px;
		color: #999999;
		background-image: url(../images/hat_small_icon.gif);
		background-repeat: no-repeat;
		background-position: 7px center;
		padding: 10px 0 10px 35px;
		border-bottom: 1px solid #E8E8E8;
		}		
		
		.heading_location{
	background-color: #DFF5FD;
	position: relative;
	margin: 10px 0;
	padding: 10px 0 10px 10px; 
		}	
		
		
		.location{
	position: absolute;
	top: 10px;
	right: 10px;
		}		
		
		.heading_location h2{
	font-size: 13px;
	color: #000;
	font-weight: bold;
		}	
		
		
			
		.result_pod{
			/*border-bottom: 1px solid #E8E8E8;
			margin-bottom: 25px;*/
		
			position: relative;
			height: 30px;
		}			
			
		.result_pod p{
		margin: 15px 0 10px 0;
		font-size: 12px;
		color: #4E4E4E;
		}	
			
		.result_pod h2{
		font-size: 16px;
		margin: 10px 0;
		}	
			
		.result_pod ul{
		margin: 8px 0;
		}	
			
		.more_info{
		margin: 0 0 20px 0;
		}			
			
		.result_pod li{
		display: inline;
		padding: 1px 10px 1px 20px;	
		font-size: 12px;
		}			
		
		.moreinfo_booknow{
		position: absolute;
		top: 0px;
		right: 0px;		
		}			
			
		.available_option{
		color: #999999;
		font-weight: bold;
		background-image: url(../images/available_icon.gif);
		background-repeat: no-repeat;
		background-position: left center;
		border-right: 1px  solid #E2E6E7;		
		}
			
		.notavailable_option{
		color: #999999;
		font-weight: bold;
		background-image: url(../images/not_available_icon.gif);
		background-repeat: no-repeat;
		background-position: left center;
		border-right: 1px  solid #E2E6E7;		
		}		
			
		.fee_option{
		color: #999999;
		background-image: url(../images/fee_icon.gif);
		background-repeat: no-repeat;
		background-position: left center;
		border-right: 1px  solid #E2E6E7;		
		}	
			
		.calendar_option{
		color: #999999;
		background-image: url(../images/calendar_icon.gif);
		background-repeat: no-repeat;
		background-position: left center;
		}	
			
		.clock_option{
		color: #999999;
		background-image: url(../images/clock_icon.gif);
		background-repeat: no-repeat;
		background-position: 7px center;
		}	
		
		.book_now_btn{
	color: #999999;
	border: 1px solid #1075AC;
	background-color: #1075AC;
	background-image: url(../images/arrow_booknow_btn.gif);
	background-repeat: no-repeat;
		background-position: 7px center;	
		}	
		
		.more_info_btn{			
	color: #999999;
	border: 1px solid #C0C0C0;				
	margin: 0 10px 0 0;
	background-image: url(../images/i_icon_off.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
		}			
		
		.more_info_btn a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
		}	
		
		.book_now_btn a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
		}			
		
		.more_info_btn a:hover{
	color: #528400;
		}	
		
		.book_now_btn a:hover{
	text-decoration: underline;			
		}				
			
	/* ----------------------------------------- */	

	/* LAYOUT / DETAILS */
	
		#detail_header p, #form_header p{
		color: #139FDD;
		padding: 10px 0 10px 35px;
		border-bottom: 1px solid #E8E8E8;
		}	
		
		#form_header p{
		font-size: 18px;
		}			
		
		#detail_header p{
		font-size: 12px;
		background-image: url(../images/information_icon.gif);
		background-repeat: no-repeat;
		background-position: 7px center;
		}	
		
		#form_header p{
	background-image: url(../images/hat_small_icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
		}			
			
		#detail_name{
			background-color: #DFF5FD;
		}	
		
						
		#detail_name h2, #course_schedule h2, #materials h2, #pricing h2, #contact_info h2, #centre_contact_info h2{
		font-size: 12px;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: 7px bottom;
		padding: 20px 0 0px 35px;
		margin: 0;
		}
						
		#detail_name h2{
		background-image: url(../images/hat_tiny_icon.gif);
		}
						
		#course_schedule h2{
		background-image: url(../images/calendar_icon.gif);
		}			
											
		#materials h2{
		background-image: url(../images/materials_tiny_icon.gif);
		}	
						
		#pricing h2{
		background-image: url(../images/fee_icon.gif);
		}
						
		#contact_info h2{
		background-image: url(../images/contact_icon.gif);
		}	
						
		#centre_contact_info h2{
		background-image: url(../images/centre_contact_icon.gif);
		}						
						
		#detail_name h1{
	font-size: 20px;
	padding: 4px;
	margin: 0;
	color: #000;
		}	
		
		#detail_location h1{
		font-size: 14px;
		padding: 2px 0;
		margin: 0;
		color: #13A0DD;
		font-weight: bold;
		}					
		
		#row_of_buttons li{
		display: inline;
		padding: 1px 10px 1px 25px;	
		font-size: 12px;
		}		
		
		.print_btn, .back_btn, .back_btn_form{						
	margin: 0;
		}	
		
		.print_btn{			

		}	
		
		.back_btn, .back_btn_form{			

		}	
		
		.back_btn{			
	margin-right: 100px
		}		
		
		.back_btn_form{			
		}				
		
		.print_btn a, .back_btn a, .back_btn_form a{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
		}
		
		.print_btn a:hover, .back_btn a:hover, .back_btn_form a:hover{
	color: #000;
		}			


		/* LAYOUT / DETAILS / COURSE SCHEDULE*/					
							
			#course_schedule{
			margin: 5px 0 0 0;
			}					
							
			#bluetable table{
			margin: 10px 0;
			width:100%;
			background-color: #DFF5FD;
			font-size: 12px;
			border: 1px solid #C8ECFB;
			}
					
			#bluetable tr{
			height: 33px;
			border-bottom: 1px solid #C8ECFB;
			}	
					
			#bluetable td {
			padding-left:10px;
			}			
			
			.bluetable_header{
			background-color: #C8ECFB;
			font-size: 14px;
			height: 40px;
			}		
								
		/* ----------------------------------------- */	

		/* LAYOUT / DETAILS / MATERIALS*/	
		
			#materials{
			margin: 20px 0 0 0;
			}	
					
			#materials p{
			font-size: 13px;	
			margin: 8px 0 10px 5px;
			}			
		
		/* ----------------------------------------- */	


		/* LAYOUT / DETAILS / PRICING*/	
		
			#pricing{
			margin: 20px 0 0 0;
			}	
					
			#pricing p{
			font-size: 13px;	
			margin: 8px 0 10px 5px;
			}		
					
			#pricing table{
			font-size: 12px;
			margin: 8px 0 8px 5px;	
			}	
					
			#pricing tr{
			height: 25px;
			}	
					
			#pricing table a{
	color: #39B4EE;
	text-decoration: none;
	background-image: url(../images/lblue_arrow_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 10px;
	font-size: 13px;
			}	
					
			#pricing table a:hover{
			text-decoration: underline;
			color: #0A4663;
			}		
			
			.click_here_conditions{
			margin: 2px 0 2px 50px;
			}	
					
		
		/* ----------------------------------------- */	

		/* LAYOUT / DETAILS / CONTACT INFO*/	
		
			#contact_info{
			margin: 20px 0 0 0;
			}	
					
			#contact_info p{
			font-size: 13px;	
			margin: 8px 0 10px 5px;
			}	
				
			#contact_table_chart{
			width:400px;
			font-size: 12px;
			margin: 8px 0 8px 5px;				
					}	
					
			#contact_table_chart tr{
			height: 20px;
			}			
		
		/* ----------------------------------------- */	

		/* LAYOUT / DETAILS / CENTRE CONTACT INFO*/	
		
			#centre_contact_info{
			margin: 20px 0 0 0;
			}	
					
			#centre_contact_info p{
			font-size: 13px;	
			margin: 8px 0 10px 5px;
			}					
		
		/* ----------------------------------------- */	
				

		
	/* ----------------------------------------- */	

	/* LAYOUT / CONTENT / SEARCH BOX */

		
		#sidebar_search{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #DFF5FD;	
		width: 278px;
		padding-top: 7px;
		}		
			
		#sidebar_search form{
		padding: 0 30px;
		}					
		
		#sidebar_search form p{
		font-size: 12px;	
		}	
		

		.rowElem
		{
			margin: 7px 0;
		}	
		
		.rowElemBtn
		{
	padding: 2px 0 15px 0;
	text-align: right;
		}	
				
		
		.rowElem select
		{
			font-size: 12px;
			padding: 5px;
			width: 100%;
		}	
		
		.search_btn
		{
	background-color: #1075AC;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-width: 0px;
	border-style: none;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
	
		}	
		
		
			
	/* ----------------------------------------- */		


	/* LAYOUT / CONTENT / SEARCH BY COURSE TYPE */

		
		#sidebar_by_course_type{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #F3F3F3;
		width: 278px;
		padding-top: 7px;
		margin: 7px 0 0 0;
		}	
			
		#sidebar_by_course_type ul{
		padding: 10px 10px 10px 30px;						
		}	
				
		#sidebar_by_course_type li{
		margin-bottom: 4px;					
		}					
			
		#sidebar_by_course_type li a{
		font-size: 13px;
		color: #000;
		text-decoration: none;						
		}	
					
		#sidebar_by_course_type li a:hover{
		color: #13A0DD;
		text-decoration: underline;
		}	
		
		.actual{
	background-image: url(../images/lblue_arrow_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	padding-left: 13px;
		}				
				
			
	/* ----------------------------------------- */		

	/* LAYOUT / FORM */


		#name_form h2, #pricing_form h2{
		font-size: 12px;
		background-repeat: no-repeat;
		background-position: 7px bottom;
		padding: 7px 0 0px 35px;
		margin: 0;
		}
						
		#name_form h2{
		background-image: url(../images/hat_tiny_icon.gif);
		}
		
		#pricing_form h2{
		background-image: url(../images/fee_icon.gif);
		}
		
		.form_container{
		background-color: #F5F5F5;
			background-color: #F5F5F5;
		background-image: url(../images/form_container_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		padding: 14px 0 0 0;
		margin: 10px 0 15px 0;	
		*margin: 10px 0 30px 0;			
			}	
		
		.form_container_buttons{
		padding: 0;
		margin: 0;
		height: 60px;
		}		
		
		
		.each_form{
		}		
		
		.personal_info_h2, .credit_info_h2{
		font-size: 16px;
		color: #666666;
		background-repeat: no-repeat;
		background-position: 10px top;
		padding: 0  0 20px 50px;	
		}	
		
		.personal_info_h2{
		background-image: url(../images/personal_info_icon.gif);
		}	
		
		.credit_info_h2{
		background-image: url(../images/credit_info_icon.gif);
		}			
		
		label
		{
			width: 205px;
			float: left;
			text-align: right;
			margin: 2px 30px 0 0;
			clear: both;
			font-size: 12px;
			line-height: normal;
			color: #215379;
		}

		.input-box, .input-box_message
		{
			font-family: Arial, Tahoma, sans-serif;
			font-size: 0.9em;
			color: #333;
			border: 1px #c7c7c7 solid;
			padding: 1px;
			width: 200px;
			background-color: #FFF;
		}

		.input-box
		{
			height: 20px;
		}
		
		.input-box_message
		{
			height: 250px;
		}	
		
		.textarea, .textarea_message
		{
		font-family: Arial, Tahoma, sans-serif;
		font-size: 0.9em;
		color: #333;
		border: 1px #c7c7c7 solid;
		padding: 1px;
		width: 200px;
		background-color: #FFF;
		}

		.textarea
		{
			height: 60px;
		}
		
		.textarea_message
		{
			height: 250px;
		}	
		
		.rowElem h3
		{
		font-size: 11px;
		color: #215379;
	
		}			
		
		.checkbox_line
		{
		font-size: 11px;
		color: #215379;
	
		}
		
		.alignclass
		{
		background-color: #F00;	
		margin-top: 10px;	
	
		}
		
		#final_form_text
		{		
		padding: 0 0 20px 0;
			}
		
		#final_form_text p
		{
			font-size: 0.8em;
			color: #215379;
	
		}		
		
		#final_form_text p a
		{
		color: #000;
		text-decoration: none;

		}	
		
		#final_form_text p a:hover
		{
		text-decoration: underline;			
	
		}	
		
		.ammount{
	background-image: url(../images/fee_icon.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 20px 2px 0
					}	
		
	/* ----------------------------------------- */	
	
	/* POP UPS */
	
			#popupwwrapper
		{
	margin: 10px;}	
	
	
		#main_nav_terms h1
		{
	font-size: 20px;
	color: #FFF;	
		}	
		
		#popupwwrapper h2
		{
	font-size: 14px;
	margin: 30px 10px 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	padding: 0 0 5px 0;
		}	
		
		#popupwwrapper p
		{
	font-size: 12px;
	margin: 10px;
		}		
		
		#close_button{
	text-align: center;
	margin: 10px;
			}
	
	/* ----------------------------------------- */	
	

.preferred_time
{
	width: 105px;
	float: left;
	text-align: right;
	margin: 2px 30px 0 0;
	clear: both;
	font-size: 12px;
	line-height: normal;
	color: #215379;
}