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

/*
#FFF271 -YELLOW
#A40362 -BURGENDY
#39C2D8 -BLUE
#63562E -GREEN BROWN
#84AA98 - SOFT BLUE
#004E5C - DARK BLUE
#E8E6D3 - CHALKY WHITE
#D81635 - BRIGHT RED
*/


/* VERY IMPORTANT FLOATS */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*--- CONTAINER ---*/
#container {
	position:relative;
	width: 680px;  
	background-color:#E8E6D3;
	margin: 0 auto; 
	margin-top:20px;
	margin-bottom:30px;
	text-align: left;
} 


/*--- BIG CONTAINER ---*/
#bigcontainer {
	position:relative;
	width: 840px;  
	background-color:;
	margin: 0 auto; 
	margin-top:20px;
	margin-bottom:30px;
	text-align: left; 
} 

#innercontainer {
	position:relative;
	width: 680px; 
	background-color:#E8E6D3;
} 

#rightmenu {
	position:relative;
	width: 120px;
	height:auto;
	background-color:#E8E6D3;
	margin:200px 20px 0px 20px;
	float:right;
	clear:both;
} 


/*******************************
*******************************/
/*Wrappers with Southbank Logo*/
/*With Right Menu*/

#biglogocontainer {
	position:relative;
	width: 900px;  
	background-color:;
	margin: 0 auto; 
	margin-top:20px;
	margin-bottom:30px;
	text-align: left;
} 


#leftlogo2{
	position:relative;
	width:53px;
	height:200px;
	background-image:url(../images/southbank_logo.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}

#rightmenu2 {
	position:relative;
	width: 120px;
	height:auto;
	background-color:#E8E6D3;
	margin:200px 20px 0px 20px;
	float:right;
}

 
/*ON PROFILE PAGES IS PURPLE*/
#rightmenu2P {
	position:relative;
	width: 120px;
	height:auto;
	background-color:#D81635;
	margin:200px 20px 0px 20px;
	float:right;
}  
/*ON PROFILE PAGES IS PURPLE*/

#innercontainer2 {
	position:relative;
	width: 680px;  
	background-color:#E8E6D3;
	margin-left:0px;
	float: left;

} 

/*With No Menu*/
#outercontainer {
	position:relative;
	width: 740px;  
	background-color:FFFFFF;
	margin: 0 auto; 
	margin-top:20px;
	margin-bottom:30px;
	text-align: left;
} 

#container2 {
	position:relative;
	width: 680px;  
	background-color:#E8E6D3;
	margin-left:0px;
	float: left;
} 


/*Wrappers with Southbank Logo END*/
/*******************************
*******************************/


/*spreads across the full width of the page*/

.cfull{
position:relative;
width:640px;
margin:7px 20px 7px 20px;
float:left;
}

.cfullWhite{
position:relative;
width:630px;
margin:7px 20px 7px 20px;
float:left;
background-color:#FFFFFF;
padding:5px;
}

.cfullSimple{
position:relative;
width:640px;
margin:0px 20px 0px 20px;
float:left;
}

.cfullSimpleWhite{
position:relative;
width:640px;
margin:0px 20px 0px 20px;
float:left;
background-color:#FFFFFF;
}

.cfullSimpleNo{
position:relative;
width:640px;
margin:0px 20px 0px 20px;
float:left;
}

.cfull2{
position:relative;
width:640px;
margin:15px 20px 7px 20px;
float:left;
}

/*spreads 66% across the page*/
.c66{
position:relative;
width:420px;
margin:7px 10px 7px 20px;
float:left;
}

/*spreads 66% across the page WHITE*/
.c70{
position:relative;
width:450px;
margin:7px 10px 7px 20px;
padding:4px;
float:left;
background-color:#FFFFFF;
}

/*spreads 66% across the page*/ /*officially used for floating things to the right */
.c33{
position:relative;
width:200px;
margin:7px 20px 7px 10px;
float:right;
clear:right;
}

/*Used in conjuction with all forms*/
.fbox{
position:relative;
width:310px;
margin:7px 7px 7px 0px;
float:left;
}


/*spreads across the full width of the page*/
.cfooter{
position:relative;
width:640px;
margin:30px 20px 15px 20px;
border-top:1px dotted #000000;
border-bottom:1px dotted #000000;
float:left;
height:auto;
}

/* For martins Map */

/*spreads 66% across the page*/
.cmap{
position:relative;
width:130px;
margin:7px 10px 7px 20px;
float:left;
}