/* CSS Document */
body {
	margin-top:2px;
	margin-bottom:1px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background-color:#0E2258;
	/*background-color:#CCCCCC;*/
	color:#333;
}

#outercontainer {
	width:800px;
	padding:5px 20px 0px 20px;
	margin-left:auto;
	margin-right:auto;
}
 
#container {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#header {
	background-color:#fff;
	height:353px;
	padding:0px;
	margin:0px;
	text-align:center;
}


#innerheader {
	background-color:#fff;
	height:223px;
	padding:0px;
	margin:0px;
	text-align:center;
}

#topmenu {
	background-image:url(../images/topmenubg.gif);	
	background-repeat:repeat-x;
	background-color:#31BDBA;
	height:34px;	
	margin:0px;
	color:#fff;
}

#topmenubar {
	width:558px;
	margin-left:134px;
	/*margin-right:auto;		*/
	position:relative;
	z-index:2;	
}
#topmenubar-long {
	width:758px;
	margin-left:55px;
	/*margin-right:auto;		*/
	position:relative;
	z-index:2;	
}


#content {
	padding:15px 0px 0px 0px;
	background-image:url(../images/whitegreyGradiant.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	min-height: 180px;
	height: auto !important;
	height: 280px;
	/*border:solid 1px red;*/

}

/*
#content_1col {
	padding:15px 5px 0px 5px;
	background-repeat:repeat-x;
	background-color:#fff;
	min-height: 420px;
	height: auto !important;
	height: 420px;
}
*/
#leftmenu {
	float:left;
	width:215px;
	padding-left:15px;
	margin-right:0px;
/*	border:1px solid red;*/

}
html>body #leftmenu {width:226px;margin-right:5px;} /** FF hack */
*:first-child+html #leftmenu {width:228px;margin-right:5px;} /*IE7*/


#maincontent {
	float:left;
	font:Arial;
	font-size:12px;
	color:#666666;
	padding:7px 0px 0px 0px;
	line-height:16px;
	text-align:left;	
	width:535px;
	z-index:0;
	/*border: solid 1px navy;*/
	background-color:#FFF;
	margin-right:0px;
	margin-left:-5px;
}
html>body #maincontent {padding-left:10px;width:535px;margin-left:2px} /** FF hack */
*:first-child+html #maincontent {padding-left:0px;width:535px;margin-left:10px;} /*IE7*/

#wholewidthcontent {
	float:left;
	font:Arial;
	font-size:12px;
	color:#666666;
	padding:7px 0px 0px 0px;
	line-height:16px;
	text-align:left;	
	z-index:0;
	/*border: solid 1px navy;*/
	background-color:#FFF;
	margin-right:0px;
}
html>body #wholewidthcontent {padding-left:10px;width:775px;margin-left:2px} /** FF hack */
*:first-child+html #wholewidthcontent {padding-left:0px;width:775px;margin-left:10px;} /*IE7*/

.maincontentTable {
	border-collapse:collapse;
	/*padding-right:5px;*/
	width:530px;
	z-index:1;
}

#rightmenu {
	float:right;
	width:210px;
	padding-right:15px;
	/*border: solid 1px red;*/	
}

.hr {
	background-image:url(../images/horiz_rule.gif);	
	background-repeat:repeat-x;
	background-position:center;
	padding-top:10px;
	width:100%;
	/*border:solid 1px*/
}

.hrvert {
	background-image:url(../images/dothr_vert.jpg);	
	background-repeat:repeat-y;
	background-position:center;
	width:100%;
	/*border:solid 1px*/
}

.hrdotted {
	background-image:url(../images/dothr.jpg);	
	background-repeat:repeat-x;
	background-position:center;
	padding-top:10px;
	width:100%;
	/*border:solid 1px*/
}

.label {
	font:Arial;
	font-size:12px;
	padding-left:3px;
}
/* FOOTer */
#footer {
	background-image:url(../images/footer_regular.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	height:33px;
	font-size:9px;
	text-align:center;
	padding-top:50px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#footerbg{
	font-size:9px;
	text-align:center;
	color:#fff;
	padding-top:10px;
	line-height:15px;
	/*padding-left:10px;*/
	min-height:0px;
}

#footerbg a {color:#fff;text-decoration:none;padding-left:3px;padding-right:3px;	font-size:9px;}
#footerbg a:hover {color:#96D045}
/* end FOOTER */

/* SIDE BAR */
.greenbxHeader { 
	background-image:url(../images/greenbx_header.gif); 
	background-repeat:no-repeat;
	height:21px; 
	width:226px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:22px;
	vertical-align:middle;
	padding-top:3px;
	}
html>body .greenbxHeader {width:208px;} /** FF hack */
*:first-child+html .greenbxHeader {width:208px;} /*IE7*/

.greenbxBody {
	margin:0px;
	background-image:url(../images/greenbx_body.gif); 
	background-repeat:repeat-y;
	width:226px;
	padding-left:2px;
	padding-top:10px;
	padding-bottom:5px;
	line-height:16px;
	font-size:12px;
	color:#666666;
}
html>body .greenbxBody {width:226px;} /** FF hack */
*:first-child+html .greenbxBody {width:226px;} /*IE7*/



.greenbxBodyDiv{
	padding-right:20px;
	padding-left:20px
}
html>body .greenbxBodyDiv {padding-right:20px;} /** FF hack */
*:first-child+html .greenbxBodyDiv {padding-right:20px;} /*IE7*/


.greenbxText {
	padding-right:10px;
	padding-top:5px;
}



.greenbxFooter {
	background-image:url(../images/greenbx_footer.gif); 
	background-repeat:no-repeat;
	width:226px; 
	height:16px;
	padding-left:20px;
	/*border:solid 1px red;*/
}

.greenbxHeaderPlain {
	background-image:url(../images/greenbx_header_plain.gif); 
	background-repeat:no-repeat;
	width:226px; 
	height:10px;
	padding-left:20px;
	/*border:solid 1px red;*/
}

/*White Box*/
.whitebxHeader { 
	background-image:url(../images/whitebx_header.gif); 
	background-repeat:no-repeat;
	height:15px; 
	width:228px;
	}
html>body .whitebxHeader {width:228px;} /** FF hack */
*:first-child+html .whitebxHeader {width:228px;} /*IE7*/

.whitebxBody {
	margin:0px;
	background-image:url(../images/greenbx_body.gif); 
	background-repeat:repeat-y;
	width:226px;
	padding-left:2px;
	padding-bottom:5px;
	line-height:16px;
	font-size:12px;
	color:#666666;
}
html>body .whitebxBody {width:226px;} /** FF hack */
*:first-child+html .whitebxBody {width:226px;} /*IE7*/

.whitebxBodyDiv{
	padding-right:20px;
	padding-left:20px
}
html>body .whitebxBodyDiv {padding-right:20px;} /** FF hack */
*:first-child+html .whitebxBodyDiv {padding-right:20px;} /*IE7*/

.whitebxText {
	padding-right:10px;
	padding-top:5px;
}

.whitebxFooter {
	background-image:url(../images/greenbx_footer.gif); 
	background-repeat:no-repeat;
	width:208px; 
	height:10px;
	padding-left:20px;
}

/*Pink Box*/
.pinkbxHeader { 
	background-image:url(../images/pinkbx_header.gif); 
	background-repeat:no-repeat;
	height:15px; 
	width:267px;
	}


.pinkbxBody {
	margin:0px;
	background-image:url(../images/pinkbx_body.gif); 
	background-repeat:repeat-y;
	width:267px;
	padding-left:2px;
	padding-top:10px;
	padding-bottom:5px;
	line-height:16px;
	font-size:12px;
}

.pinkbxBodyDiv{
	padding-right:20px;
	padding-left:20px
}
html>body .pinkbxBodyDiv {padding-right:20px;} /** FF hack */
*:first-child+html .pinkbxBodyDiv {padding-right:20px;} /*IE7*/

.pinkbxText {
	padding-right:10px;
	padding-top:5px;
}

.pinkbxFooter {
	background-image:url(../images/pinkbx_footer.gif); 
	background-repeat:no-repeat;
	width:267px; 
	height:10px;
	padding-left:20px;
}

/*Sub Menus*/
#selectedSubMenu {
	background-image:url(../images/sub-menu_green.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:14px;
	padding:0 0px 10px 35px;
	width:180px;
	font-weight:bold;
}
html>body #selectedSubMenu{padding-left:35px} /** FF hack */
*:first-child+html #selectedSubMenu{padding-left:35px} /*IE7*/

#unselectedSubMenuNoLink {
	padding:0px 0px 10px 35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#DDDDDD;
	width:180px;
	font-size:13px;
	background-image:url(../images/sub-menu_white.gif);
	display:inline-block;
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:14px;
	font-weight:bold;
}
html>body #unselectedSubMenuNoLink {padding-left:35px} /** FF hack */
*:first-child+html #unselectedSubMenuNoLink {padding-left:35px} /*IE7*/

#unselectedSubMenu a{
	
	padding:0px 0px 10px 35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#96D045;
	width:180px;
	font-size:13px;
	background-image:url(../images/sub-menu_white.gif);
	display:block;
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:14px;
	font-weight:bold;
}
html>body #unselectedSubMenu a{padding-left:35px; } /** FF hack */
*:first-child+html #unselectedSubMenu a{padding-left:35px} /*IE7*/

#unselectedSubMenu a:hover{
	background-image:url(../images/sub-menu_pale_green.gif);
	background-repeat:no-repeat;
	color:#666666;
}


/* Side BAr */


/* General */
/*.heading1 {font-size:14px;}
.heading2 {font-size:12px;}*/
a {
	color:#01ABAB; 
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a:hover {
	color:#01ABAB; 
	text-decoration:none;
}
/*a:visited {color:#00725F;}*/

.aDotted  {
	color:#01ABAB; 
	text-decoration:none;
	border-bottom: dashed 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
.aDotted:hover {
	text-decoration:none;
	border-bottom: dashed 1px;
}
.aDotted:visited {
	color:#67A800;
}

.aDottedT  {
	color:#01ABAB; 
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
.aDottedT:hover {
	text-decoration:none;
}
.aDottedT:visited {
	color:#67A800;
}

.aHome  {
	color:#FFFFFF;
	font-weight:bold;
 	
}
.aHome:hover {
	color:#666666;
	text-decoration:none;
}


.aHome:hover {
	color:#666666;
	text-decoration:none;
}

.aImage img{
border: 3px solid #ccc;
}

.aImage:hover img{
border: 3px solid #01ABAB;
}



.heading {
	font:Arial;
	padding-bottom:5px;
	font-size:16px;
	color:#96D045;
	/*font-weight:bold;*/
	line-height:19px;
}


.heading a, .heading a:visited{
	font:Arial;
	padding-bottom:5px;
	font-size:16px;
	color:#96D045;
	/*font-weight:bold;*/
	line-height:19px;
}

.heading span.selected{
	font:Arial;
	padding-bottom:5px;
	font-size:16px;
	color:#01ABAB;
	/*font-weight:bold;*/
	line-height:19px;
}
.heading a:hover{
	font:Arial;
	padding-bottom:5px;
	font-size:16px;
	color:#01ABAB;
	/*font-weight:bold;*/
	line-height:19px;
}


.sub_heading {
	font:Arial;
	font-weight:bold;
	font-size:13px;
	color:#01ABAB;
	line-height:20px;
	padding-bottom:3px;
}

.ButtonText {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;	
}

.imagebutton {
	padding:5px 0px 10px 0px;
}
.imagebutton a, .imagebutton a:visited{
	font-size:10px;	
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
	padding: 4px 15px 4px 15px;
	color:#ffffff;
	min-width:50px;	
	text-decoration:none;
	background-image:url(../images/button_a.jpg);
	background-repeat:repeat-x;
	height:30px;
}

html>body .imagebutton a{padding:4px 15px 4px 15px;} /** FF hack */
*:first-child+html .imagebutton a{padding:4px 15px 4px 15px;} /*IE7*/

.imagebutton a:hover{
	padding:4px 15px 4px 15px;
	background-image:url(../images/button_b.jpg); 
	background-repeat:repeat-x;
	text-decoration:none;
	color:#FFF;
}
html>body .imagebutton a:hover{padding:4px 15px 4px 15px;} /** FF hack */
*:first-child+html .imagebutton a:hover{padding:4px 15px 4px 15px;} /*IE7*/

#quickLink {
	background-image:url(../images/grey_arrow.gif);
	padding-left:15px;
	padding-top:-2px;
	background-repeat:no-repeat;
	background-position:bottom left;
}
html>body #quickLink {padding-left:15px;} /** FF hack */
*:first-child+html #quickLink {padding-left:15px;} /*IE7*/

#quickLink a{
	font-family:Arial, Helvetica, sans-serif;
	width:225px;
	font-size:13px;
	text-decoration:none;
	color:#96D045;
}

#quickLink a:hover{
	color:#01ABAB;
}

#bullet {
	
	
}

/*Enrolment*/
.summaryAqua {
	color:#01ABAB;
	
}

.summary {
	color:#666666;
	
}

/*Green Panel*/
#greenPanel {
	background-image:url(../images/green_panel.gif);
	background-repeat:no-repeat;
	max-height:138px;
	max-width:232px;
	min-height:138px;
	min-width:232px;
	padding:0px 0px;
	/*margin-right:30px;*/
}

/*Green Panel*/
#subtotalPanel {
	background-image:url(../images/sub-total_panel.gif);
	background-repeat:no-repeat;
	max-height:107px;
	max-width:232px;
	min-height:107px;
	min-width:232px;
	padding:0px 0px;
	/*margin-right:30px;*/
}

#greenPanel div, #subtotalPanel div{
	padding:15px 25px;
}

/*Red Panel*/
#redPanel {
	background-image:url(../images/error_msg_panel.gif);
	background-repeat:no-repeat;
	min-height:80px;
	min-width:200px;
	padding:0px 0px;
}

#redPanel div{
	padding:15px 25px;
	color:#CC0000;
	height:55px;
}

#redPanelTop {
	background-image:url(../images/redPanelTop.gif);
	background-repeat:no-repeat;
	height:10px;
}

#redPanelBottom {
	background-image:url(../images/redPanelBottom.gif);
	background-repeat:no-repeat;
	height:10px;
}

#redPanelBody {
	background-image:url(../images/redPanelBody.gif);
	background-repeat:repeat-y;
	height:10px;
}


/*Red Panel Big*/
#redPanelBig {
	background-image:url(../images/error_msg_panel_big.gif);
	background-repeat:no-repeat;
	min-height:54px;
	min-width:232px;
	padding:0px 0px;
}

#redPanelBig div{
	padding:15px 25px;
	color:#CC0000;
}



#star{
	color:#01ABAB;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	vertical-align:text-top;
}

.radio {
}

.radioUnSelected {
	background-image:none;
	background-repeat:no-repeat;
	height:15px;
	display : inline;
	padding-right:110px;
}

.radioSelected {
	background-image:url(../images/green_bar.gif);
	background-repeat:no-repeat;
	height:15px;
	display:inline-block;
	width:225px;
}

input, select, td, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.dpsImage {
	background-image:url(../images/homepage/dps_homepage.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:290px;
	height:112px;
	-moz-box-sizing:border-box;
	box-sizing:border-box; 
}

.dpsImage div {
	width:100px; 
	margin:20px 0px 0px 20px;
	font-size:9px;
	line-height:9pt
	/*border:solid 1px red;*/
}

html>body .dpsImage div{margin:20px 0px 0px 15px;} /** FF hack */
*:first-child+html .dpsImage div{margin:20px 0px 0px 15px;} /*IE7*/

.superscript {
	line-height:5px;
}

/* Use this as a IE6 3px hack to avoid spaces on two divs inthe same line*/
.pixFixIE {
	padding-left:0px; 
}
html>body .pixFixIE{padding-left:3px; } /** FF hack */
*:first-child+html .pixFixIE{padding-left:3px; } /*IE7*/

.selectBox {
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

/*
*********************************
Help Li
*********************************
*/
.aDottedFAQ,  .aDottedFAQ:visited{
	color:#01ABAB; 
	text-decoration:none;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
a.aDottedFAQ:hover, .aDottedFAQ a:hover {
	color:#01ABAB; 
	border-bottom: dashed 1px #01ABAB;
}
.aDottedFAQSelected, .aDottedFAQSelected:visited {
	color:#67A800;
	text-decoration:none;
	/*border-bottom: dotted 1px;*/
}

.aDottedFAQSelected:hover {
	color:#96D045; 
	text-decoration:none;
	/*border-bottom: dotted 1px;*/
}


/********************************************************************
********************************************************************
						Sucker tree Menu 
********************************************************************
*********************************************************************/
/* 3 Level drop down navigation for main */
.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position:relative;
	z-index:2;	

}


/*Top level list items* - Top Level Navigation*/
.suckertreemenu ul li {
	position: relative;
	display: inline;
	float: left;
	/*background-color: #B2E2F9;*/ /*overall menu background color!*/
}

/*Top level menu link items style - Top Level Navigation*/
.suckertreemenu ul li a , .suckertreemenu ul li a:visited {	
	padding: 6px 17px;
	text-decoration: none;
	color:#fff;
	font-size:14px;
	font-weight:normal;	
}
html>body .suckertreemenu ul li a {padding:4px 17px 8px 17px}
*:first-child+html .suckertreemenu ul li a{padding: 6px 17px;} /*IE7*/

.suckertreemenu ul li a:hover, .suckertreemenu a:hover { /*Changes the color of the menu as the mouse rolls over*/
	padding-top: -5px;
/*	background-color:#96D045;*/
	background-color: #33CC99;
	background-repeat:repeat-x;
	background-image:url(../images/nav_menu_rollover.jpg);	
	color:#FFFFFF;
	text-decoration:none;
	
}

.suckertreemenu a.suckertreemenuselected, 
.suckertreemenu a.suckertreemenuselected:active,
.suckertreemenu a.suckertreemenuselected:visited { /*Changes the color of the menu as the mouse rolls over*/
	background-color:#95CB42;
	background-image:url(../images/nav_menu_selected.jpg);
	background-repeat:repeat-x;
	padding:6px 17px 8px 17px;
	margin-right:-2px;
	z-index:-1;
}
html>body a.suckertreemenuselected,
html>body .suckertreemenu a.suckertreemenuselected:visited {padding:5px 17px 8px 17px; }
*:first-child+html a.suckertreemenuselected,
*:first-child+html .suckertreemenu a.suckertreemenuselected:visited {padding-top:6px;margin-right:-1px;} /*IE7*/

.suckertreemenu a.suckertreemenuselected:hover { 
	background-color:#95CB42;
	background-image:url(../images/nav_menu_selected.jpg);
	background-repeat:repeat-x;	
	padding:6px 17px 8px 17px;
	
}
html>body .suckertreemenu a.suckertreemenuselected:hover {padding-top:5px;}
*:first-child+html  .suckertreemenu a.suckertreemenuselected:hover {padding-top:6px;} /*IE7*/

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
	/*background: #000000;*/
	/*background-color:#24B3B9;*/
	background-image:url(../images/menubg.gif);	
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
	/*background: #A88B47;*/
	background-color:#B2E2F9;
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 2%;}
* html .suckertreemenu ul li a { height: 2%;}
* html .suckertreemenu ul li ul li { float: left;}
/*End 3 Level Main Navigation*/

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1px;
}


.floatimgleft {
float:left;
margin-top:0px;
margin-right:10px;
margin-bottom:5px;
}

.greentxt {
	font-size:14px;
	color:#96D045;
}
