/* CSS Document */

/*
Author: L-zanne Wentzel - l-zanne.wentzel@ct.saatchi.co.za

Table of Contents:
global
page structure
nav
headings
link styles
text styles
inline imgs
tables
forms
extras
SiFR
*/

html{overflow:-moz-scrollbars-vertical;}

* {margin: 0; padding: 0; outline: none;}

body{
background-color:#FFF;
font: 11px Arial, Helvetica, sans-serif normal;
color:#000000;
z-index:0;
}

.clear{
clear:both;
}

a:link {}
a:visited {}
a:hover{}
a:active{}

.container{
width:880px;
margin: 0px auto;
text-align:center;
border-bottom: 1px dashed #676767;
}

/* Header */
.container .header{
	height: 137px;
	position:relative;
}

.container .header img{
	float:left;
}

.container .header ul{
	float:right;
	list-style:none;
	padding: 107px 215px 0 0;
}

.container .header ul li{
	float:left;
	font-size:12px;
}

.container .header ul li a:link, .container .header ul li a:visited{
	color:#000;
	text-decoration:none;
}

container .header ul li a:hover{
	color:#000;
	text-decoration:underline;
}


.container .header ul li.sep{
	padding: 0 13px 0 13px;	
}

.container .header form{
	position:absolute;
	top: 105px;
	right: 0px;
}

.container .header form label{
	font-size:12px;	
}

.container .header form .field{
	border: 1px solid #b7b6b6;
	color:#0082D6;
	font-size:11px;
	padding:2px;
	width: 148px;
}

.container .header form .button{
	background:url(../gfx/search_arrow.gif) no-repeat top;
	border:none;
	cursor:pointer;
	width: 19px;
}

/* Navigation */
.container .navigation{
	height: 30px;
	border-bottom: 5px solid #FFF;
}

/* Sub Header */
.container .subheader{ position:relative; height: 255px; float: left; 
}

.container .subheader .text{
	position:absolute;
	top: 53px;
	right: 0px;
}

.container .subheader .subnavigation{
	position:relative;
	top: 0px;
	left: 0px;
}

/* Columns */
.columns{ position:relative; z-index: 100000; border-top: 5px solid #FFF; float: left; 
}

.col1{ float:left; background-color:#cee7f9; width: 292px; height: 300px; margin: 0 2px 0 0; overflow: hidden; position: relative; 
}

.col1 span{ background:url(../gfx/black_link.gif) no-repeat top; height: 19px; color:#FFF; display:block; line-height:19px; text-align:right; width:237px; position: absolute; left: 10px; bottom: 10px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0; padding-right: 32px; padding-bottom: 0; padding-left: 0; 
}

.col1 span a:link, .col1 span a:visited{
	color:#FFF;
	text-decoration:none;
}

.col1 span a:hover{
	color:#FFF;
	text-decoration:underline;
}

.col2{ float:left; background-color:#8CB9D9; width: 292px; height: 300px; margin: 0 2px 0 0; position: relative; 
}

.col2 p{
	margin: 0 25px 0 25px;
	padding: 12px 0 10px 0;
	text-align:left;
}

.col2 ul{
	list-style:none;
	margin: 0 23px 52px 27px;
	padding: 0px 0 0 0;
	height: 82px;
}

.col2 ul li{
	float:left;
	margin: 0 3px 0 0;
	background-color:#cee7f9;
	color:#FFF;
	font-size:11px;
}

.col2 ul li a:link, .col2 ul li a:visited{
	color:#000;
	text-decoration:none;
}

.col2 ul li a:hover{
	color:#000;
	text-decoration:underline;	
}

.col2 span{ background:url(../gfx/black_link.gif) no-repeat top; height: 19px; color:#FFF; display:block; line-height:19px; margin: 0px auto; text-align:right; padding: 0 32px 0 0; width:237px; position: absolute; bottom: 10px; left: 10px; 
}

.col2 span a:link, .col2 span a:visited{
	color:#FFF;
	text-decoration:none;
}

.col2 span a:hover{
	color:#FFF;
	text-decoration:underline;
}

.col3{
	float:left;
	background-color:#d8cfe2;
	width: 291px;
	height: 300px;
	position:relative;
}

.col3 ul {
	list-style:none;
	margin: 0 25px 12px 25px;
	padding: 12px 0 0 0;
}

.col3 ul li{
	background:url(../gfx/list_icon2.gif) no-repeat left center;
	text-align:left;
	padding:5px 5px 5px 17px;
}

.col3 ul li.alt{
	background-color:#c5b7d4;	
}

.col3 span{
	background:url(../gfx/purple_link.gif) no-repeat top;
	height: 19px;
	color:#000;
	display:block;
	line-height:19px;
	margin: 0px auto;
	text-align:right;
	padding: 0 35px 0 0;
	width:237px;	
}

.col3 a:link, .col3 a:visited{
	color:#000;
	text-decoration:none;
}

.col3 a:hover{
	color:#000;
	text-decoration:underline;
}

.col3 span a:link, .col3 span a:visited{
	color:#000;
	text-decoration:none;
}

.col3 span a:hover{
	color:#000;
	text-decoration:underline;
}

.col3 .course_selector{
	position:absolute;
	bottom: 0px;
	right: 0px;
}

/* Partners */
.partners{
	height: 80px;
}

.partners ul{
	list-style:none;
	margin: 0px auto;
	text-align:center;
	width: 530px;
	padding: 25px 0 0 0;
}

.partners ul li{ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

/* Partners Rollover */

/* Financial Times */
li.ft a.srollover {
display: block;
width: 67px;
height: 38px;
background:url(../gfx/logos/ft.jpg) 0 0 no-repeat;
text-decoration: none;
}

li.ft {
background:url(../gfx/logos/ft.jpg) 0 0 no-repeat;
background-position: -67px 0;
display: block;
width: 67px;
height: 38px;
}

li.ft a:hover.srollover {
background-position: -67px 0;
background-color:#eeedf1;
}

/* CSEE */
li.csee a.srollover {
display: block;
width: 82px;
height: 38px;
background:url(../gfx/logos/csee.jpg) 0 0 no-repeat;
text-decoration: none;
}

li.csee {
background:url(../gfx/logos/csee.jpg) 0 0 no-repeat;
background-position: -82px 0;
display: block;
width: 82px;
height: 38px;
}

li.csee a:hover.srollover {
background-position: -82px 0;
background-color:#eeedf1;
}

/* ionofm */
li.ionofm a.srollover {
display: block;
width: 117px;
height: 38px;
background:url(../gfx/logos/ionofm.jpg) 0 0 no-repeat;
text-decoration: none;
}

li.ionofm {
background:url(../gfx/logos/ionofm.jpg) 0 0 no-repeat;
background-position: -117px 0;
display: block;
width: 117px;
height: 38px;
}

li.ionofm a:hover.srollover {
background-position: -117px 0;
background-color:#eeedf1;
}

/* EQUIS */
li.equis a.srollover {
display: block;
width: 63px;
height: 47px;
background:url(../gfx/logos/equis.jpg) 0 0 no-repeat;
text-decoration: none;
}

li.equis {
background:url(../gfx/logos/equis.jpg) 0 0 no-repeat;
background-position: -63px 0;
display: block;
width: 63px;
height: 47px;
}

li.equis a:hover.srollover {
background-position: -63px 0;
background-color:#eeedf1;
}

/* ionofm */
li.ionofm a.srollover {
display: block;
width: 63px;
height: 47px;
background:url(../gfx/logos/ionofm.jpg) 0 0 no-repeat;
text-decoration: none;
}

li.ionofm {
background:url(../gfx/logos/ionofm.jpg) 0 0 no-repeat;
background-position: -63px 0;
display: block;
width: 63px;
height: 47px;
}

li.ionofm a:hover.srollover {
background-position: -63px 0;
background-color:#eeedf1;
}




/* Footer */
.footer{
	height: 32px;
	background-color:#d7d7d7;
	margin: 0 0 1px 0;
}

.footer p{
	color:#676767;
	line-height: 32px;
	font-size:10px;
}
.container .columns .col1 .panes { }
.container .columns .col1 .panes .newstab {  display: block; height: 251px; }
.container .columns .col1 .panes .eventstab { background-color: #8CB9D9; height: 251px; }

