/*
Project: RAF Altitude
Filename: screen.css
Date: January 2009
Updated: 20/03/09 10:30
Author: Simon McFarlane [simon@clearbytes.co.uk]
*/

@import url("survey.css");

body {
	margin: 0;
	padding: 0 0 0 0;
        height: 100%;  
	font-size: 62.5%;	
	color: #000000;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	background: #73C6F1 url("../images/site_bg_out.jpg") no-repeat 50% 0;
    }

/*
.loggedOut{
	background: #73C6F1 url("../images/site_bg_out.jpg") no-repeat 50% 0;
    }


.loggedIn{
	background: #b5d5e2 url("../images/site_bg_in.jpg") no-repeat 50% 0;
    }
*/	

body a img {
	border: none;
}

img{
	display: block;
}

.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}


img.imgLeft{
	float: left;
	margin: 10px 30px 10px 0;
	}


		
img.imgRight{
	float: right;
	margin: 10px 0 10px 30px;
	}

img.imgPosLeft, img.imgposLeft {
    float: left;
	margin: 10px 30px 10px 0;
	}

img.imgPosRight , img.imgposRight{
    float: right;
	margin: 10px 0 10px 30px;
	}


* html img.imgPosLeft, 
* html img.imgposleft {
margin: 10px 0px 10px 0;
padding-right: 30px;
}
 

* html img.imgPosRight , 
* html img.imgposRight{
margin: 10px 0 10px 0px;
padding-left: 30px;
 }


img.restricted{
	position: relative;
	margin-right: -20px;
	margin-bottom: 15px;
}
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*------ global classes ------*/



/*------ wrap ------*/


#wrap {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 779px;
	text-align: left;
}



/*------ header ------*/


#header{
	float: left;
	width: 779px;
	height: 108px;
	background: url("../images/header_bg.gif") no-repeat top right;
}

#logo .raf{
 float: left;
 width: 126px;
 height: 108px;
 text-indent: -9999px;
 background: url("../images/raf_logo.gif") no-repeat top left;
 }
 

#logo .altitude{
 float: left;
 width: 126px;
 height: 108px;
 text-indent: -9999px;
 background: url("../images/raf_logo.gif") no-repeat top right;
 }


#logo a{
	float: left;
	width: 252px;
	height: 108px;
	text-indent: -9999px;
	background: url("../images/raf_logo.gif") no-repeat 0 0;
	}


#header ul {
	float: right;
	margin: 10px 145px 0 0;
	}


* html #header ul {
	width: 375px;
	margin: 10px 72px 0 0;
	}


#header li {
	float: left;
	}

	
#header li a {
	display: block;
	float: left;
	margin-left: 11px;
	padding: 1px 0px 1px 11px;
	display: inline;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 1em;
	color: #646E7D;
	text-decoration: none;
	background: url("../images/bg_LinkArrows.gif") no-repeat 0 50%;
	}


#header li a:hover{
	text-decoration: underline;
}


#header form{
	float: left;
	margin: 45px 0 0 15px;
}


#header #searchtext{
	width: 136px;
	padding: 1px 3px;
	font-size: 1.1em;
	font-weight: bold;
	color: #555555;
	background: #ECEAE8;
}


#header #btnSearchSubmit{
vertical-align: top;
}


/*------ nav ------*/

#nav{
	float: left;
	width: 779px;
	min-height:98px;
	height:auto !important;
	height:98px;
        background: url("../images/nav_bg.png") no-repeat 0 0;
}


* html #nav{
	background: url("../images/nav_bg.gif") no-repeat 0 0;
}


#nav ul{
	float: left;
	margin: 44px 0 0 7px;
}


* html #nav ul{
	margin: 44px 0 0 3px;
}


#nav ul li{
	float: left;
	margin-left: 3px;
}


#nav ul li a{
	display: block;
	width: 105px;
	height: 38px;
}



#nav ul li a.home{
	background: url("../images/nav_home_bg.gif") no-repeat 0px 0;
	text-indent: -9999px;	
}

#nav ul li a.explore{
	background: url("../images/nav_explore_bg.gif") no-repeat 0 0;
	text-indent: -9999px;	
}

#nav ul li a.education{
	background: url("../images/nav_education_bg.gif") no-repeat 0 0;
	text-indent: -9999px;	
}

#nav ul li a.sports{
	background: url("../images/nav_sports_bg.gif") no-repeat 0 0;
	text-indent: -9999px;	
}

#nav ul li a.involved{
	background: url("../images/nav_involved_bg.gif") no-repeat 0 0;
	text-indent: -9999px;	
}




#nav ul li a:hover,
#nav ul li.here a{
	background-position: -105px;
}




#nav .breadCrumb{
	float: left;
	margin-top: 18px;
	padding: 0 0 10px 19px;
	color: #5C6F7C;
	width: 700px;
	font-size: 1.1em;
}



#nav .breadCrumb a{
	color: #e31937;
}


#nav .breadCrumb a:hover{
	text-decoration: none;
}


#nav .homePage{
	margin-top: 5px;
	padding: 0 0 5px 19px;
}


/*------ Logon form ------*/


#Logon{
	float: right;
	width: 180px;
	margin-right: 20px;
	margin-top: -54px;
}


* html #Logon{
	position: relative;
	margin-top: -54px;
	margin-right: 10px;
}



#Logon h3{
	display: block;
	width: 180px;
	height: 56px;
	margin-bottom: 0;
	text-indent: -9999px;
	background: url("../images/altitude_logged_in.gif") no-repeat 50% 5px;
}


#Logon label{
	position: absolute;
	left: -10000px;
}


#Logon .defaultText{
	float: left;
	width: 115px;
	padding: 1px 3px;
	margin-bottom: 2px;
	border: 1px solid #D0E4EF;
	font-size: 1.2em;
	font-weight: bold;
	color: #0079C0;
}


#Logon .btnLogin{
	float: right;
	margin-right: 15px;
}


#Logon .remember{
	clear: both;
	color: #555555;
}


#Logon .options{
	font-size: 1.1em;
	color: #555555;
}


#Logon .options a{
	color: #e31937;
}


#Logon .options a:hover{
	text-decoration: none;
}




#Logged{
	float: right;
	width: 180px;
	margin-right: 20px;
	margin-top: -54px;
}


* html #Logged{
	position: relative;
	margin-top: -54px;
	margin-right: 10px;
}


#Logged h3{
	display: block;
	width: 180px;
	height: 56px;
	margin-bottom: 0;
	text-indent: -9999px;
	background: url("../images/altitude_logged_in.gif") no-repeat 50% 5px;
}


#Logged p strong{
	color: #0079c0;
	font-size: 1.1em;
}


#Logged h4{
	color: #00447c;
	font-size: 1.7em;
	font-weight: bold;
	margin: 1px 0 5px 0;
}


#Logged p a{
	color: #e31937;
	font-size: 1em;
}


#Logged p a:hover{
	text-decoration: none;
}


#Logged .logout{
	padding-top: 3px;
	font-size: 1em;
	color: #5c6f7c;
}



/*------ pageContent ------*/

#pageContent{
	float: left;
	width: 768px;
	background: #fff url("../images/pageContent_bg.gif") repeat-y 0 0;
	border-left: 1px solid #6B9AB3;
	border-right: 1px solid #4F85A3;
	border-bottom: 2px solid #538FAE;
}


#pageContent.fullWidth{
	background: #fff;
}



/*------ mainContent ------*/

#mainContent{
	float: right;
	width: 540px;
	margin-right: 20px;
}


* html #mainContent{
	margin-right: 10px;
}


#mainContent.fullWidth{
	width: 738px;
	margin: 0 15px 0 15px;
}


* html #mainContent.fullWidth{
	margin: 0 7px 0 7px;
}


#mainContent h1{
	font-size: 2.6em;
	color: #00447c;
	margin-bottom: 18px;
}


#mainContent p{
	color: #00447c;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 15px;
}

#mainContent p.promo{
   margin-bottom: 15px;
}

#mainContent p.warning{
	color: #e31937;
	font-size: 1.4em;
	font-family: 'courier new';
	font-weight: bold;
}


#mainContent h2{
	color: #5c6f7c;
	font-family: 'courier';
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.1em;
	margin-bottom: 15px;
}

#mainContent h2 strong{
	color: #0072BC;
	font-size: 1.4em;
}


#mainContent h3{
	font-size: 1.4em;
	color: #0072bc;
	font-weight: bold;
	margin-bottom: 15px;
}


#mainContent h3 strong{
	font-size: 1.4em;
	font-family: courier;
	font-weight: bold;
}


#mainContent h3.category{
	float: left;
	width: 526px;
	padding: 4px 0 4px 14px;
	margin: 10px 0 20px 0;
	font-family: courier;
	font-weight: bold;
	font-size: 1.6em;
	text-transform: uppercase;
	color: #ffffff;
	background: #F8971D url("../images/category_bg.gif") repeat-y top right;

}


* html #mainContent h3.category{
	padding: 4px 0 4px 7px;
}



#mainContent.fullWidth h3.category{
	width: 724px;
}



#mainContent h3.stages{
	float: left;
	width: 526px;
	padding: 4px 0 4px 14px;
	margin: 10px 0 20px 0;
	font-family: courier;
	font-weight: normal;
	font-size: 1.6em;
	text-transform: uppercase;
	color: #ffffff;
	background: #0072BC url("../images/stages_bg.gif") repeat-y top right;

}


* html #mainContent h3.stages{
	padding: 4px 0 4px 7px;
}


#mainContent.fullWidth h3.stages{
	width: 724px;
}


#mainContent h3.stages strong{
	font-size: 1.2em;
}



#mainContent p a,
#mainContent form a{
	color: #e31937;
	font-weight: bold;
}


#mainContent p a:hover,
#mainContent li a:hover,
#mainContent form a:hover{
	text-decoration: none;
}



#mainContent a.externalLink{
	color: #00C2FF;
	padding-right: 14px;
	background: url("../images/icon_external_site.gif") no-repeat top right;
}



#mainContent ul{
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 15px;
	color: #0072bc;
}

#mainContent ul li{
	padding-left: 15px;
	background: url("../images/subnav_bullet_blue.gif") no-repeat 0px 5px;
}


#mainContent ol{
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 15px;
	margin-left: 25px;
	list-style-type: decimal; 
	color: #0072bc;
}


#mainContent li a{
	color: #0072bc;
}



#mainContent p.top{
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px 0 0 0;
}


#mainContent p.top a{
	color: #0072bc;
	background: url("../images/icon_top.gif") no-repeat top right;
	padding-right: 10px;
}


#mainContent .top a:hover{
	text-decoration: none;
}




/*------ results ------*/


#mainContent .results{
	float: left;
	width: 540px;
}


#mainContent.fullWidth .results{
	width: 738px;
}


#mainContent .resultsHeader{
	float: left;
	width: 540px;
	margin: 10px 0 20px 0;
	padding: 2px 0 0px 0px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	background: #E31937 url("../images/results_bg.gif") repeat-y top right;
}


#mainContent.fullWidth .resultsHeader{
	width: 738px;
}


#mainContent .resultsHeader p{
 	margin: 0;
 	font-weight: bold;
}



#mainContent .resultsHeader p a{
	color: #ffffff;
}

#mainContent .resultsHeader .previous{
 	float: left;
 	width: 120px;
}
 
#mainContent .resultsHeader .previous a{
 	float: left;
 	color: #FFF;
 	margin-left: 5px;
 	padding: 4px 0px 4px 30px;
 	background: url("../images/results_arrow_left.gif") no-repeat 0 0;
}


#mainContent .resultsHeader .next{
 	float: right;
 	width: 90px;
}
 

#mainContent .resultsHeader .next a{
 	float: right;
 	color: #FFF;
 	margin-right: 5px;
 	padding: 4px 30px 4px 0px;
 	background: url("../images/results_arrow_right.gif") no-repeat top right;
}




#mainContent .resultsHeader h3{
	width: 330px;
	text-align: center;
	margin: 0;
	padding: 2px 0 4px 0px;
	color: #ffffff;
	font-size: 1.6em;
	float: left;
	font-family: courier;
}


#mainContent.fullWidth .resultsHeader h3{
	width: 500px;
}


#mainContent .result{
	float: left;
	width: 540px;
	margin-bottom: 15px;
}


#mainContent.fullWidth .result{
	width: 738px;
}


#mainContent .result h4{
	float: left;
	width: 540px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.4em;
	color: #8C8E8E;
}


#mainContent.fullWidth .result h4{
	width: 738px;
}



#mainContent .result h4 a{
	color: #e31937;
	font-family: courier;
	font-size: 1.2em;
}


#mainContent .result h4 a:hover{
	text-decoration: none;
}


#mainContent .result h4 strong{
	float: left;
}


#mainContent .result h4 em{
	float: right;
	font-style: normal;
	color: #0072BC;
}

#mainContent p.required{
 color: #e31937;
 font-size: 1.4em;
 font-family: 'courier new';
 font-weight: bold;
 text-align: right;
 margin-bottom: 0;
 padding-bottom: 0;
}



/*------ quoteRight ------*/


#mainContent .quoteRight{
	float: right;
	margin: 10px 0 10px 30px;
	padding-left: 10px;
	width: 200px;
	border-left: 4px solid #F8971D;
	font-family: 'courier new';
	text-transform: uppercase;
	font-size: 0.9em;
}
	

#mainContent .quoteRight .quoted{
	font-weight: bold;
	color: #0072BC;
}




/*------ featureExternal ------*/



#mainContent .featureExternal{
	float: right;
	width: 186px;
	margin-left: 20px;
	padding-bottom: 30px;
	background: url("../images/feature_external_link.jpg") no-repeat bottom left;
}


#mainContent .featureExternal img{
	display: block;
	margin: 1px 1px 7px 1px;
}


#mainContent .featureExternal h4{
	color: #00447c;
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 7px 0 7px;
}


#mainContent .featureExternal p{
	font-size: 1.1em;
	padding: 0 7px 0 7px;
}


#mainContent .featureExternal a{
	color: #e31937;
}


#mainContent .featureExternal a:hover{
	text-decoration: none;
}


/*------ panelBox ------*/


#pageContent .panelBox{
	float: left;
	width: 540px;
	padding-bottom: 17px;
	background: url("../images/panel_box_bg.gif") no-repeat bottom left;
}


#pageContent .panelBox h3{
	float: left;
	width: 493px;
	padding: 0 0 0px 47px;
	margin: 0 0 0 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-family: courier;
	font-size: 1.4em;
	background: url("../images/panel_box_head.gif") no-repeat top left;
}






#pageContent .panelBox h3 span{
	float: left;
	padding: 6px 20px 5px 0;
	margin: 3px 0 0 0;
	background: url("../images/panel_box_h3.gif") no-repeat top right;
}


#pageContent .panelBox .panelInfo img{
	float: left;
	margin: 12px 0 12px 15px;
}


* html #pageContent .panelBox .panelInfo img{
	margin: 12px 0 12px 7px;
}


#pageContent .panelBox .panelInfo .details{
	float: right;
	width: 340px;
	margin: 24px 15px 0 0;
}



#pageContent .panelBox .panelInfo .details ul{
	color: #00447C;
}


#pageContent .panelBox .panelInfo .details ul li{
	padding-left: 15px;
	background: url("../images/subnav_bullet.gif") no-repeat 0px 5px;
}


#pageContent .panelBox .panelInfo p{
	margin: 0 0 10px 0;
}


#pageContent .panelBox .panelInfo a.promo{
	float: right;
	margin: 0px 15px 15px 0px;
	padding: 1px 14px 2px 6px;
	color: #E31937;	
	font-size: 1.4em;
	font-family: 'courier new';
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: url("../images/readmore_button.gif") no-repeat top left;
}


* html #pageContent .panelBox .panelInfo a{
	margin: 0 7px 15px 0;
}


/* update 13/11/09 for the new locked page panels */

#pageContent .joinAltitude h3{
	text-transform: none;
	font-family: arial;
}


#pageContent .joinAltitude .panelInfo .details{
	float: left;
	width: 500px;
	margin: 10px 15px 0 15px;
}


* html #pageContent .joinAltitude .panelInfo .details{
	margin: 10px 7px 0 7px;
}


#pageContent .joinAltitude .panelInfo .join a{
	display: block;
	width: 240px;
	height: 30px;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	font-size: 1px !important;
	line-height: 1px !important;
	text-decoration: none;
	font-weight: normal;
	color: #E42034;
	background: url("../images/join-altitude-now.gif") no-repeat top left;
}



div.signupBox{
	float: left;
	width: 253px;
	padding: 0 8px;
}



div.signupBox .startProfile a{
	display: block;
	width: 253px;
	height: 27px;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	font-size: 1px !important;
	line-height: 1px !important;
	text-decoration: none;
	font-weight: normal !important;
	color: #FFCC00 !important;
	background: url("../images/start-profile.gif") no-repeat top left !important;
	text-indent: -9999px;
}	

div.signupBox .rafCareers a{
	display: block;
	width: 253px;
	height: 27px;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	font-size: 1px !important;
	line-height: 1px !important;
	text-decoration: none;
	font-weight: normal !important;
	color: #FFCC00 !important;
	background: url("../images/raf-careers.gif") no-repeat top left !important;
	text-indent: -9999px;
}





/*------ panelBoxHome ------*/


.panelBoxHome{
	float: left;
	width: 740px;
	padding: 0 0 32px 0;
	border-left: 13px solid #fff;
	background: #fff url("../images/panel_box_bg2.gif") no-repeat bottom left;
}


.panelBoxHome h3{
	float: left;
	width: 693px;
	padding: 0 0 0px 47px;
	margin: 0 0 0 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-family: courier;
	font-size: 1.4em;
	background: url("../images/panel_box_head2.gif") no-repeat top left;
}



.panelBoxHome h3 span{
	float: left;
	padding: 6px 20px 5px 0;
	margin: 3px 0 0 0;
	background: url("../images/panel_box_h3.gif") no-repeat top right;
}



.panelBoxHome .panelInfo{
	float: left;
	width: 205px;
	padding: 13px 35px 0 15px;
}


.panelBoxHome .last{
	padding: 13px 0px 0 15px;
}


.panelBoxHome .panelInfo h4{
	font-size: 1.6em;
	font-weight: bold;
	font-family: 'courier new';
	padding: 0 0 5px 0px;
}


.panelBoxHome .panelInfo p{
	font-size: 1.2em;
	color: #005890;
	padding: 5px 8px 5px 0px;
	height: 75px;
}



.panelBoxHome .panelInfo .more{
	display: block;
	width: 125px;
	height: 18px;
	margin-top: 10px;
	font-size: 1px;
	text-align: center;
	color: #FFD900;
	background: url("../images/read-more.gif") no-repeat top right;
}
	


/*------ panelEvents ------*/


#mainContent .panelBox .panelEvents{
	float: left;
	width: 540px;
	padding-bottom: 15px;
}


#mainContent .panelBox .panelEvents .details{
	float: right;
	width: 413px;
	margin: 8px 15px 0 0;
}


* html #mainContent .panelBox .panelEvents .details{
	margin: 8px 7px 0 0;
}



#mainContent .panelBox .panelEvents .details h4{
	color: #8C8E8E;
	font-size: 1.2em;
	margin-bottom: 4px;
}


#mainContent .panelBox .panelEvents .details h4 a{
	color: #e31937;
	font-weight: bold;
}


#mainContent .panelBox .panelEvents dl{
	float: left;
	margin: 5px 0 0 15px;
	padding: 0;
	width: 86px;
	text-transform: uppercase;
	background: url("../images/panel_box_date.jpg") no-repeat bottom left;
}


* html #mainContent .panelBox .panelEvents dl{
	margin: 5px 0 0 7px;
}


#mainContent .panelBox .panelEvents dl dt{
	color: #ffffff;
	text-align: center;
	font-size: 1.6em;
	padding: 3px 0;
	font-weight: bold;
	background: url("../images/panel_date_bg.gif") no-repeat 0 0;
}


#mainContent .panelBox .panelEvents dl dd{
	color: #000;
	text-align: center;
	font-size: 2em;
	padding: 3px 0;
	letter-spacing: 1px;
}


#mainContent .panelBox .panelEvents dl dd strong{
	font-size: 1.6em;
}



/*------ eventDetail ------*/


#mainContent .eventDetail{
	float: left;
	width: 540px;
	margin-bottom: 15px;
}


#mainContent .eventDetail .eventInfo{
	float: left;
	width: 285px;
}



#mainContent .eventDetail .eventInfo .date{
	float: left;
	margin: 5px 0 15px 0;
	padding: 0 0 0 0;
	width: 86px;
	text-transform: uppercase;
	background: url("../images/panel_box_date.jpg") no-repeat bottom left;
}


* html #mainContent .eventDetail .eventInfo .date{
	margin: 5px 0 15px 0;
}


#mainContent .eventDetail .eventInfo .date dt{
	color: #ffffff;
	text-align: center;
	font-size: 1.6em;
	padding: 3px 0;
	font-weight: bold;
	background: url("../images/panel_date_bg.gif") no-repeat 0 0;
}


#mainContent .eventDetail .eventInfo .date dd{
	color: #000;
	text-align: center;
	font-size: 2em;
	padding: 3px 0;
	letter-spacing: 1px;
}


#mainContent .eventDetail .eventInfo .date dd strong{
	font-size: 1.6em;
}



#mainContent .eventDetail .eventInfo .details{
	float: right;
	width: 190px;
}

#mainContent .eventDetail .eventInfo p{
	clear: both;
}


#mainContent .eventDetail .eventInfo .details dt{
	font-size: 2em;
	color: #0072BC;
	font-family: courier;
	font-weight: bold;
}


#mainContent .eventDetail .eventInfo .details dd{
	font-weight: bold;
	color: #00447c;
	font-size: 1.4em;
}


#mainContent .eventDetail .eventInfo .details dd em{
	font-weight: bold;
	color: #5C6F7C;
	font-style: normal;
	font-size: 0.9em;
}


#mainContent .eventDetail .eventPanel{
 float: left;
 width: 265px;
 background: #E5F9FF url("../images/event_panel_bg.gif") no-repeat 0 0;
 font-size: 1.2em;
 color: #00447c;
 padding: 10px 10px 10px 10px;
}

#mainContent .eventDetail .eventPanel dt{
 float: left;
 width: 130px;
 margin-bottom: 10px;
}

#mainContent .eventDetail .eventPanel dd{
 float: left;
 width: 135px;
 font-weight: bold;
 margin-bottom: 10px;
}

#mainContent .eventDetail .eventPanel .left{
	float: left;
	width: 120px;
	padding: 10px 10px 0 10px;
}


#mainContent .eventDetail .eventPanel .right{
	float: right;
	width: 120px;
	padding: 10px 10px 0 10px;
}




#mainContent .eventDetail .eventMap{
	float: right;
        height: 280px;
	width: 240px;
	padding: 9px 0 20px 10px;
	/* background: url("../images/google_map_small_bg.gif") no-repeat 0 0; */
}


/*------ eventsMap ------*/


.eventsMap{
	float: left;
	width: 529px;
	padding: 9px 0 20px 11px;
	margin-bottom: 15px;
	background: url("../images/google_map_bg.gif") no-repeat 0 0;
}



/*------ gallery ------*/


.gallery{
	float: left;
	width: 540px;
	height: 349px;
	margin-bottom: 15px;
	background: url("../images/gallery_bg.jpg") no-repeat 0 0;
}


.gallery .gallerySelect{
	float: left;
	width: 140px;
}


.gallery .gallerySelect ul{
	float: left;
	width: 130px;
	height: 285px;
	margin: 15px 0 0px 10px;
	padding: 0;
}


* html .gallery .gallerySelect ul{
	margin: 15px 0 0px 5px;
}


.gallery .gallerySelect ul li{
	float: left;
	margin: 0 0 5px 5px;
	padding: 0 !important;
	background: none !important;
}


* html .gallery .gallerySelect ul li{
	margin: 0 0 5px 2px;
}


.gallery .gallerySelect p{
	float: left;
	width: 115px;
	background: #EDF0F1;
	margin: 0 0 0 15px;
	padding: 1px 2px;
	font-size: 1.1em !important;
}


* html .gallery .gallerySelect p{
	margin: 0 0 0 7px;
}



.gallery .galleryImage{
	float: left;
	width: 390px;
	margin: 15px 0 10px 5px;
}

* html .gallery .galleryImage{
	margin: 15px 0 10px 2px;
}


.gallery .galleryImage h5{
	float: left;
	color: #F8971D;
	text-transform: uppercase;
	font-family: 'courier new';
	font-size: 1.5em;
	font-weight: bold;
	margin: 15px 0 0 0;
}


.gallery .galleryImage p{
	margin: 15px 15px 0 0;
	padding: 0;
	float: right;
}

* html .gallery .galleryImage p{
	margin: 15px 7px 0 0;
}


.gallery .galleryImage p a{
	float: left;
	width: 19px;
	height: 17px;
	margin-left: 5px;
	text-indent: -9999px;
}


.gallery .galleryImage p a.previous{
	background: url("../images/icon_gallery_previous.gif") no-repeat 0 0;
}



.gallery .galleryImage p a.next{
	background: url("../images/icon_gallery_next.gif") no-repeat 0 0;
}



/*------ twoCol ------*/


.twoCol{
	float: left;
	width: 540px;
	margin-bottom: 15px;
}


.twoCol .colMain{
	float: left;
	width: 350px;
}


.twoCol .colSide{
	float: right;
	width: 186px;
}



/*------ inlineForm ------*/


.inlineForm dl{
	float: left;
	position: relative;
	color: #00447C;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
}


.inlineForm dl dt .title{
 font-size: 1.2em;
 color: #00447C;
 font-weight: bold;
}
 

.inlineForm dl dt .title em{
 color: #ff0000;
}

#higher_multi_select_grade .grade label,
#foundation_multi_select_grade .grade label{
 float: left;
 width: 180px;
}
 
#higher_multi_select_grade .grade span,
#foundation_multi_select_grade .grade span{
 float: left;
 width: 120px;
 margin: 0;
 padding: 0;
}
 

#higher_multi_select_grade .grade input,
#foundation_multi_select_grade .grade input{
 float: left;
 text-align: left;
 display: block;
 width: 40px;
 padding-left: 10px;
}

#gcse_grades .grade{
 float: left;
 width: 210px;
 height:65px;
 margin: 0 3px 3px 0;
 background: #C9E0F0;
 font-size: 1.2em;
 color: #00447C;
 font-weight: bold;
 vertical-align: middle;
}
 

#gcse_grades .grade h4{
 float: left;
 width: 120px;
 font-weight: bold;
 text-align: right;
}
 

#gcse_grades .grade label{
 float: float;
 width: 30px;
 height:auto;
 padding-left: 10px;
 margin: 0 0 0 0;
 font-size: 1em;
 color: #00447C;
 font-weight: bold;
}
 

#gcse_grades .grade input{
 display: block;
}
 

.inlineForm span.error{
 float: left;
 clear: both;
 color: #e31937;
 width: 190px;
 font-family: 'courier new';
 font-weight: bold;
 margin: 5px 0 0 0;
 padding: 0 0 0 0;
 line-height: 1.2em;
}



 


/*------ captcha ------*/
 
#captcha{
 float: left;
 margin-left:305px;
 margin-bottom:8px;
 border:1px solid #000;
 height:50px;
 width:250px;
}
 
* html #captcha{
 margin-left:152px;
}
 

.inlineForm{
	float: left;
	width: 100%;
	margin-bottom: 15px;
	background: #EBF2F8 url("../images/inlineForm_bg.gif") no-repeat bottom left;
}


#mainContent .inlineForm h3.stages{
	margin: 0;
}


.inlineForm fieldset{
	clear: both;
	padding: 15px 0;
	border-bottom: 2px solid #fff;
}






.inlineForm fieldset dl{
	border-bottom: none;

}


.inlineForm dl dt{
	float: left;
	width: 185px;
	margin: 0;
	padding: 10px 20px;
}


.inlineForm dl dt label{
	font-size: 1.2em;
	color: #00447C;
	font-weight: bold;
}


.inlineForm dl dt .heading{
	font-size: 1.2em;
	color: #00447C;
	font-weight: bold;
}

.inlineForm dl dt label em,
.inlineForm dl dt .heading em{
	color: #ff0000;
}


.inlineForm dl dt .note{
	display: block;
	font-size: 1.2em;
	color: #00447C;
}
	

.fullWidth .inlineForm dl dt{
	margin-left: 60px;
	text-align: right;
}


* html .fullWidth .inlineForm dl dt{
	margin-left: 30px;
}


.inlineForm dl dd{
	float: left;
	width: 225px;
	margin: 0;
	padding: 10px 0 10px 20px;
	font-size: 1.2em;
	color: #00447C;
}

.fullWidth .inlineForm dl dd{
	width: 420px;
}


.inlineForm dl dd input{
	float: left;
	font-size: 1.1em;
	color: #00447C;
	width: 160px;
	padding: 2px;
	border: 1px solid #7F9DB9;
}



.inlineForm dl dd select{
	float: left;
	font-size: 1.1em;
	color: #00447C;
	padding: 2px;
	border: 1px solid #7F9DB9;
}


.inlineForm dl dd textarea{
	font-size: 1.1em;
	color: #00447C;
	width: 250px;
	padding: 2px;
	font-family: arial;
	border: 1px solid #7F9DB9;
}

.inlineForm dl dd label{
	line-height: 2em;
}

.inlineForm dl dd label input{
	width: 15px;
	border: none;
	float: none;
}


.inlineForm .warning{
	float: right;
	color: #e31937;
	width: 110px;
	font-family: 'courier new';
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
}


.inlineForm label.error{
	float: left;
	color: #e31937;
	width: 420px;
	font-family: 'courier new';
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.2em;
}


.inlineForm .lookup{
	float: left;
	border: none;
	padding: 0px 3px;
	margin: 0 0 0 15px;
	color: #E31937;	
	font-size: 1.2em;
	font-family: 'courier new';
	text-decoration: none;
	background: #FFD200;
}

.inlineForm .submit-next{
	float: right;
	border: none;
	padding: 0px 14px 3px 6px;
	margin: 0 20px 10px 0;
	color: #E31937;	
	font-size: 1.4em;
	font-family: 'courier new';
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
 	overflow: visible;
	background: url("../images/readmore_button.gif") no-repeat top right;
}


.inlineForm .submit-previous{
	float: left;
	border: none;
	padding: 0px 6px 3px 14px;
	margin: 0 0px 10px 20px;
	color: #E31937;	
	font-size: 1.4em;
	font-family: 'courier new';
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
 	overflow: visible;
	background: url("../images/readmore_button2.gif") no-repeat top left;
}


.inlineForm .submit-hide{
	display: none;
}


#interest_member,
#interest_sports,
#interest_other,
#gcse_studying,
#gcse_grades{
	float: left;
	padding: 15px 40px;
}


#interest_member h3,
#interest_sports h3,
#interest_other h3,
#gcse_studying h3,
#gcse_grades h3{
	clear: both;
	padding-top: 15px;
	font-family: courier, arial, sans-serif;
	font-size: 2em;
	color: #00447C;
}


#interest_member h3 em,
#interest_sports h3 em,
#interest_other h3 em,
#gcse_studying h3 em,
#gcse_grades h3 em{
	color: #ff0000;
}

#interest_member label,
#interest_sports label,
#interest_other label,
#gcse_studying label,
#gcse_grades label{
	float: left;
	width: 210px;
	height:65px;
	margin: 0 3px 3px 0;
	background: #C9E0F0;
	font-size: 1.2em;
	color: #00447C;
	font-weight: bold;
	vertical-align: middle;
}

#interest_member span,
#interest_sports span,
#interest_other span,
#gcse_studying span,
#gcse_grades span{
	float: left;
	width: 120px;
	margin: 0 10px;
	text-align: right;
}


	/* --- inline help ---*/
	  .inlineForm dl dd.help{
	 float: right;
	 width: 210px;
	 margin: -45px 0 0 0;
	 padding: 15px 15px 10px 20px;
	 font-size: 1.2em;
	 color: #00447C;
	 background: url("../images/arrow.gif") no-repeat 0 18px;
	} 

	 


	.inlineForm dl dd.postcode{
	 margin: -20px 0 0 0;
	}

	 


	.inlineForm dl dd.ethnicity{
	 width: 150px;
	}
	
	.inlineForm dl dd.large{
	 width: 120px;
	}

	 


	.inlineForm dl .wrong{
	 padding-left: 20px;
	 color: #e31937;
	 background: url("../images/warning-triangle.gif") no-repeat 0 0;
	} 
	/* --- /inline help --- */


/*------ simpleForm ------*/


.simpleForm{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}


.simpleForm ul{
	float: left;
	width: 100%;
}


.simpleForm li{
	float: left;
	font-weight: normal;
	margin-right: 20px;
	margin-bottom: 5px;
	padding-left: 0 !important;
	background: none !important;
}


/*------ furtherLinks ------*/


#furtherLinks{
	clear: both;
	background: url("../images/furtherLinks_bg.gif") no-repeat top right;
	padding: 20px 0 0 0;
	font-weight: bold;
	margin-top: 25px;
}



#furtherLinks h2{
	text-transform: uppercase;
	font-family: 'courier new';
	font-size: 1.6em;
	font-weight: bold;
	color: #0072bc;
	margin-bottom: 13px;
}



#furtherLinks a{
	color: #e31937;
	font-weight: bold;
}


#furtherLinks a:hover{
	text-decoration: none;
}


#furtherLinks dl{
	font-size: 1.2em;
	color: #00447c;
}

#furtherLinks dd{
	margin-bottom: 13px;
}



/*------ sitemap ------*/

#mainContent .siteMapRow{
	float: right;
	width: 540px;
	margin-right: 20px;
	margin-bottom: 15px;
}


* html #mainContent .siteMapRow{
	margin-right: 0px;
}



#mainContent .siteMapCol{
	float: left;
	width: 170px;
	margin-left: 10px;
	background: url("../images/subnav_bg.gif") repeat-y 0 0;
}

* html #mainContent .siteMapCol{
	margin-left: 5px;
}


#mainContent .siteMapCol h4{
	color: #ffffff;
	font-size: 1.7em;
	font-family: 'Courier New';
	font-weight: bold;
	text-transform: uppercase;
	background: #00C1FF url("../images/subnav_bg.gif") repeat-y 0 0;
}


#mainContent .siteMapCol h4 a{
	display: block;
	margin: 3px 5px;
	padding: 2px 3px;
	color: #fff;
	background: #00C1FF;
	text-decoration: none;
}


#mainContent .siteMapCol h4 a:hover{
	text-decoration: underline;
}



#mainContent .siteMapCol ul{
	float: left;
	width: 163px;
	background: url("../images/subnav_bg.gif") repeat-y 0 0;
	padding: 7px 0 7px 7px;
	font-size: 1.2em;
	font-weight: bold;
}



#mainContent .siteMapCol ul li{
	float: left;
	width: 156px;
	padding: 3px 0;
	border-bottom: 1px dotted #999999;
	background: #ffffff url("../images/subnav_bullet.gif") no-repeat 10px 15px;
}


#mainContent .siteMapCol ul li a{
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 2px 0 2px 21px;
	margin: 0 10px 0 3px;
}


#mainContent .siteMapCol ul li a:hover,
#mainContent .siteMapCol ul li a.here{
	color: #ffffff;
	background: #00C1FF url("../images/subnav_bullet-on.gif") no-repeat 7px 9px;
}


#mainContent .siteMapCol ul .tier2{
	background:#E5F9FF;
}


#mainContent .siteMapCol ul .tier2 a{
	color: #ffffff;
	background: #00C1FF url("../images/subnav_bullet-on.gif") no-repeat 7px 9px;
}


#mainContent .siteMapCol ul .tier2 ul{
	float: left;
	width: 163px;
	background: none;
	border-left: none;
	padding: 0;
	font-size: 1em;
}
	

#mainContent .siteMapCol ul .tier2 ul li{
	float: left;
	width: 156px;
	padding: 0 0;
	border-bottom: none;
	background: none;	
}


#mainContent .siteMapCol ul li.tier2 ul li a{
	color: #000000;
	background: none;
	font-weight: normal;
	font-size: 0.9em;
}


#mainContent .siteMapCol ul li.tier2 ul li a:hover,
#mainContent .siteMapCol ul li.tier2 ul li a.here{
	color: #00C1FF;
}


* html #mainContent .siteMapCol ul li.tier2 ul li a:hover,
* html #mainContent .siteMapCol ul li.tier2 ul li a.here{
	color: #00C1FF;
	background: none;
}





/*------ sidebar ------*/

#sidebar{
	float: left;
	width: 195px;
}


/*------ subnav ------*/



#subnav{
	float: left;
	width: 185px;
	padding-bottom: 9px;
	margin-bottom: 20px;
	border-left: 3px solid #00C1FF;
	background: url("../images/subnav_bottom.gif") no-repeat bottom left;
}


#subnav h3{
	float: left;
	width: 185px;
	background: url("../images/subnav_bg.gif") repeat-y 0 0;
}


#subnav h3 span{
	display: block;
	background: #00C1FF;
	color: #ffffff;
	font-size: 1.7em;
	font-family: 'Courier New';
	font-weight: bold;
	margin: 7px 0 0 7px;	
	padding: 2px 10px;
	text-transform: uppercase;
}


#subnav ul{
	float: left;
	width: 185px;
	background: url("../images/subnav_bg.gif") repeat-y 0 0;
	padding: 7px 0 7px 7px;
	font-size: 1.2em;
	font-weight: bold;
}



#subnav ul li{
	float: left;
	width: 178px;
	padding: 6px 0;
	border-bottom: 1px dotted #999999;
	background: #ffffff url("../images/subnav_bullet.gif") no-repeat 10px 15px;
}


#subnav ul li a{
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 4px 0 4px 21px;
	margin: 0 10px 0 3px;
}


#subnav ul li a:hover,
#subnav ul li a.here{
	color: #ffffff;
	background: #00C1FF url("../images/subnav_bullet-on.gif") no-repeat 7px 9px;
}


#subnav ul .tier2{
	background:#E5F9FF;
}


#subnav ul .tier2 a{
	color: #ffffff;
	background: #00C1FF url("../images/subnav_bullet-on.gif") no-repeat 7px 9px;
}


#subnav ul .tier2 ul{
	float: left;
	width: 185px;
	background: none;
	border-left: none;
	padding: 0;
	font-size: 1em;
}
	

#subnav ul .tier2 ul li{
	float: left;
	width: 178px;
	padding: 0 0;
	border-bottom: none;
	background: none;	
}


#subnav ul li.tier2 ul li a{
	color: #000000;
	background: none;
	font-weight: normal;
	font-size: 0.9em;
	background: url("../images/bg_chevron.gif") no-repeat 7px 9px;
}


#subnav ul li.tier2 ul li a:hover,
#subnav ul li.tier2 ul li a.here{
	color: #00C1FF;
	background: url("../images/bg_chevron.gif") no-repeat 7px 9px;
}


* html #subnav ul li.tier2 ul li a:hover,
* html #subnav ul li.tier2 ul li a.here{
	color: #00C1FF;
	background: url("../images/bg_chevron.gif") no-repeat 7px 9px;
}








#subnav ul .tier2 ul li ul{
	float: left;
	width: 185px;
	background: none;
	border-left: none;
	padding: 0;
	font-size: 1em;
}
	

#subnav ul .tier2 ul li ul li{
	float: left;
	width: 163px;
	padding: 0 0 0 15px;
	border-bottom: none;
	background: none;	
}


#subnav ul li.tier2 ul li ul li a{
	color: #000000;
	background: none;
	font-weight: normal;
	font-size: 0.9em;
	background: none;
}



/*------ promo ------*/


.promo{
	float: left;
	width: 178px;
	margin: 0 0 20px 8px;
}


* html .promo{
	margin: 0 0 20px 8px;
	display: inline;
}


.results-page{
	margin: 0px 2px 20px 0px;
}


* html .results-page{
	margin: 0px 1px 20px 0px;
}


.promo .title{
	padding: 2px 5px;
	background: #8C8E8E url("../images/promo_title.gif") no-repeat bottom left;
	font-size: 1.6em;
	font-family: 'Courier New';
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}


.promo .title_blue{
	padding: 2px 5px;
	background: #00c2ff url("../images/promo_title_blue.gif") no-repeat top left;
	font-size: 1.6em;
	font-family: 'Courier New';
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}


.promo .title_red{
	padding: 2px 5px;
	background: #E41937 url("../images/promo_title_red.gif") no-repeat top left;
	font-size: 1.6em;
	font-family: 'Courier New';
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}


.promo .title_dkblue{
	padding: 2px 5px;
	background: #01437D url("../images/promo_title_dkblue.gif") no-repeat top left;
	font-size: 1.6em;
	font-family: 'Courier New';
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}


.promo .title_green{
	padding: 2px 5px;
	background: #95A445 url("../images/promo_title_green.gif") no-repeat top left;
	font-size: 1.6em;
	font-family: 'Courier New';
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}


.promo .details{
	padding: 10px 7px 25px 7px;
	font-family: 'Courier New';
	font-size: 1.2em;
	color: #5c6f7c;
	background: #FFD300 url("../images/promo_details.gif") no-repeat bottom left;
}


.promo .details a{
	color: #e31937;
}


.promo .details a:hover{
	text-decoration: none;
}



.promo dl{
	padding: 10px 7px 20px 7px;
	font-weight: bold;
	font-size: 1.2em;
	color: #178D8C;
	background: #DFEAF3 url("../images/promo_list_bg.gif") no-repeat bottom left;
}



.promo dl dt{
	margin-bottom: 3px;
}


.promo dl dd{
	margin-top: 6px;
	color: #00447C;
}


.promo dl dd a{
	color: #e31937;
}

.promo dl dd a:hover{
	text-decoration: none;
}


.promo .list-with-bullets dd {
	padding-left: 19px;
	background: url("../images/promo_bullet_roundel.gif") no-repeat 0px 2px;
}

.promo .list-with-bullets dd.link{
 padding-left: 19px;
 background: none;
}

.promo .events{
	float: left;
	width: 178px;
	padding: 15px 0 25px 0;
	color: #178D8C;
	background: #DFEAF3 url("../images/promo_events_bg.gif") no-repeat bottom left;
}


.promo .events .event{
	float: left;
	padding: 0 0 10px 0;
	background: url("../images/promo_events_bullet.gif") no-repeat 5px 0;	
}


.promo .events h5{
	float: left;
	width: 85px;
	padding: 0 5px 0 30px;
	font-size: 1.2em;
	font-weight: bold;
}


.promo .events a{
	color: #e31937;
}


.promo .events a:hover{
	text-decoration: none;
}


.promo .events .date{
	float: left;
	width: 51px;
	text-align: right;
	font-weight: bold;
	color: #00447C;
	font-size: 1.2em;
}


.promo .events .detail{
	clear: both;
	padding: 2px 5px 0 30px;
	color: #00447C;
	font-size: 1.1em;
}


.promo .events .more-events{
	padding: 0 5px 0 7px;
	font-size: 1.2em;
}




.promo .poll{
	float: left;
	width: 178px;
	padding: 0 0 15px 0;
	background: url("../images/promo_poll_bg.gif") no-repeat bottom left;
}

.promo .poll h5{
	margin: 10px 7px;
	color: #00447C;
	font-size: 1.2em;
	font-weight: bold;
}


.promo .poll fieldset{
	padding: 0 7px;
	margin-bottom: 15px;
	font-size: 1.1em;
}


.promo .poll fieldset label{
	float: left;
	width: 164px;
	padding-top: 5px;
}


.promo .poll fieldset span{
	float: right;
	width: 141px;
	color: #00447C;
}


.promo .poll fieldset input{
	float: left;
	width: 23px;
	height: 15px;
}



.promo .poll fieldset em{
	color: #e31937;
	font-style: normal;
}


.promo .poll p{
	float: left;
	font-size: 1.2em;
	width: 98px;
	margin-left: 7px;
}


* html .promo .poll p{
	margin-left: 3px;
}

.promo .poll p a{
	color: #e31937;
}


.promo .poll p a:hover{
	text-decoration: none;
}



.promo .poll .graph{ 
        float: left;
        width: 164px;  
	margin: 0 7px;
	font-weight: bold;
}


* html .promo .poll .graph{ 
	margin: 0 3px;
}


.promo .poll .graph div{
        float: left;
        width: 164px; 
}


.promo .poll .graph em{
	float: left;
	width: 15px;
	font-size: 1.1em;
        height: 1.4em; 
        line-height: 1.4em; 
	font-style: normal;
	color: #e31937;
}


.promo .poll .graph span{
	float: left;
	width: 140px;
}


.promo .poll .graph .bar{ 
        display: block;
        background: #B1D632; 
        text-align: left; 
	font-size: 1.1em;
	padding-left: 5px;
        color: #fff; 
	font-weight: bold;
        height: 1.4em; 
        line-height: 1.4em; 
	margin-bottom: 10px;         
}


.promo .poll .graph .blue{
	background: #4F8ABE;
}


.promo .poll .graph .orange{
	background: #F8971D;
}


.promo .poll .graph .yellow{
	background: #FFD300;
}


.promo .poll .graph .green{
	background: #94A545;
}



/*------ newsTicker ------*/


#newsTicker{
	float: left;
	width: 768px;
	height: 56px;
	background: #fff url("../images/ticker_bg.gif") no-repeat bottom left;
}


#newsTicker h4{
	position: absolute;
	left: -10000px;
	}


#newsTicker ul{
	text-indent: -9999px;
}


/* liScroll style declarations */


.tickercontainer { /* the outer div with the black border */
	width: 560px; 
	margin: 0 0 0 160px; 
	padding: 18px 0 27px 0;
	overflow: hidden; 
}




.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	width: 560px;
	overflow: hidden;
}


#newsTicker ul.newsticker { /* that's your list */
	position: relative;
	left: 560px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0px;
}

ul.newsticker li {
	display: inline;
 	padding: 0 !important;
 	margin: 0 !important;
 	background: #000;
}


ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #E31937;
	font: bold 10px Verdana;
} 


ul.newsticker span {
	margin: 0 10px 0 0;
	color: #fff;
} 


/*------ subfooter ------*/

#subfooter{
	float: left;
	width: 768px;
	height: 26px;
	padding-top: 45px;
	background: #fff url("../images/subfooter_bg.jpg") no-repeat bottom left;
	font-weight: bold;
	font-size: 1.1em;
}

 
#pageContent.fullWidth #subfooter{
	background: #fff url("../images/subfooter_fullWidth_bg.jpg") no-repeat bottom left;
}


#subfooter.homePage{
	padding-top: 5px;
}


#subfooter .rss{
	float: left;
	background: url("../images/rss-icon.gif") no-repeat 0 50%;
	padding-left: 22px;
	margin-left: 17px;	
}


* html #subfooter .rss{
	margin-left: 9px;
}


#subfooter a{
	color: #00447C;
}


#subfooter ul{
	float: right;
	margin-right: 17px;
}


#subfooter ul{
	margin-right: 9px;
}


#subfooter ul li{
	float: left;
}


#subfooter ul .rate-page{
	margin-right: 20px;
}


#subfooter ul .rate-page p{
    color: #00447C !important;
	float: left;
	/*background: url("../images/rating_thankyou.gif") no-repeat 0 50% !important;*/
	}

#subfooter ul .rate-page a{
	float: left;
}



#subfooter ul .rate-page img{
	display: inline;
	vertical-align: middle;
	margin-left: 5px;
}


#subfooter ul .send-to-friend{
	margin-right: 20px;
}

#subfooter ul .send-to-friend img{
	display: inline;
	vertical-align: middle;
	margin-left: 5px;
}

/*------ footer------*/

#footer{
	float: left;
	width: 768px;
	padding: 10px 0;
	font-size: 1.1em;
}

#footer.home{
	margin: 0;
	background: none;
}

#footer ul{
	float: left;
	padding-left: 20px;
}

#footer li{
	float: left;
}

#footer li a{
	padding: 0 5px;
	border-left: 1px solid #ffffff;
	color: #ffffff; 
	text-decoration: underline;
}


#footer li a:hover{
	text-decoration: none;
}
	


#footer li .first{
	padding: 0 5px 0 0;
	border-left: none;
}
	

#footer .copyright{
	float: left;
	padding-left: 10px;
	color: #ffffff; 
}
  
/* Downloads */  
  
.download {
	float: left;
	width: 178px;
	height: 92px;

	
}

.download p.dld{
   float: right !important;
   position: relative;
   top: -55px;
   left: -25px;
   }
   
.download p.clb{
   float: right !important;
   position: relative;
   top: -55px;
   left: -10px;
   } 

.download p.games{
   float: right !important;
   position: relative;
   top: 5px;
   left: -45px;
   }    

.darrow {
    float:left;
    height:60px;
    left:-1px;
    position:relative;
    top:36px;
    width:60px;
	z-index: 3;
}

.dimg {
    float:right;
	margin-left: 13px;
	height: 61px;
	width: 141px;
	top: -60px;
	position: relative;
	z-index: 1;
	}  
	
#flashcontent {
    margin-left: 10px;
}	

#nfwrapper {
     width: 540px;
	 float: left;
	 border: 1px solid #000;
}
		  
.nfleft {
     float: left;
     width: 201px;
	 margin-right: 20px;
}

.nfright {
     float: left;
}

.nfright a {
    text-decoration: underline;
	}