html,body {
	margin:0px;
	padding:0;
	background-color:#FFF;
	font-family:Arial;
	font-size:small;
	color:#666;
}
a {
	color:#666;
}
h1 {
	font-size:125%;
	margin:0em 0em 0.5em;
	font-weight:bold;
	color:#62ADE6;
}
h2 {
	font-size:110%;
	margin:0em 0em 0.5em;
	color:#999999;
}
h2 span.sub {
	font-weight:normal;
	font-size:105%;
	font-style:italic;
}
#main_content h2 {
	color:#62ADE6;
}
#main_content h2.grey {
	color:#999999;
}
h3 {
	font-size:110%;
	margin:0em 0em 0.75em;
	font-weight:normal;
}
h4 {
	font-size:103%;
	margin:1.75em 0em 0.5em;
	font-weight:bold;
}
h4 span.sub {
	font-weight:normal;
	font-style:italic;
}
p {
	margin:0em 0em 1em;
	font-size:90%;
}
hr {
	border:0px;
	color:#D7D7D8;
	background-color:#D7D7D8;
	height:1px;
	width:100%;
	text-align:left;
	padding:0px;
	margin:1em 0em 0em;	
}
a:link, a:active {
	color:666;
	text-decoration:none;
}
a:visited {
	color:#999;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
#container {
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
	width:888px;
	border:0px solid #CCC;
	background-color:#FFF;
	position:relative;
}
#header {
	border-bottom:1px solid #CCC;	
}
#logo {
	width:548px;
	float:left;
	margin-bottom:20px;
}
#header_right {
	width:175px;
/*	height:75px;*/
	float:right;
	padding:40px 0px 0px;
	border:0px solid #000;
}
#header_right.alt {
	padding:10px 0px 0px;
}
#quick_enquiry {
	text-align:center;
	width:122px;
	height:33px;
	background:url(../images/header/client_login_bg.gif) no-repeat;
	border:0px solid #000;
	padding-top:8px;
/*	padding-bottom:5px;*/
}
#client_login {
	text-align:center;
	width:122px;
	height:33px;
	background:url(../images/header/client_login_bg.gif) no-repeat;
	border:0px solid #000;
	padding-top:8px;
}
#client_login.on {
	background:url(../images/header/client_login_on_bg.gif) no-repeat;
}
#quick_enquiry a, #client_login a {
	color:#FFF;
}
#nav {	
	background-color:#CEE6F7;
	clear:both;
	border:0px solid #000;
}
#nav ul {
	margin:0;
	padding:0px;
	list-style:none;
	width:100%;
	border-bottom:0px solid #CEE6F7;
}
#nav li {
/**/	float:left;
	margin:0;
	padding:0;
}
#nav li a {
	display:block;
	padding:10px 5px 10px;
	width:108px;
	border-right:1px solid #FFF;
	text-decoration:none;
	color:#666;
	background-color:#CEE6F7;
	text-align:center;
}
#nav li.wider a {
	width:128px;
}
#nav li.wider2 a {
	width:144px;
}
#nav li.grey a {
	background-color:#D7D7D8;
}
#nav li.last a {
	border:none;
}
#nav li a:hover, #nav li.on a {
	background-color:#FFBF00;
	color:#333;
}
#divider {
	clear:both;
	height:25px;
}
#content {
	border:0px solid #000;
	position:relative;
	margin:0px;
}
#home_titles {
/*	background:url(../images/main/bluedot.gif) repeat-y;
	background-position:center top;
	min-height:25px;
*/
}
#home_titles {
/*	overflow:visible;*/
}
#home_title_left, #home_title_right {
	background-color:#62ADE6;
	width:401px;
	padding:8px 20px;
	border:0px solid #000;
}
#home_title_left {
	float:left;
	background:url(../images/main/hori_blue_bg.gif) repeat-y;
	background-position:left top;
}
#home_title_right {
	float:right;
}
#home_title_left h1, #home_title_right h1 {
	color:#FFF;
	margin:0px;	
}
#main {
	clear:both;
	position:relative;
	border:0px solid #FFFF00;
	width:100%;
}

/***** submenu styles *****/
#submenu {
	width:161px;
	border:0px solid #FFFF00;
	float:left;
}
#sub_submenu {
	width:210px;
	border:0px solid #FFFF00;
	float:left;
	margin:0px 10px 0px 20px;
}
#sub_submenu h1, #sub_submenu h2, h1.alt {
	margin:0px;
	font-weight:bold;
}
html>body #submenu {
	width:181px;
}
#submenu li.header {
	background-color:#62ADE6;
	color:#FFF;
	width:181px;
/*	padding:5px 5px 7px 15px;*/
}
#submenu h4 {
	padding:5px 5px 5px 15px;
	font-weight:bold;
	margin:0px;
}

#menu_left, #menu_right {
	border:0px solid #000;
	position:absolute;
	font-size:85%;
}
#menu_left {
	clear:both;
	width:161px;
	top:0px;
	left:0px;
}
#menu_right {
	border:0px solid #000;
	width:170px;
	position:absolute;
	top:0px;
	right:0px;
}
html>body #menu_left {
	width:181px;
}
html>body #menu_right {
	width:190px;
}

#menu_left ul, #menu_right ul, #submenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu_left li, #menu_right li, #submenu li {
	border-bottom:0px solid #CCC;	
}
#menu_left li a, #menu_right li a, #submenu li a {
	display:block;
	padding:5px 5px 7px 15px;
	color:#666;
	text-decoration: none;
	width:100%;
	background:url(../images/menu/item_bg.gif) repeat-x;
	background-position:left bottom;
}
#menu_left ul.tools li a, #submenu ul.tools li a {
	display:inline;
	padding:0px;
	width:auto;
	background:none;
}
#menu_left ul.tools li a:hover, #submenu ul.tools li a:hover  {
	text-decoration:underline;
}
html>body #menu_left li a, html>body #menu_right li a, html>body #submenu li a {
	width:auto;
}
#menu_left li a:hover, #menu_right li a:hover, #submenu li a:hover, #menu_left li.on a, #menu_right li.on a, #submenu li.on a {
	background-image:none;
	background-color:#FFBF00;
	color:#333;
}
#menu_left h4 {
	padding:15px 5px 5px 15px;
	font-weight:bold;
}
ul.standard {
	list-style:disc;
	padding:0px 0px 0px 15px;
	margin-left:15px;
}
#sub_submenu ul, #main_content ul {
	list-style:disc;
	padding:0px 0px 1em 15px;
	margin:0px;
}
ul.standard li {
	padding:0px 3px 3px 3px;
	list-style:disc;
	margin-left:30px;
}
#sub_submenu li {
	padding:0px 3px 3px 3px;
	list-style:disc;
}
#sub_submenu li.on a {
	color:#62ADE6;
}

#main_container {
	float:left;
	width:460px;
	border:0px solid #000;
}
#main_container.home {
	float:none;
	position:relative;
	margin:0px 181px 20px;
	border:0px solid #000;
	background:url(../images/main/photo_divider.gif) no-repeat;
	background-position:258px top;
	width:auto;
}
#main_container_wide {
	float:none;
	width:100%;
	border:1px solid #FFF;
	margin-bottom:20px;
}
#main_container_standard {
	float:left;
	width:705px;
	border:1px solid #FFF;
	margin-bottom:20px;
}
#main_container_standard.indented {
	padding-left:181px;
	border:1px solid #FFF;
}
#main_container_standard #main_content {
	margin-left:20px;
	border:0px solid #000;
}
#main_images {
	width:517px;
}
#main_container.home #main_content {
	clear:both;
	padding:20px 50px 0px;
}
#main_content ul, #main_content ol {
	margin:0px;
	padding-left:25px;
}
#main_content li {
	padding:0px 5px 5px 5px;
}

/***** ICON STYLES *****/
#links {
	margin-top:25px;
	margin-bottom:25px;
}
#links p {
	margin-bottom:5px;
}
.podcast, .test, .bookacourse {
	padding:5px 0px 0px 45px;
	height:22px;
}
.podcast {
	background:url(../images/icons/podcast.gif) no-repeat;
}
.test {
	background:url(../images/icons/test.gif) no-repeat;
}
.bookacourse {
	background:url(../images/icons/bookacourse.gif) no-repeat;
}


#footer {
	clear:both;
	border:0px solid #000;
	padding-top:30px;
}
#partner_logos {
	text-align:right;
}
#footer_menu {
	margin-top:10px;
	background-color:#CEE6F7;
	text-align:center;
	padding:7px 0px 7px;
	position:relative;
}
#footer_menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#footer_menu li, ul.tools li {
	display:inline;
	list-style:none;
	border-right:1px solid #666;
	padding:0px 20px 0px;
}
ul.tools li {
	padding:0px 7px 0px;
}
#footer_menu li.last, ul.tools li.last {
	border:0px;
}
#footer_menu li.on {
	font-weight:bold;
}
#bottom_right {
	position:absolute;
	top:7px;
	right:15px;
}

/***** central content styles *****/
#column_left, #column_central, #column_right {
	float:left;
	width:255px;
	margin:0px 0px 20px;
	padding:0px 20px 0px;
	border:0px solid #000;
}
#login {
	border:0px solid #000;
	width:450px;
	margin-left:118px;
}
#login ul {
	padding:20px 0px 20px;
	margin:0px 10px 0px 45px;
	list-style:none;
}
#login li, #login li.off {
	padding:3px 0px 0px 35px;
	background:url(../images/icons/bullet.gif) left top no-repeat;
}
#login li.on {
	background:url(../images/icons/bullet_on.gif) left top no-repeat;
}
#login li.on a {
	color:#62ADE6;
}

/**** FORM STYLING ****/
form {
	margin:0px 0px 20px;
	padding:0px;
	clear:both;
}
#form_container {
/*	background-color:#CEE6F7;*/
	padding-top:1.5em;
	width:500px;
	border:1px solid #D7D7D8;
}
#form_container.wide {
	width:600px;
}
#form_container.narrow {
	width:445px;
}
fieldset {
	border:0px;
}
#form_container.narrow fieldset {
	margin-bottom:0.25em;
	padding:0em;
}
fieldset br {
	clear:both;
}
fieldset#company_details {
	margin:1em 0px 1.75em;
	padding:0px;
}
label {
	float:left;
	text-align:right;
	width:200px;
	padding-right:10px;
	border:0px solid #000;
}
#form_container.narrow label {
	width:190px;
	padding-bottom:0.75em;
}
label.subheading {
	font-weight:bold;
	margin-bottom:0.75em;
}
label.subheading_wide {
	font-weight:bold;
	margin-bottom:0.75em;
	width:300px;
}
input, textarea, select {
	width:200px;
	float:left;
	margin-bottom:10px;
	border:1px solid #999;
}
table.form_grid {
	float:left;
	border:1px solid #999;
	padding-top:5px;
}
table.form_grid input {
	width:150px;
}
table.form_grid input.checkbox {
	width:25px;
}
table.form_grid td {
	padding:3px;
}
#form_container.narrow input, #form_container.narrow textarea, #form_container.narrow select {
	width:190px;
}
input.small, #form_container.narrow input.small, select.small {
	width:50px;
}
input.vsmall, #form_container.narrow input.vsmall {
	width:25px;
}
input.inline {
	float:none;
}
input.highlighted, textarea.highlighted {
	background-color:#CEE6F7;
	border:1px solid #000;
}
input.regular, textarea.regular {
	background-color:none;
	border:1px solid #999;
}
input.checkbox {
	width:25px;
}
input.button {
	width:8em;
	float:none;
}
input.radiobutton {
	width:1em;
	border:0px;
}
hr.white {
	border:0px;
	color:#FFF;
	background-color:#FFF;
	height:1px;
	width:100%;
	text-align:left;
	padding:0px;
	margin:1em 0em 1em;	
}
#guarantee_form td {
	border-bottom:1px dotted #CCC;
}
#guarantee_form td.plain {
	border:0px;
}
#error_message {
	font-weight:bold;
	color:#FF0000;
	padding-left:210px;
}

/* Flash lesson tooltip layer styling */
#dhtmltooltip {
	font-size:85%;
	position: absolute;
	width:250px;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	padding: 10px;
	background-color: #FFF;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmltooltip p {
	margin:0px;
}
#dhtmltooltip ul {
	margin:0px 0px 0.5em;
	padding-left:15px;
}

/***** data table CSS *****/
table.data_grid {
	border:1px solid #666;
	margin-bottom:1.75em;
}
table.data_grid td {
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:0.3em;
}
table.data_grid td.top {
	border-top:1px solid #CCC;
}