/* globally applicable things --------------------------------------------- */
body
{
	margin:0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

html, body, #page 
{
	min-height: 100%; /*Sets the min height to the
	height of the viewport.*/
	width: 100%;
	height: 100%; /*Effectively, this is min height
	for IE5+/Win, since IE wrongly expands
	an element to enclose its content.
	This mis-behavior screws up modern  
	browsers*/
}

html>body, html>body #page 
{
	height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}
   
   
a:hover
{
	color:#ff890b;
}

a:active
{
  outline: none;
}

a
{
	text-decoration:none;
	color:#2b75b3;
	/*font-weight:bold;*/
}


/* Boxes, they all need this ---------------------------------------------- */
.box_top_border
{
	float:left;
}

.box_left_side
{
	float:left;
	clear:left;
}
.box_right_side
{
	float:right;
}
.box_bottom_border
{
	float:left;
}


/* first div on the page -------------------------------------------------- */
#page
{
	background-image:url(../images/page_background/watermark.jpg);
	background-attachment:scroll;
	background-repeat:no-repeat;
	float:left;
}


/* page header ------------------------------------------------------------ */
#page_header
{
	width:100%;
	vertical-align:top;
	background-image:url(../images/page_background/top_background.jpg);
	background-repeat:repeat-x;
	height:96px;
	float:inherit;
}


#ati_logo
{
	width:387px;
	height:96px;
	padding-left:41px;
}


/* page content ----------------------------------------------------------- */
#page_content
{
	float:inherit;
	width:990px;
}



/* banner box ------------------------------------------------------------- */
#banner_box
{
	width:738px;
	margin-left:50px;
	padding-top:19px;
	float:inherit;
}

#banner_box_container
{
	background-color:#FFFFFF;
}

#banner_box_top
{
	width:100%;
}

#banner_box_middle
{
	
}

#banner_image
{
	padding-top:6px;
	padding-bottom:4px;
	padding-left:6px;
}

#banner_box_bottom
{

}


/* menu box ---------------------------------------------------------------- */
#menu_box
{
	width:738px;
	margin-left:50px;
	margin-top:9px;
	float:inherit;
	background-color:#FFFFFF;
	position:relative;
}

#menu_box_container
{
	
}

#menu_box_middle
{
	height:15px;
}

#menu_box_middle a
{
	text-decoration:none;
	color:#4f93cc;
	font-weight:bold;
	padding-left:35px;
}

#menu_box_middle img
{
	height:100%;
}

#menu_box_middle a:hover
{
	color:#ff890b;
}


/* search box --------------------------------------------------------------- */
#search_box
{
	width:241px;
	margin-top:21px;
	margin-left:50px;
	float:inherit;
	background-color:#ff890b;
}

#search_box_container
{
	
}

#search_box_middle
{
	height:285px;
}

#search_box_middle_border_left
{
	height:100%;
}

#search_box_middle_border_right
{
	height:100%;
}

#search_box_search_term
{
	margin-top:13px;
	width:80%;
	font-size:10px;
}

#search_box_form
{
	margin:0px 0px 0px 0px;
}

#search_icon_text
{
	line-height:20px;
	margin-top:-25px;
	margin-left:45px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

#search_box_search_button
{
	width:100px;
	float:right; 
	margin-right:20px;
}


/* input fields flat design ------------------------------------------------- */
.input_flat
{
	font-size:10px;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	margin-left:17px;
	margin-top:20px;
	width:190px;
}


/* page middle section ------------------------------------------------------ */
.icon_text
{
	line-height:20px;
	margin-top:-25px;
	margin-left:35px;
	font-size:13px;
	font-weight:bold;
	color:#ff890b;
}

.page_middle_section_links
{
	margin-top:15px;
	line-height:15px;
}

.page_middle_section_links a
{
	margin-left:10px;
}

/* page middle section boxes ----------------------------------------------------- */
#course_by_providers_container
{
	float:inherit;
	width:236px;
	margin-left:25px;
	margin-top:35px;
}

#course_by_qualifications_container
{
	float:inherit;
	width:235px;
	margin-top:35px;
	margin-left:15px;
}

#course_by_locations_container
{
	float:inherit;
	width:235px;
	margin-left:25px;
	margin-top:35px;
}

#course_by_delivery_container
{
	float:inherit;
	width:235px;
	margin-top:35px;
	margin-left:15px;
}

#teachers_institute_contact_container
{
	float:inherit;
	margin-left:62px;
	margin-bottom:60px;
	margin-top:-50px;
}


/* featured course boxes --------------------------------------------------------- */
#featured_courses_section
{
	float:right;
}

#featured_courses_box_container
{
	margin-top:20px;
	width:173px;
	float:left;
}

#featured_courses_title h2
{
	font-size:15px;
	color:#666666;
	font-weight:bold;
	margin-left:5px;
	margin-bottom:-5px;
}

.featured_course_box
{
	margin-top:15px;
	float:inherit;
}

.featured_course_title
{
	margin-left:12px;
	width:100%;
	float:inherit;
}

.featured_course_image
{
	margin-top:8px;
	margin-left:12px;
	float:inherit;
}

.featured_course_box_middle
{
	height:150px;
}

.featured_course_box_middle img
{
	border:none;
}

.featured_course_extra_text
{
	float:left;
}

.featured_course_box_left
{
	float:left;
	height:100%;
	width:6px;
}

.featured_course_box_right
{	
	float:right;
	height:100%;
	width:6px;
}

.featured_course_box_spacer
{
	height:15px;
}


/* page footer ----------------------------------------------------------------- */
#page_footer
{
	width:100%;
	vertical-align:bottom;
	background-image:url(../images/page_background/bottom_background.jpg);
	background-repeat:repeat-x;
	height:165px;
	float:left;
}

#provider_logos
{
	font-style:italic;
	color:#4f93cc;
	font-weight:bold;
	margin-top:40px;
	margin-left:60px;
}

#provider_logos img
{
	border:none;
	width:120px;
	height:58px;
	padding-top:10px;
	margin-left:-10px;
	margin-right:-10px;
}