/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Body */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	background-color: #E5E5E5;
	text-align: center;
	overflow: -moz-scrollbars-vertical;
	
}

html, body, #wrapper {
	min-height: 100%;
	width: 100%;
}

html>body, html>body #wrapper {
	height: 100%;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Positional CSS for Two Column Display */	
	
#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;	
	margin-top: 15px;
	margin-bottom: 10px;
	width: 750px;
	padding: 0px;
	font-size: 0.9em;
	text-align: justify;
	background-color: #FFFFFF;
}

#topspace {
	padding: 4px;
	background-color: #0066cc;
}

#breadcrumb {
	position: absolute;
	top: 185px;
	left: 165px;
	font-size: 0.8em;
	border:	#CCC 1px solid;
	background-color: #EEE;
	padding: 3px;
	width: 560px;
}	

#header {
	top: 5px;
	padding: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
	color: #FFFFFF;
}	

#headerbar {
	background-color: #0066cc;
	padding: 4px;
	font-size: 0.6em;
	color: #FFFFFF;
}	

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* content */

#content, #borderContent {
	position: relative;
	margin-top: 40px;
	margin-left: 165px;
	margin-bottom: 15px;
	font-size: 0.9em;
	width: 558px;
}

#borderContent {
	padding: 4px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Headings - General */

.wrapperTitle {
	font-size: 1.5em;
	margin-top: 4px;
	margin-bottom: 20px;
}

.contentTitle {
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Text */

h6 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #0066cc;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.highlight {
	font-size: 1.0em;
	color: #0066FF;
}

.boldtxt {
	font-weight: bold;
}	

.emphasised {
	color: #00584A;
	font-weight: bold;
}

.bluetxt {
	color: #0066cc;
	font-weight: bold;
}

.greentxt {
	color: #0066cc;
	font-weight: bold;
}

.redtxt {
	color: #0066cc;
	font-weight: bold;
}

.turqtxt {
	color: #0066cc;
	font-weight: bold;
}

.orangetxt {
	color: #0066cc;
	font-weight: bold;
}

.purpletxt {
	color: #0066cc;
	font-weight: bold;
}

.imgleft {
	float: left;
	padding: 5px;
}

.smalltxt {
	font-size: 0.8em;
	font-weight: bold;
}

.imgright {
	float: right;
	padding-left: 15px;
}

.floatrightclear { 
	float: right; 
	clear: right; 
	margin: 4px;
} 

.floatleftclear { 
	float: left; 
	clear: left; 
	margin: 4px;
} 

.loading { 
	background: url(../images/topban.jpg) no-repeat top left ; 
} 

.subnavlistCAB{
	margin-top: 0px;
	margin-bottom: 0px;
    	padding-bottom: 0px;
    	list-style: none;
}

.subnavlistCAB  ul{
 	margin-top: 4px;
   	margin-bottom: 3px;
    	padding-bottom: 3px;
    	list-style: none;
}

.subnavlistCAB li a{
    background-repeat: no-repeat;
    background-position: 5px;
    border-top:	none;
    font-size: 9px;
    margin-bottom: 0px;
}
    
.subnavlistCAB li a:hover{
    background-repeat: no-repeat;
    background-position: 5px;
    border-top:	none;
    text-decoration: underline;
    font-size: 9px;
}

.subnavlistCAB li.subCabOn a{
    background-repeat: no-repeat;
    background-position: 5px;
    border-top:	none;
    text-decoration: underline;
    font-size: 9px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Home CSS */

#menubar {
	width: 745px;
	height:	auto;
	margin-bottom: -3px;
	padding-top: 8px;
	padding-left: 5px;
	background: #BDCCF3;
	}

#menubar ul{
	padding: 0px;
	padding-left: 3px;
	margin:	0px;
}

#menubar li{
	padding: 0px;
	padding-left: 0px;
  	display: inline;
}

#menubar img{
	padding: 0px;
	margin:	0px;
	border:	0px;
}

#lowspace {
	height: 17px;
	background-color: #0066cc;
}

#hmnavigation {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 150px;
	text-align: left;
	background: #ffffff;
}

#hmnavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#hmnavigation li {
	border-bottom: 1px solid #FBFBFB;
	font-size: 0.7em;
	background-color: #0066cc;
}

#hmnavigation li a:link, #hmnavigation li a:visited {
	display: block;
	background-color: #0066cc;	
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #0066FF;
	border-right: 1px solid #0066FF;
	color: #FFFFFF;
	text-decoration: none;
}

#hmnavigation li a:hover {
	background-color:  #0099FF;
	color: #FFFFFF;
}

#hmnavigation ul ul {
	margin-left: 12px;
}

#hmnavigation ul ul li {
	border-bottom: 1.0px solid #0066cc;
	margin: 0;
	font-size: 0.7em;
}

#hmnavigation ul ul a:link, #hmnavigation ul ul a:visited {
	background-color:  #0066cc;
	color: #FFFFFF;
}

#hmnavigation ul ul a:hover {
	background-color: #0099FF;
	color: #FFFFFF;
}
	
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Student CSS */

#studentmenubar {
	width: 745px;
	height:	auto;
	margin-bottom: -3px;
	padding-top: 8px;
	padding-left: 5px;
	background: #BDCCF3;
}

#studentmenubar ul{
	padding: 0px;
	padding-left: 3px;
	margin:	0px;
}

#studentmenubar li{
	padding: 0px;
	padding-left: 0px;
  	display: inline;
}

#studentmenubar img{
	padding: 0px;
	margin:	0px;
	border:	0px;
}

#studentlowspace {
	height: 17px;
	background-color: #0066cc;
}

#stnavigation {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 150px;
	background-color: #ffffff;
	text-align: left;
}

#stnavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#stnavigation li {
	border-bottom: 1px solid #FBFBFB;
	font-size: 0.7em;
	background-color: #0066cc;
}

#stnavigation li a:link, #stnavigation li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #0066ff;
	border-right: 1px solid #0066ff;
	background-color: #0066cc;
	color: #FFFFFF;
	text-decoration: none;
}

#stnavigation li a:hover {
	background-color:  #0099ff;
	color: #FFFFFF;
}

#stnavigation ul ul {
	margin-left: 12px;
}

#stnavigation ul ul li {
	border-bottom: 1.0px solid #0066cc;
	margin: 0;
	font-size: 0.7em;
}

#stnavigation ul ul a:link, #stnavigation ul ul a:visited {
	background-color:  #0066cc;
	color: #FFFFFF;
}

#stnavigation ul ul a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Training CSS */

#trmenubar {
	width: 745px;
	height:	auto;
	margin-bottom: -3px;
	padding-top: 8px;
	padding-left: 5px;
	background: #BDCCF3;
}

#trmenubar ul{
	padding: 0px;
	padding-left: 3px;
	margin:	0px;
}

#trmenubar li{
	padding: 0px;
	padding-left: 0px;
  	display: inline;
}

#trmenubar img{
	padding: 0px;
	margin:	0px;
	border:	0px;
}

#trlowspace {
	height: 17px;
	background-color: #0066cc;
}

#trnavigation {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 150px;
	background-color: #ffffff;
	text-align: left;
}

#trnavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#trnavigation li {
	border-bottom: 1px solid #FBFBFB;
	font-size: 0.7em;
	background-color: #0066cc;

}

#trnavigation li a:link, #trnavigation li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #0066ff;
	border-right: 1px solid #0066ff;
	background-color: #0066cc;
	color: #FFFFFF;
	text-decoration: none;
}

#trnavigation li a:hover {
	background-color: #0066cc;
	color: #FFFFFF;
}

#trnavigation ul ul {
	margin-left: 12px;
}

#trnavigation ul ul li {
	border-bottom: 1.0px solid #0066cc;
	margin: 0;
	font-size: 0.7em;
}

#trnavigation ul ul a:link, #trnavigation ul ul a:visited {
	background-color: #0066cc;
	color: #FFFFFF;
}

#trnavigation ul ul a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Facilities CSS */

#facmenubar {
	width: 745px;
	height:	auto;
	margin-bottom: -3px;
	padding-top: 8px;
	padding-left: 5px;
	background: #BDCCF3;
}

#facmenubar ul{
	padding: 0px;
	padding-left: 3px;
	margin:	0px;
}

#facmenubar li{
	padding: 0px;
	padding-left: 0px;
  	display: inline;
}

#facmenubar img{
	padding: 0px;
	margin:	0px;
	border:	0px;
}

#faclowspace {
	height: 17px;
	background-color: #0066cc;
}

#facnavigation {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 150px;
	background: #ffffff;
	text-align: left;
}

#facnavigation ul {
	list-style: none;
	padding: 0px;
	margin: 0;
	font-size: 10px;
}

#facnavigation li {
	padding: 0px;
	border-bottom: 1px solid #FBFBFB;
	font-size: 10px;
	background-color: #0066cc;
}

#facnavigation li a:link, #facnavigation li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #0066ff;
	border-right: 1px solid #0066ff;
	background-color: #0066cc;
	color: #FFFFFF;
	text-decoration: none;
}

#facnavigation li a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

#facnavigation ul ul {
	margin-left: 12px;
}

#facnavigation ul ul li {
	border-bottom: 1.0px solid #0066cc;
	margin: 0;
	font-size: 0.7em;
}

#facnavigation ul ul a:link, #facnavigation ul ul a:visited {
	background-color: #0066cc;
	color: #FFFFFF;
}

#facnavigation ul ul a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Library CSS */

#libmenubar {
	width: 745px;
	height:	auto;
	margin-bottom: -3px;
	padding-top: 8px;
	padding-left: 5px;
	background: #BDCCF3;
}

#libmenubar ul{
	padding: 0px;
	padding-left: 3px;
	margin:	0px;
}

#libmenubar li{
	padding: 0px;
	padding-left: 0px;
  	display: inline;
}

#libmenubar img{
	padding: 0px;
	margin:	0px;
	border:	0px;
}

#liblowspace {
	height: 17px;
	background-color: #0066cc;
}

#libnavigation {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 150px;
	text-align: left;
}

#libnavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#libnavigation li {
	border-bottom: 1px solid #FBFBFB;
	font-size: 0.7em;
	background-color: #0066cc;
}

#libnavigation li a:link, #libnavigation li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #0066ff;
	border-right: 1px solid #0066ff;
	background-color: #0066cc;
	color: #FFFFFF;
	text-decoration: none;
}

#libnavigation li a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

#libnavigation ul ul {
	margin-left: 12px;
}

#libnavigation ul ul li {
	border-bottom: 1.0px solid #0066cc;
	margin: 0;
	font-size: 0.7em;
}

#libnavigation ul ul a:link, #libnavigation ul ul a:visited {
	background-color: #0066cc;
	color: #FFFFFF;
}

#libnavigation ul ul a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Information CSS */

#infomenubar {
	width: 745px;
	height:	auto;
	margin-bottom: -3px;
	padding-top: 8px;
	padding-left: 5px;
	background: #BDCCF3;
}

#infomenubar ul{
	padding: 0px;
	padding-left: 3px;
	margin:	0px;
}

#infomenubar li{
	padding: 0px;
	padding-left: 0px;
  	display: inline;
}

#infomenubar img{
	padding: 0px;
	margin:	0px;
	border:	0px;
}

#infolowspace {
	height: 17px;
	background-color: #0066cc;
}

#infonavigation {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 150px;
	background-color: #ffffff;
	text-align: left;
}

#infonavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#infonavigation li {
	border-bottom: 1px solid #FBFBFB;
	font-size: 0.7em;
	background-color: #0066cc;
}

#infonavigation li a:link, #infonavigation li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #0066ff;
	border-right: 1px solid #0066ff;
	background-color: #0066cc;
	color: #FFFFFF;
	text-decoration: none;
}

#infonavigation li a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

#infonavigation ul ul {
	margin-left: 12px;
}

#infonavigation ul ul li {
	border-bottom: 1.0px solid #0066cc;
	margin: 0;
	font-size: 0.7em;
}

#infonavigation ul ul a:link, #infonavigation ul ul a:visited {
	background-color: #0066cc;
	color: #FFFFFF;
}

#infonavigation ul ul a:hover {
	background-color: #0099ff;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Warning messages & errors  */

.warningText {
	clear: left;
	color: #999;
	font-size: 0.8em;
	padding-top: 5px;
}

.warning, .mandatory, .validationError {
	color: #B33801;
}
	
.mandatory {
	font-size: 0.8em;
}
	
.validationError {
	margin-top: 10px;
	margin-bottom: 10px; 
	margin-left: 10px; 
}


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Error Viewing Positioning */
		
#errorDisplay {
	text-align: left;	
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: #FFFF33;
	color:  #999;
	font-size: 1.0em;	
}

#errorDisplay label {
	float: left;
	width: 220px;
/*	border-right: 1px solid #338BA6; */
	margin-right: 10px;
	font-size: 1.0em;
	color: #999;
	font-weight: bold;
}

#errorDisplay hr {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #EEEEEE;
}