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

/******************************************
     COLOURS
	 -------
	 
	 RG146 Blue : #073643;
	 Blue/Grey : #597B7B;
	 RG146 Dark Green : #8CC040;
	 RG146 Light Green : #B1D35A;
	 Mentor Grey : #808285;
	 White : #FFFFFF;
	 
	 FONT SIZES
	 ----------
	 
	 DOM	Default		Style
	 P : 	16px		0.75em (12px/16px)
	 H1 :	2em			2em
	 H2 :				1.6em (16px/10px)
	 H3 :				1.6em (16px/10px)
	 H4 :
	 H5 :
	 H6 :
	 
********************************************/

/******************************
     STANDARD HTML
******************************/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #597B7B;
	font-size: 100%;
	line-height: 1.25em;
	background-color: #DFECED;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}

p, ul, ol, label {
	font-family:Helvetica, Ariel, Sans-serif;
	font-size:12px;
	margin-bottom: 0.75em;
}

ul li {
	list-style-image:url(/images/li_green.png);
}

h1 {
	font-family:Impact, Helvetica, Verdana, sans-serif;
	font-size: 1.6em;
	font-weight:normal;
	color: #073643;
	line-height:1.5em;
	text-transform:uppercase;
	letter-spacing:.04em;
	margin:0;
	padding:0;
}

h2, h3 {
	font-family:Helvetica, Verdana, sans-serif;
	font-size:1em;
}

a {
	color:#073643;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

button {
	height:24px;
	border:none;
	background:url(/images/form_button.jpg) no-repeat right top;
	font-weight:bold;
	padding-right:29px;
	padding-left:5px;
	overflow:visible;
	margin: 5px 0;
	color:#FFFFFF;
}

button:hover {
	background-position:right bottom;
}

input {
	border: 1px solid #ACBDBD;
	margin-top: 2px;
	color:#ACBDBD
}


/******************************
     LAYOUT ELEMENTS
******************************/

#container {
	margin:0 auto;
	width:1000px;
	background: transparent url(/images/container_bg.jpg) repeat-y center;
}

#header {
	padding: 40px 25px;
	background: url(/images/header.jpg) top center no-repeat;
}

#sidebar {
	padding:0 15px 0 25px;
	margin:0;
	width: 200px;
	float:left;
	clear:left;
	text-align:left;
}

#content {
	margin:0;
	margin-bottom:10px;
	width: 735px;
	float:left;
	text-align:left;
	clear:right;
}

#pathway {
	background: url(/images/pathway_bg.jpg) center no-repeat;
	color:#FFFFFF;
	height:139px;
	margin-bottom:20px;
}

#pathway #dfs {
	float:left;
	width:200px;
	height:119px;
	padding:15px 0 0 8px;
}

#pathway #adfs {
	float:left;
	width:200px;
	height:119px;
	padding:15px 0px 0 50px;
}

#pathway #assoc {
	position:relative;
	float:left;
	width:232px;
	height:119px;
	padding:15px 0 0 45px;
}

#specialist {
	background:url(/images/specialist_bg.jpg) center no-repeat;
	height:123px;
	margin-bottom:20px;
}

#specialist #ins, #specialist #sup {
	float:left;
	width:240px;
	padding-right:6px;
}

#specialist #inv {
	float:left;
	width:240px;
}

#bottom_nav {
	text-align:left;
	clear:both;
	margin:30px 0 30px 240px;
	height:110px;
	background:url(/images/footer_titlebar_bg.jpg) top left no-repeat;
	padding:0;
	padding-left:10px;
}

#news, #links, #faqs {
	display:inline;
	margin:0;
	padding:0;
	float:left;
	width:200px;
	margin-right:40px;
}

#footer {
	clear:left;
	margin-top:50px;
	padding:0 180px 30px 180px;
	background:url(/images/footer.jpg) bottom center no-repeat;
}

/******************************
     DISPLAY ELEMENTS
******************************/

#sidebar li a, #bottom_nav li a {
	color:#597B7B;
}

#sidebar form#callback {
	margin:10px 0 20px 20px;
}

#sidebar li form {
	margin:0;
	padding:0;
}

.button {
	clear:both;
	display:inline-block;
	height:24px;
	line-height:24px;
	background:transparent url(/images/button_span.png) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	margin:10px 0;
}

.button a {
	display:inline-block;
	height:24px;
	line-height:24px;
	background:url(/images/button_span_a.png) right top no-repeat;
	padding-left:5px;
	padding-right:29px;
	color:#FFFFFF;
}

.button:hover {
	background-position:bottom left;
}

.button:hover a {
	background-position:bottom right;
	text-decoration:none;
}

#pathway .button, #specialist .button {
	display:block;
	font-weight:normal;
	margin:0;
}

#pathway .button a, #specialist .button a, .insurance .button a {
	display:block;
}

/******************************
     HEADER STYLES
******************************/

#header h1 {
	clear:both;
	margin: 60px 0 0 20px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:normal;
	font-style:italic;
	line-height:1.125em;
	letter-spacing:0;
	text-align:right;
	text-transform:none;
	color: #8A9A93;
}

/******************************
     SIDEBAR STYLES
******************************/

#sidebar h1 {
	display:block;
	line-height:27px;
	background:url(/images/sidebar_h1.jpg) center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	text-transform:none;
	padding-left:5px;
	letter-spacing:0;
}

/******************************
     CONTENT STYLES
******************************/

/******************************
     PATHWAY STYLES          */
	 
#pathway h1 {
	display:inline-block;
	float:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	line-height:1.125em;
	letter-spacing:0;
	text-transform:none;
	margin:0;
	margin-right:5px;
}

#pathway .major {
	font-weight:normal;
}

#pathway p {
	display:block;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	padding-top:2em;
	padding-bottom: 1.5em;
	font-size:.7em;
	line-height:1em;
}

#pathway a {
	color:#FFFFFF;
	
}

#assoc .button {
	position:absolute;
	bottom:6px;
	margin-right:7px;
}

/******************************
  SPECIALIST ADVISER STYLES  */
	 
#specialist h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.2em;
	letter-spacing:0;
	font-weight:bold;
	margin-top:.2em;
}

#specialist h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#073643;
	line-height:1em;
	margin-bottom:.5em;
}

/******************************
  COMPANY PROFILE STYLES     */
  
.profile {
	/*not yet supported by most browsers*/
	-moz-column-count: 3;
	-moz-column-gap: 5px;
	-webkit-column-count: 3;
	-webkit-column-gap: 5px;
	column-count: 3;
	column-gap: 5px;
}

/******************************
     INFO PAGES
******************************/

.info h1 {
  color: #8CC040;
  border-bottom: 1px solid #B1D35A;
  display:block;
  margin: 15px 0;
  padding-bottom:2px;
  font-size:1.1em;
  line-height:1.4em;
  letter-spacing:0;
  font-family:Helvetica, Verdana, Arial, sans-serif;
  font-weight:bold;
  clear:none;
}

.info h2 {
	color:#557F0D;
	margin-top:1.5em;
	margin-bottom:1em;
	font-size:1em;
}

.info h3 {
  color: #8CC040;
  margin-top:1em;
  line-height:2em;
}

.info ul li {
	list-style-image:url(/images/li_blue.jpg);
}

.info ol li {
	color:#073643;
}

.info a {}

.info a:hover {
	text-decoration:underline;
}

.bio {
  float:left;
  margin:5px 50px;
}

.bio h1, .bio h1 a {
  margin-top:0px;
  letter-spacing:0;
  text-decoration:none;
  color:#557F0D;
  font-weight:normal;
}

.bio h2, .bio h2 a {
  margin-bottom:0px;
  border-bottom:none;
  font-style:italic;
  color:#74A520;
  text-decoration:none;
}

.bio a:hover h1, .bio a:hover h2 {
text-decoration:underline;
}

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

.course h1 {
  color:#073643;
  border-bottom: 1px solid #073643;
  display:block;
  margin: 15px 0;
  padding-bottom:2px;
  font-size:1.1em;
  line-height:1.4em;
  letter-spacing:0;
  font-family:Helvetica, Verdana, Arial, sans-serif;
  font-weight:bold;
  clear:none;	
}

.course h2 {
	margin-top:1.5em;
	margin-bottom:1em;
	font-size:1em;
	border-bottom: 1px solid #073643;
}

.course h3 {
  color:#073643;
  margin-top:1em;
  line-height:2em;
}

a.dropdown {
  display:block;
  height:29px;
  margin-bottom:1px;
  background:#073643 url(/images/dropdown_a.jpg) top left no-repeat;
}

a.dropdown .on {
	background-position:left 33%;
}

.dropdown h3 {
  margin:0;
  color:#fff;
  font-size:1.2em;
  line-height:29px;
  padding:0;
  margin-left:40px;
  background:url(/images/dropdown_a_h3.jpg) no-repeat top right;
  font-weight:normal;
  font-size:1em;
}

a.dropdown:hover {
  background-position:left 66%;
}

a.dropdown .on:hover {
	background-position:left bottom;
}

a.dropdown:hover h3 {
  background-position:right 66%;
}

.course ul li label {
	display:inline-block;
	width: 100px;
	color: #073643;
}

/******************************
  LANDING PAGE STYLES        */
  
.insurance, .super, .investment, .diploma, .advanced, .derivatives, .securities, .forex {
	color:#fff;
	padding:10px;
}

.insurance p, .super p, .investment p, .diploma p, .advanced p, .derivatives p, .securities p, .forex p {
	padding-right:220px;
}

.insurance h1, .super h1, .investment h1, .diploma h1, .advanced h1, .derivatives h1, .securities h1, .forex h1,
.insurance h2, .super h2, .investment h2, .diploma h2, .advanced h2, .derivatives h2, .securities h2, .forex h2 {
	font-family:Impact, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	color: #fff;
	text-transform:uppercase;
	letter-spacing:.02em;
	padding:0;
}

.insurance h2, .super h2, .investment h2, .diploma h2, .advanced h2, .derivatives h2, .securities h2, .forex h2 {
	font-size:1.4em;
	line-height:1.6em;
}

.insurance {
	background:url(/images/ins_lnd.jpg) no-repeat top center;
}

.super {
	background:url(/images/sup_lnd.jpg) no-repeat top center;
}

.investment {
	background:url(/images/inv_lnd.jpg) no-repeat top center;
}

.diploma {
	background:url(/images/dfs_lnd.jpg) no-repeat top center;
}

.advanced {
	background:url(/images/adfs_lnd.jpg) no-repeat top center;
}
	

/******************************
  TESTIMONIALS BOX STYLES    */
  
#testimonials {
	float:right;
	width:198px;
	height:400px;
	background:#FFFBE8 url(/images/testimonials_bg.jpg) center bottom no-repeat  ;
	margin-top:10px;
	margin-left:5px;
}

#testimonials h1 {
	background:url(/images/testimonials_h1.jpg) top center no-repeat;
	color:#597B7B;
	text-align:center;
	text-transform:capitalize;
	font-face:Verdana, Helvetica, Ariel, sans-serif;
	font-size:1em;
	font-weight:bold;
	letter-spacing:0;
	padding-top:10px;
	border-bottom:none;
	margin:0;
}

/******************************
  TESTIMONIAL PAGE STYLES    */
  
.testimonial_name_head {
	background:url(/images/testimonials_from_head.jpg) top left repeat-x;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:32px;
	color:#FFF;
	padding:0 10px;
}
  
.testimonial_comment_head {
	background:url(/images/testimonials_comment_head.jpg) top right repeat-x;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:32px;
	color:#FFF;
	padding:0 10px;
}
  
.testimonial_name {
	background:url(/images/testimonials_from.jpg) top center repeat-x;
	vertical-align:top;
	padding:10px;
}
  
.testimonial_comment {
	background:url(/images/testimonials_comment.jpg) top center repeat-x;
	vertical-align:top;
	padding:10px;
}

/******************************
  COURSE OPTIONS BOX STYLES  */
  
#coursePriceSelection {
	margin:0;
	padding:0;
	display:block;
	clear:both;
}

#coursePriceSelection li {
	list-style: none;
	background:url(/images/course_options_active_li.png) top left no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	padding-left:-10px;
	margin-right:10px;
	text-align:center;
	height:25px;
	line-height:25px;
}

#coursePriceSelection li a{
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	display:block;
	padding:0 10px;
	margin-right:-10px;
	background:url(/images/course_options_active_li_a.png) top right no-repeat;
	height:25px;
	line-height:25px;
	text-decoration:none;
}

#coursePriceSelection li#selGeneral {
	background-image:url(/images/course_options_active_li.png);
}

#coursePriceSelection li#selGeneral a {
	background-image:url(/images/course_options_active_li_a.png);
}

#coursePriceSelection li#selPersonal {
	background-image:url(/images/course_options_inactive_li.png);
}

#coursePriceSelection li#selPersonal a {
	background-image:url(/images/course_options_inactive_li_a.png);
}

.course_pricing {
	width:513px;
	background:url(/images/course_options_runner.png) repeat-y;
	color:#597B7B;
}

.course_pricing p {
	padding:0;
}

#pricing_top_first {
	width:513px;
	height:12px;
	background:url(/images/course_options_active.png) no-repeat top center;
	padding-bottom:-10px;
	clear:both;
}

#pricing_top_others {
	width:513px;
	height:12px;
	background:url(/images/course_options_inactive.png) no-repeat top center;
	clear:both;
}

#pricing_bottom {
	width:513px;
	height:13px;
	background:url(/images/course_options_bottom.png) no-repeat bottom center;
	clear:both;
}

/******************************
  CPP OPTIONS BOX STYLES     */

#cppPriceSelection {
	margin:0;
	padding:0;
	line-height:25px;
}

#cppPriceSelection li {
	list-style: none;
	background:url(../images/course_options_active_li.jpg) top left no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	text-align:center;
	height:25px;
	line-height:25px;
}

#cppPriceSelection li a{
	color:#fff;
	display:block;
	padding:0 10px;
	margin:0;
	background:url(../images/course_options_active_li_a.jpg) top right no-repeat;
	height:25px;
	line-height:25px;
}

#cppPriceSelection li#selGeneral {
	background-image:url(../images/course_options_active_li.jpg);
}

#cppPriceSelection li#selGeneral a {
	background-image:url(../images/course_options_active_li_a.jpg);
}

#cppPriceSelection li#selPersonal {
	background-image:url(../images/course_options_inactive_li.jpg);
}

#cppPriceSelection li#selPersonal a {
	background-image:url(../images/course_options_inactive_li_a.jpg);
}

.cpp_pricing {
	width:728px;
	background:url(../images/course_options_runner.jpg) repeat-y;
	color:#073643;
}

#cpp_top_first {
	width:728px;
	height:12px;
	background:url(../images/course_options_top_first.jpg) no-repeat top center;
	clear:both;
}

#cpp_top_others {
	width:728px;
	height:12px;
	line-height:1px;
	background:url(../images/course_options_top_others.jpg) no-repeat top center;
}

#cpp_bottom {
	width:728px;
	height:13px;
	background:url(../images/course_options_bottom.jpg) no-repeat bottom center;
}

/******************************
 OPTIONS BOX INTERNAL STYLES */

.distance, .facetoface{
  float:left;
  width:245px;
  padding-left:10px;
}

.cpp_pricing .distance, .cpp_pricing .facetoface {
  width:350px;
}

.distance {
  border-right: 1px solid #ccc;
}

.facetoface {
  border-left: 1px solid #fff;
}

.course_desc {
	float:left; display: inline;
	padding-left: 3%;
}

.course_offer {
	float:left; display: inline;
}
.course_pricing h1, .cpp_pricing h1{
	color:#073643;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	letter-spacing:0;
	font-weight:bold;
	text-transform:none;
	border:none;
}

.course_pricing h2, .cpp_pricing h2 {
	color:#073643;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	border:none;
	margin-left:20px;
}

.cpp_pricing h2 {
	margin-top:10px;
}

.course_pricing h3, .cpp_pricing h3 {
	color:#073643;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:normal;
	line-height:2em;
	margin-top:0;
	padding:0 10px;
	background:none;
}

.course_pricing ul, .cpp_pricing ul {
padding:0 20px;
margin:0;
}

.course_pricing li, .cpp_pricing li {
	margin:0;
	padding:0;
	vertical-align:middle;
}

.course_pricing .cpp, .cpp_pricing .cpp {
	color:#33736A;
	font-size:.6em;
}

.book {
	clear:both;
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	background:url(/images/enrol_span_a.png) right top no-repeat;
	padding:0;
	padding-right: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	color:#fff;
}

.book .inner {
	display:block;
	height:24px;
	line-height:24px;
	background: url(/images/enrol_span.png) top right no-repeat;
	padding-left:5px;
	color:#FFFFFF;
}
  
/*a.book {
  display:block;
  clear:both;
  padding: 0 15px 0 0;
  margin: 5px;
  line-height:2.5em;
  text-align:center;
  color:#fff;
}*/

a.book:hover {
  background-position: bottom right;
  text-decoration:none;
  }
  
/*a.book span.inner {
	display: block;
	padding: 3px 0 0 15px;
	height: 30px;
	color:#fff;
}*/

.book:hover .inner {
	background-position: bottom right;
}

/******************************
     BOTTOM NAV STYLES
******************************/

#bottom_nav h1 {
	display:block;
	margin:0;
	padding:0;
	color: #073643;
	line-height:27px;
	letter-spacing:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:bold;
	text-align:left;
	border:none;
}

#bottom_nav ul {
	padding:0;
	margin-left:20px;
}

#bottom_nav li {
	list-style-image:url(/images/li_green.png);
}

/******************************
     FOOTER STYLES
******************************/

#footer p {
	color:#808285;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.625em;
	line-height: 1.125em;
}

#footer a {
	text-decoration:none;
	color:#808285;
}

/******************************
           MAIN MENU
******************************/

ul#main_menu {
	margin:0;/*2px 0 0 0 ;*/
	padding:0;/*0 2px;*/
	width:733px;
	height:25px;
	display:block;
	float:right;
	background:url(/images/menu_bg.jpg) repeat-x;
	position:relative;
	z-index:1;
}

ul#main_menu li {
	position:relative;
	list-style: none;
	float: left;
	height:25px;
	padding: 0 18.5px; /*can't believe that works...*/
	margin: 0 1px;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(/images/menu_li.jpg) top repeat-x;
}

ul#main_menu li a {
	display: block;
	/*padding-top:3px;*/
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

ul#main_menu li:hover, ul#main_menu li.sfhover {
	background-position:bottom;
}

ul#main_menu ul {
	display:none;
	position:absolute;
	background:#073643;
	padding-bottom:5px;
}

ul#main_menu ul li{
	margin:2px 5px;
	padding:0 20px 0 0;
	width:160px;
	text-align:left;
	clear:both;
	background:#073643;
	border-bottom:1px solid #ccc;
	height:auto;
	font-weight:normal;
}

ul#main_menu ul ul, ul#main_menu li:hover ul ul, ul#main_menu li.sfhover ul ul {
	display:none;
	position:absolute;
	background:#073643;
	left:100%;
	padding-bottom:5px;
	top:-1px;
}

ul#main_menu li:hover ul, ul#main_menu li.sfhover ul {
	margin:0;
	padding:0;
	clear:left;
	position:absolute;
	background:#073643;
	top:25px;
	left:0;
	padding-bottom:5px;
	display:block;
}

ul#main_menu ul li:hover ul, ul#main_menu ul li.sfhover ul {
	display:block;
	padding-bottom:5px;
}

ul#main_menu ul li:hover, ul#main_menu ul ul li:hover, ul#main_menu ul li.sfhover, ul#main_menu ul ul li.sfhover {
	background:#597B7B;
}

ul#main_menu ul li.expand {
	background:url(/images/li_green.png) right center no-repeat;
}

ul#main_menu ul li.expand:hover {
	background:#597B7B url(/images/li_green.png) right center no-repeat;
}

/******************************
  MARGIN AND PADDING CLASSES
******************************/

form div {
	clear: both;
	margin: 0 0 5px 0;
}

form .fieldwrap {
	clear: both;
	margin: 7px 0;
}

form .fieldwrap ul,
form .fieldwrap li {
	list-style: none;
	list-style-image:none;
	margin: 0;
	padding: 0;
}

form div.clear,
form div.price {
	margin: 0;
}

form div.hint,
form ul.checkBoxes,
form ul.inline {
	clear: none;
	padding: 0 0 0 29%;
	margin: 0;
}

form ul.checkBoxes {
	margin: 0;
}

form ul li input {
	border:0;
}

form ul.inline li {
	vertical-align: middle;
	list-style: none;
	list-style-image:none;
}

form ul.inline li label * {
	vertical-align: middle;
}

form ul.checkBoxes li {
	list-style: none;
	list-style-image:none;
	float: left; display: inline;
	width: 240px;
}

form .fieldwrap textArea {
	width: 65%;
}

form div.error {
	clear: none;
	padding: 0 0 0 29%;
}

#validation_summary .error {
	padding: 0;
}

.student_details label,
.payment_details label,
.payment_reciept #company label,
.login label {
	float: left; display: inline;
	text-align: right;
	width: 27%;
	height: 100%;
	margin: 0 2% 0 0;
	padding: 0;
}

.payment_details dl,
.enrollment_complete dl {
	margin: 10px 0 20px 20px;
}

.payment_details dt,
.enrollment_complete dt {
  float: left; display: inline;
  width: 10em;
  font-weight:bold;
  text-align: right;
  margin: 0 10px 0 0;
}

label.radio {
	width: auto;
	padding: 0;
	text-align: left;
}

label.radio input {
	margin: 0 0.5em 0 0;
	vertical-align: middle;
}

.highlight {
	font-weight: bold;
}

/******************************
  MARGIN AND PADDING CLASSES
******************************/

.mr10 { margin-right:10px; }

.ml10 { margin-left:10px; }

.mt10 { margin-top:10px; }

.mb10 { margin-bottom:10px; }

.mt20 { margin-top:20px; }

.ml20 { margin-left:20px; }

/******************************
     GENERIC CLASSES
******************************/

.error,
.attention,
.error a {
	color: #EE3725;
}

.left { float:left; }

.right { float:right; }

.clear { clear:both; }

.padded { margin-top:1em; }

.hide {display:none;}

.red { color:#EE3725; }

.blue { color: #073643; }

.darkgrey { color: #597B7B; }

.lightgrey { color: #8A9A93; }

.white { color: #fff; }

.green { color:#74A520; }