html, body {font-size: 100%;}

/* ----- GLOBAL ELEMENTS ----- */
body {text-align:center;background: #336699;font-size:75%;margin: 0;padding: 0;font-family: arial,verdana,tahoma,sans-serif;}
p {margin:0 0 10px 0;}
a:link, a:visited {color: #002768; text-decoration: none;}
a:hover, a:active {color: #000;}
table,select,input {font-size:100%;}

/* ----- LAYOUT ELEMENTS ----- 
#wrap,#content,table,h1,h2,h3,ul,li,td,th,p,hr {position:relative}*/
#wrap {width:950px;margin:0px auto;text-align:left;background:#fff;position:relative;border:4px solid #FFFFFF;}
#masthead {height:121px;margin:7px 0 0 0;padding:0px;}
#mainShadow {height:7px;background:url(images/shadowRight.gif) left top repeat-x;}
#maincontent {width:490px;margin-top:-5px;}
.home #maincontent{float:left;}
#maincontent.gallery{width:700px;float:right;}
#maincontent.searchResults {width:700px;float:right;}
#contentWrapper {padding-top:10px;clear:both;}
.home #contentWrapper{}
#left {float:left;width:191px;padding:0px;margin:15px 0 10px 0;}
#nav {margin-bottom:15px;}
#content {float:right;width:700px;padding:15px 0 10px 17px;}

#rightChannel{
	float:right;
	width:160px;
}



#rightColumn {margin-left:300px;width:184px;margin-right:3px;padding-top:5px;}

/* ------- MASTHEAD & SHADOW -------*/
#masthead img.logo {margin:0px;padding:0px;border:0px;}
.leftShadow {width:169px;background:url(images/shadowLeft.gif) left top repeat-x;border-right:1px solid #a4a4a4;margin:0px;padding:0px;}


#UtilityNav{
	float:right;
	margin:2px 0 0 0;
	padding:0;

}
#UtilityNav li{
	margin:0 0 3px 0;
	padding:0;
	text-align:right;
	list-style-type:none;
}
#UtilityNav li a{
	display:block;
	color:#999;
	padding:4px 28px 4px 0;
	background-position:top right;
	background-repeat:no-repeat;
	
}
#UtilityNav li a:hover,#UtilityNav li a.active{
	color:#336699;
}
/* ----- NAVIGATION ----- */

#GlobalNav{
	background-color:#369;
}

#GlobalNav ul{margin:0;padding:0;}
#GlobalNav ul li{list-style-type:none;float:left;border-right:2px solid #fff;background-color:#369;}

#GlobalNav ul li a{
	display:block;
	padding:8px 12px 8px;
	color:#fff;
	text-align:center;
	height:24px;
}
#GlobalNav ul li.selected{
	background-color:#996;
}

#GlobalNav ul li#last{
	border-right:none;
}
#GlobalNav, #GlobalNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#GlobalNav a {
	display: block;
}

#GlobalNav ul li { /* all list items */
	
	
}

#GlobalNav ul li ul { /* second-level lists */
	position: absolute;
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#GlobalNav ul li ul li{
	border-right:none;
	background-color:#fff;

	/*filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;*/
}
#GlobalNav ul li ul li a{
	width: 170px;
	text-align:left;
	color:#369;
	background-color:transparent;
	/*filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;*/ 	
}
#GlobalNav ul li ul li a:hover{
	text-decoration:underline;
}
#GlobalNav ul li:hover ul, #GlobalNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;display:block;
}

#GlobalNav li:hover, #GlobalNav li.sfhover {
	background-color: #996;
}

#GlobalNav li:hover li, #GlobalNav li.sfhover li {
	background-color: #fff !important;
}



#banner{
	clear:both;
	padding-top:2px;
	background-position:0 2px;
	background-repeat:no-repeat;
	height:230px;
}
#banner span{display:none;}
#nav h3{color:#336699;font-size:1.3em;margin-bottom:5px;}
#mainNav {list-style:none;margin:0 0 100px 0;padding:0px;line-height:100%;}
#mainNav li {margin:0px;padding:3px 0;border-bottom:1px dotted #D3D3D3;}
#mainNav li a {display:block; padding:5px 0; font-weight: bold; text-decoration: none; color: #999;width:159px;}
#mainNav li a:hover {color:#336699;text-decoration:underline;}

html>body #mainNav li a {width:auto;}

#mainNav li li {font-size:1em;}
#mainNav li.sub a, #mainNav li.subSelected a { display:block; padding-left:20px; font-weight: normal; width:149px;}
* html #mainNav li.sub a, #mainNav li.subSelected a{width:139px;}
#mainNav li.sub a:visited, #mainNav li.subSelected a:visited {color: #999;}
#mainNav li.sub a:hover, #mainNav li.subSelected a:hover {color: #336699;text-decoration:underline;}
#mainNav li.selected a, #mainNav li.subSelected {color:#369;}
#mainNav li li.selected a, #mainNav li.subSelected {color:#369;text-decoration:underline;}
#mainNav li li.selected a, #mainNav li.subSelected {color:#369;text-decoration:underline;}

#mainNav li.subSelected a{color:#336699 !important;}

#mainNav li li {margin:0px;padding:3px 0;border-bottom:none;list-style-type:none;}
#mainNav li ul{margin:0;padding:0;}
#subNav {list-style:none outside; margin: 0; padding:0px; padding-left: 0px; border:0;}
#subNav li {margin: 0px; padding: 0px;border-bottom:1px dotted #D3D3D3;}
#subNav li a {margin: 0px; padding: 5px 0px;display:block;color:#999;}
#subNav li a.selected {color:#369;}
#subNav li a:hover {text-decoration:underline;color:#369;}
p.loggedIn {margin:20px 5px 30px 0px;}
p.loggedIn span a{font-weight:normal;}
/* --------------- RIGHT CHANNEL -------------------------*/
.ImageTile{
	margin:0 0 40px 0;
}

.Tile{
	padding:10px;
	margin:0 0 40px 0;
	border:1px solid #ccc;
	color:#666666;
}
.Tile h3{
	color:#999966 !important;
	font-size:1.2em !important;

}
.ChannelImage{
	margin-bottom:40px;
}
.ChannelImage img{
	border:0;
}
#SponsorLogo{
	clear:both;
	padding:15px 20px;
	border-top:1px dotted #ccc;
}
#SponsorLogo ul,#SponsorLogo ul li{
	margin:0;padding:0;
}
#SponsorLogo ul li{
	float:left;
	margin:0 20px 0 5px;
	list-style-type:none;
}

/* ---------------------- PAGE DETAILS ----------------------- */
h1, .HomeHeading {color:#305895;font-size:1.5em;margin-top:0px;padding:0px;}
h2, .SubHeading {font-size:1.1em;margin-top:0px;padding:0px;font-weight:bold;clear:none;color:#999966}
h3 {font-size:1em;margin-top:0px;padding:0px;font-weight:bold;clear:none;}
hr {border:0px;text-align:center;height:1px;color:#fff;background-color:#fff;padding:0;margin:3px 0 3px 0;clear:none;border-bottom:1px dotted #D3D3D3;}
p.buttons {margin:10px 0 0;}
p.buttons a {vertical-align:middle;}
a.button {}
#content{color:#666;}
#content p {clear:none;}
#content ul {margin-top:3px;margin-bottom:10px;}
#content ul li {list-style-image:url(/css/images/blue_bullet_ff.gif);margin-left:-8px;}
#content ol li {list-style-image:none !important;}
	

.whiteBGContainer {border:1px solid #a4a4a4; background:#fff;padding:10px;margin:0 0 20px 0;clear:none;position:relative;}
.whiteBGContainer h2,.whiteBGContainer h3 {color:#002768;}

#linkedImages {float:right;padding:0 10px 8px 8px;}
#linkedImages img {border:0;}
#linkedImages .imageCaption {margin-bottom:10px;font-size:0.8em;}

/* ----- HOME PAGE  ----- */
.homeCourse {border-top:1px dotted #CCCCCC; padding:10px 0 5px 0;}
.homeCourse .homeImage {float:right;margin:0px 0px 1px 5px;width:180px;height:130px;background:url(images/homeImgShadow.gif) bottom right no-repeat;}
.homeCourse h1, .HomeHeading {margin:0 0 5px 0;}
a.more{font-weight:bold;color:#305895;}
#homeSecondary {margin-top:10px;}
.top#homeSecondary {margin-top:0px;}


/* ----- LEFT INFO BOX ----- */
.leftInfo {float:left;width:490px;background:#fff;clear:none;position:relative;}
.leftInfo h1 {color: #fff; background: #305895 url(images/heading_bg_med2.gif) top left no-repeat; font-size: 1.1em; padding: 3px 0 3px 10px; margin: 0px; border: 0px;}
.leftInfo div.info {border: 1px solid #a4a4a4; border-top: 0; padding: 0 10px 0 10px;clear:none;}
.leftInfo h2 {font-size: 1.1em; padding: 7px 0 0 0; margin: 0;}
.leftInfo table {font-size:1em;}
.leftInfo select {width:auto;}
.leftInfo form table {margin-top:15px;}
	.leftInfo .tutor{border-top:1px dotted #CCCCCC}
.leftInfo .info .row {clear:both;}
.row {margin:4px 0 4px 0;}
.row p {margin:0px;}
.rowTitle {float:left;width:55px;text-align:right;font-weight:bold;margin-right:5px;}

.tutorCourse {margin:10px 0 15px 0;clear:none;}
.tutorCourse h2 {margin:0 0 5px 0;padding:0;clear:none;}
.tutorCourse h3 {color:#666666; padding:0;margin:0;clear:none;}
.tutorCourse h3 a {color:#666666;}
img.tutor {float: right; border: 0px; margin-left: 7px;clear:none;}

/* ----- COURSE SUMMARY BOX ----- */
.courseSummary {background:#fff;clear:none;margin-bottom:15px;}
.courseSummary h1 {color:#fff; background: #305895 url(images/heading_bg_lg.gif) top left no-repeat; font-size: 1.1em; padding: 3px 0 3px 10px; margin: 0px; border: 0px;}
.courseSummary div.info {border: 1px solid #a4a4a4; border-top: 0; padding: 10px;overflow:auto;}
.courseSummary h2 {font-size:1em; padding: 7px 0 0 0; margin: 0;}
.courseSummary table {max-width:368px;font-size:1em;margin-top:7px;}
.courseSummary table td {padding-top: 3px; padding-bottom: 3px;vertical-align:top;}
.courseSummary td.divider {width:5px; border-right: 1px solid #a4a4a4;}
.courseSummary table td.right {padding-left: 5px;}
.courseSummary img {border:0px;}
.courseSummary img.course {float:right; margin:0px 0px 5px 3px;}
.courseSummary div.enrolForm {}
.courseSummary .enrolForm form {margin:0;padding:0;}
.courseSummary .enrolForm input {vertical-align:middle;}
.courseSummary .enrolForm img {vertical-align:middle;}
.courseSummary .enrolForm select {width:300px;vertical-align:middle;}
img.moreInfoButton {height:17px;width:107px;border:0px;}
img.myListButton {height:17px;width:63px;border:0px;}
img.enrolButton {height:17px;width:63px;border:0px;}
.groupBookingsButton{height:17px;width:70px;border:0;}

/* -------- RELATED INFO --------- */
.relatedInfo {padding-left:0px;}
.relatedInfo h2 {margin:0 0 7px 0px;}
#relatedfiles {margin-top:20px;}

/* -------  FORMS  -------- */
td.formLeft {padding:7px 3px 7px 0;width:130px;}
tr.head td{font-weight:bold;padding:10px 0 3px;color:#305895;font-size:12px;}


/* ----- RIGHT COLUMN -----  */
.rightInfo {margin:0 0 40px 0; width: 160px; background: #fff;padding:0;}
.rightInfo div.heading h1 {color: #fff; background: #305895 url(images/heading_bg_sm.gif) top left no-repeat; font-size: 1em; padding: 3px 0 3px 8px; margin: 0px; border: 0px;}
.rightInfo div.info {border: 1px solid #a4a4a4; border-top: 0; padding: 10px 5px 5px 8px; }
.rightInfo h2 {font-size: 1em; padding: 7px 0 0 8px; margin: 0px 0 0 0;}
.rightInfo .spaceleft {margin:7px 0 0px 0;padding:2px 0 2px 0;font-weight:bold; border-top: 1px solid #a4a4a4;border-bottom: 1px solid #a4a4a4;text-align:center;}

.rightInfo ul {list-style: none;margin:7px 0 0 8px;padding:0px;}
.rightInfo ul li{list-style-image:none !important;}
#rightColumn #linkedImages {padding:0px;float:none;margin:0 0 10px 0;}

span.courseno {font-weight: normal; font-size: 0.9em;}
span.blueStrong {font-weight: bold;}

/* ------ ENROL PAGES -------- */
.tabs {padding:0;margin:0;height:16px;text-align:left;}
.tabs div.img {float:left;display:inline;padding:0px;margin:0 1px 0 2px;clear:none;}
.tabs img {padding:0;margin:0;border:0px;}

#forgotPassword{margin:5px 0;}



#LoginLeft{
	float:left;
	width:320px;
}

#LoginRight{
	margin-left:330px;
	padding-left:25px;
	border-left:1px dotted #D3D3D3;
}


/* ----- SEARCH ----- */
.search {font-weight:bold;}
.search form {margin:0;padding:0;}
.search input.query {width:125px;color:#666;} 
.search input.go {margin:0 0 -3px 2px;height:17px;width:21px;}
#search {clear:none;color:#FFF;font-size:12px;}
.training #search{color:#FFF;}
#search.home{position:absolute;left:0px;bottom:50px;}
.searchHeader {background:#C8D6EB;padding:3px 5px 3px 5px;margin:15px 0 0px 0;}

#searchResults {height:200px;min-height:200px;position:relative;margin-bottom:20px;}
*>#searchResults {height:auto;}
.result {border-bottom:1px dotted #d3d3d3;padding:10px 0 7px 0;}
.resultNo {font-weight:bold;color:#305895;float:left;padding-left:5px;}
.resultDesc {clear:none;margin-left:30px;height:1%;}
.resultDesc p {margin:2px 0 0 0;}
.resultDesc a{color:#305895 !important}

#LinkToUS ul{
	margin:0;
	padding:0
}

#LinkToUS ul li{
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	list-style-image:none !important;
}
#LinkToUS ul li strong{
	font-size:1.2em;
}
#LinkToUS ul li img{
	display:block;
	margin:2px 0 0 0

}

/* ---------------------- GALLERY ----------------------- */

#MulitmediaGallery{
	margin:0;
	padding:0;
	width:710px;
}

#MulitmediaGallery li{
	list-style-type:none !important;
	float:left;
	width:170px;
	margin:0 5px 0 0;
	text-align:center;
	list-style-image:none !important;	
	height:230px;
	overflow:hidden;
}
#MulitmediaGallery li.clearLI{
	height:20px;
	width:700px;
	clear:left;
	overflow:hidden;
	margin-top:0;
}
.PageNumbers{
	padding:3px;
	border:1px solid #369;
	clear:left;
	margin-top:20px;
}

.Numbers{float:right;}


/* ---------------------- PARTNERS ----------------------- */
.partner {border-bottom: 1px solid #a4a4a4;padding:5px 0 5px 0;}
.partner img {float:right;border:0;margin:5px 5px 0 5px;}
.partner .row {margin-right:102px;}
.partner .rowTitle {display:inline;width:95px;margin:0 7px 0 0;padding:0;}
.partner .content {margin:0 0 0 102px;clear:none;height:1%;}
.partner .row p {margin-bottom:5px;}

/* ---------------------- MY LIST ----------------------- */
#myList {margin:20px 0;border-bottom:1px dotted #d3d3d3;}
#myList h1 {padding:2px 0 2px 10px;margin:0px;font-size:1em;background:#C8D6EB;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
#myList h2 {padding:0px;padding-left:10px;font-size:70%;margin:10px 0 5px 0;}
#myList form {margin:0px;padding:0px;padding-left:10px;font-size:71%;}
#myList td {padding-top:5px;}
#myList td.caption {padding:0px;font-size:90%;vertical-align:top;}
#myList input.button {margin:10px 0 10px 0;}

/* ---------------------- SHOPPING CART ----------------------- */
#shoppingCart {width:519px;border-collapse:collapse;}
#shoppingCart td {padding:5px 3px 5px 3px;border-top:1px solid #d3d3d3;text-align:center}
#shoppingCart th {text-align:center;background:#C8D6EB;color:#002768;padding:5px 3px 5px 3px;border-right:1px solid #fff;}
#shoppingCart .left {text-align:left;}
#shoppingCart select {width:300px;margin:3px 0 0 0;}
#shoppingCart input {width:18px;text-align:center;margin:3px 0 0 0;}
#shoppingCart a {font-weight:bold;font-size:100%;text-decoration:underline;}

#cartButtons {text-align:right;margin-bottom:100px;}



/* ---------------------- TAX INVOICE ----------------------- */
#taxinvoice {border:1px solid #a4a4a4; background:#fff;padding:10px;margin:20px 0 0 0;clear:none;padding-bottom:20px;width:auto;}
#taxinvoice h1 {color:#000;position:relative;display:inline;margin-bottom:15px;}
table.invoice {border: 1px solid #a4a4a4;padding: 0px;border-collapse:collapse;margin-top: 3px;border-right:0px;empty-cells:show;width:95%}
*>table.invoice {width:100%;}
table.invoice tr.headingRow {background: #C8D6EB;}
table.invoice th {font-weight: bold;border-right: 1px solid #a4a4a4;border-bottom: 1px solid #a4a4a4;text-align:center;padding: 4px;}
table.invoice td {padding: 4px;margin: 0px;border-right: 1px solid #a4a4a4;border-bottom: 1px solid #a4a4a4;text-align:center;}
table.invoice tr.total {height:40px;background-color: #C8D6EB;font-weight:bold;}
table.invoice tr#invSum1 td,table.invoice tr#paySum1 td {padding-top:15px;}
table.invoice tr.summary td {font-weight:bold;border:0;padding-top:0;padding-bottom:4px;border-right: 1px solid #a4a4a4;}
table.invoice tr.summary td.head {text-align:right;padding-right:5px;border:0px;}
table.invoice tr.summary td.total {text-align:right;}

/* ----- SIte Map ----- */
#sitemap {}
#sitemap h1 {font-size:105%;margin:0;color:#000;}
#sitemap ul {list-style:none;margin:5px 0 10px 20px;padding:0px;}
#sitemap .left {width:230px;float:left;}
#sitemap .right {width:230px;margin-left:250px;clear:none;}
#sitemap a{color:#336699 !important}

/* -- Newsletter ----- */
.newsletterArticle{
	clear:both;
	border-bottom:1px dotted #D3D3D3;
	margin:10px 0;
	padding-top:10px;
}
.newsletterArticle h2{

	color:#369;
}
/* ----- BOTTOM NAV ----- */
#bottomNav {padding:15px 0 5px 25px;text-align: left;clear: both;position:relative;border-top:1px dotted #ccc;}
#bottomNav p {padding:0px; color: #999;margin:0px;font-size:0.9em;font-weight:bold;}
#bottomNav a{color:#999;padding:0 5px;}
/* ----- VERVE ----- */
#verve {float:right;clear:both;width:100px;text-align:right;padding:0;color:#999;margin:auto;}

#verve a:link, #verve a:visited, #verve a:hover {color:#999;}

/* ----- OTHER STUFF ----- */
.clear {clear:both;height:1px;overflow:hidden;}
a.print {font-weight:bold;text-decoration:underline ! important;display:inline;float:right;margin-right:5px;}

