/* Colours */	
#Body, body         {background-color: #fff;}
#outer_container 	{background-color: #fff;}
#access_bar         {background-color: #f4f4f4;}
#header             {background: #fff}

/* Size and positioning */
#outer_container 	{width: 62.5em; height: 100%} /* change to 100% for 'stretchy', change to 1000px for fixed width */
#outer_container 	{border-left: 0px; border-right: 0px; min-height: 300px;  position: relative; top: 0px;  margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */ padding: 0 0 0 0;}			


/* -- site header */
#s_header 			{border: 0px solid #0f0; width: 100%; margin: 0 0 0 0; display: inline-block;}
#s_header           {min-height: 164px; height: auto;}     
#s_header:after 	{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } /* Fix 'clearing' problems in FF */ 
#s_logo 			{border: 0px solid #000; position: relative; float: left; top: 40px; left: 20px;}
/* ---- min-height doesn't work in IE6 */
.ie6prop            {border: 0px solid #f00; height: 164px; float: right; width: 1px; clear: both; /* included for FF */}


/* -- overall content container TABLE version */
#maintable 			{border: 0px solid #ff0; width:auto; margin: 0 0 0 0;}
.leftcol 			{border: 0px solid #000; width: 11.5em; vertical-align: top; padding: 0 14px 0 10px;}
.centrecol          {border: 0px solid #f0f; width: 574px; vertical-align: top; padding: 0 0 0 0;}
.rightcol 			{border: 0px solid #000; width: 181px; height:639px; vertical-align: bottom; padding: 0 0 0 5px; }
.lowerbanner        {border: 0px solid #f0f; position: relative; display: block; clear: both; padding: 6px 0 0 0;}

.enrolBtn {
	background: url(images/enrol-button.png) no-repeat right top;
	width:185px;
	height:27px;
	padding-bottom:0px;
	padding-top: 5px;
	display:inline-block;
	cursor:hand;
	font-size: 0.9em;
	}

.enrolBtn P { 
	padding:5px 0 0 21px;
	font-family: verdana, helvetica, sans-serif;
	color:#ffffff;
	font-size: .9em;
	text-decoration: none;
	}

/* -- footer */
.footer 			{border: 0px solid #000; width: 100%; height: 30px; background: #ddd; margin: 70px 0 40px 0; display: inline-block;}
.footer:after 	    {content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; /* Fix 'clearing' problems in FF */ }


.Normal, .NormalDisabled {
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
    }

#cpane {
    width:408px;
    height: auto;
    background: #2dacb0 url(images/s_welcome_bg.gif) no-repeat right top;
    float: left;
    }

.cpane {
    width: 250px;
    min-height: 312px;
    margin: 20px 0 0 35px;
    clear: both;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #fff;
    }
    
.cpane_footer {
    min-height: 32px;
    height: auto;
    background: #2dacb0 url(images/s_welcome_corner.gif) no-repeat left  bottom;
    padding: 10px 10px 0 35px;
    font-family: verdana, helvetica, sans-serif;
    font-size: .67em;
    color: #fff;
    }
        
.cpane .Normal, .cpane_footer .Normal {
    color: #fff;
    }

.cpane h1 {
    color: #fff;
    font-size: 2.2em;
    }
 
 #npane {
    width: 156px;
    height: auto;    
    background: #5f7aaf url(images/s_news_bg.gif) repeat-x top;
    display: inline-block;
    position: relative;
    left: 3px;
    }   
    
.npane {
    margin: 20px 10px 0 10px;
    min-height: 354px;
    font-family: arial, helvetica, san-serif;
    font-size: .8em;
    }
    
.npane .Normal {
    font-family: arial, helvetica, san-serif;
    color: #fff;
    font-size: .8em;
    }

.npane A:link,
.npane A:visited,
.npane A:active {
    color: #fff;
    text-decoration: none;
    }

.npane A:hover {
    text-decoration: underline;
    }
 
.npane h2 {
    font-family: arial, helvetica, san-serif;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    }   


 .npane h3 {
    font-family: arial, helvetica, san-serif;
    color: #fff;
    font-size: 1.3em;
    font-weight: normal;
    }   
    
.lbpane {
    min-height: 107px;
    height: auto;
    }    
    
/* -- link boxes */
.top_frames             {font-size: .9em; text-align:left; color: #000; }
.top_frames             {position: relative; height: 100%; margin: 0; padding: 0; list-style-type: none; z-index: 9999;}
.top_frames A           {padding: 0; font-family: arial, helvetica, san-serif; font-size: .95em; font-weight: normal; color: #222;line-height: 1.15em;}
.top_frames A:link,   
.top_frames A:visited,   
.top_frames A:active    {color: #222; text-decoration: none;}
.top_frames A:hover     {color: #fff; text-decoration: none;}
.top_frames li          {height: 95px; float:left; list-style: none; padding: 0; margin: 0;}
.top_frames ul          {padding: 0; margin: 0; list-style-type: none; /* for Firefox */}

.top_frames ul li a {
    display: block;
    color: #000;
    height: 95px;
    width: 114px;
    padding: 0;
    text-decoration: none;
    }

.top_frames ul li a:hover { /* hover state */
    display: block;
    color: #333;
    height: 95px;
    width: 114px;
    padding: 0; 
    text-decoration: none;
    }
    
.top_frames ul li a:visited { 
    text-decoration: none; color: #000;
    }

.top_frames .lbox1 a  {
    background: url(images/s_box_yellow.gif) no-repeat top right;
    padding: 10px; 
    margin: 0 3px 0 0;
    }

.top_frames .lbox1 a:hover  {
    background: url(images/s_box_yellow_over.gif) no-repeat top right;
    padding: 10px;
    margin: 0 3px 0 0;
    }

.top_frames .lbox2 a  {
    background: url(images/s_box_orange.gif) no-repeat top right;
    padding: 10px;
    margin: 0 3px 0 0;
    }

.top_frames .lbox2 a:hover  {
    background: url(images/s_box_orange_over.gif) no-repeat top right;
    padding: 10px;
    margin: 0 3px 0 0;
    }

.top_frames .lbox3 a  {
    background: url(images/s_box_grey.gif) no-repeat top right;
    padding: 10px;
    margin: 0 3px 0 0;
    }

.top_frames .lbox3 a:hover  {
    background: url(images/s_box_grey_over.gif) no-repeat top right;
    padding: 10px;
    margin: 0 3px 0 0;
    }

.top_frames .lbox4 a  {
    background: url(images/s_box_greywhite.gif) no-repeat top right;
    padding: 10px;
    width: 136px;
    }

.top_frames .lbox4 a:hover  {
    background: url(images/s_box_greywhite_over.gif) no-repeat top right;
    padding: 10px;
    width: 136px;
    }

.top_frames h2 {
    font-family: Arial;
    font-size: 1.23em;
    padding: 0 0 3px 0; 
    margin: 0; 
    font-weight:bold;
    color: #333
    }