body
{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
}

a
{
	color: Black;
	text-decoration: underline;
	font-size: 12px;
}

li
{
	font-family: Arial;
	font-size: 12px;
}

ul
{
	list-style-type: upper-roman;
}

.info
{
	font-weight: bold;
}

/* Summer CSS */
#main
{
	width: 940px;
	margin: auto;
	position: relative;
}

#Empmain
{
	width: 940px;
	margin: auto;
	position: relative;
}

#wrapper
{
	/*width:940px; 	border:Solid 1px Black; 	margin:auto; 	font-family:Arial; 	font-size:12px;*/
	width: 941px;
	margin: auto;
	background-color: #ffffff;
	_position: absolute;
	_left: 50%;
	_margin-left: -460px;
}

#wrapper ul
{
	list-style-type: circle;
}

#wrapper li
{
	font-family: Arial;
	font-size: 12px;
}

#wrapper h1
{
	font-family: Arial;
	font-weight: 600;
	font-size: 24px;	
	color:#554DA3;
	margin-bottom: -20px;
}

#wrapper h2
{
	font-family: Arial;
	font-size: 23px;
	color: #00AEEF;	
	margin-bottom: -10px;
}

#wrapper h3
{
	font-size: 20px;
	font-weight: 600;
	color: #EC0289;
}

#wrapper h4
{
	font-size: 12px;
	color: #ED008C;
}

#wrapper .normal
{
	font-family: Arial;
}


.UCASpoints
{
	border: solid 1px black;
}

#wrapper div.header
{
	height: 182px;
	background-image: url(../../../../SkinFiles/summer09.jpg);
}

#wrapper div.left
{
	float: left;
	width: 212px;
	position: relative;
}

#leftSponsorShip
{
	position: relative;
	margin-top: 50px;
	left: 0px;
	height: 200px;
	width: 120px;
}

div#guardianlogo
{
	cursor: pointer;
	margin: 20px 10px 20px 12px;
	width: 182px;
	height: 32px; /*background-image: url(../../../../SkinFiles/guardianlogo.gif);*/
	background-image: url(../../../../SkinFiles/guardianJobslogo_wide.gif);
}
div#tcglogo
{
	cursor: pointer;
	margin: 0px 10px 0px 10px;
	width: 189px;
	height: 73px;
	background-image: url(../../../../SkinFiles/tcglogo_100yr.gif);
	z-index: 2;
}

#wrapper div.right
{
	float: left;
	width: 725;
}

#wrapper div.contentPane
{
	width: 540px;
	margin: auto;
	padding-top: 15px;
	_position: absolute;
	_left: 50%;
	_margin-left: -250px;
	
}

#wrapper div.EmpcontentPane
{
	width: 920px;
	float: left;
	padding-left: 7px;
	color: Black;
	font-family: Arial;
	font-size: 12px;
	margin: auto;
}

#wrapper div.rightcolumn
{
	float: right;
	width: 125px;
	text-align: center;
}

#wrapper div.footer
{
	font-family: Arial;
	font-size: 10px;
	background-color: navy;
	color: White;
	/*margin-right: -8px; #margin-right:0px;*/
/*#width:728px;*/
text-align:right;
height:48px;
vertical-align:middle;
/*padding-top:18px;*/
/*padding-right:15px;
#padding-right:0px;*/
}
#wrapper div.Empfooter
{
	font-family: Arial;
	font-size: 10px;
	background-color: navy;
	color: White;
	margin-right: -8px; #margin-right:0px;
#width:940px;
text-align:right;
height:40px;
vertical-align:middle;
/*padding-top:18px;*/
padding-right:15px;
#padding-right:0px;
}

#wrapper div.Empfootertext
{
	font-family: Arial;
	font-size: 10px;
	color: White;
	background-color: Black;
}

#wrapper div.Empfooter a
{
	text-decoration: none;
	color: White;
	font-family: Arial;
	font-size: 10px;
	vertical-align: middle;
}


#wrapper div.footertext
{
	font-family: Arial;
	font-size: 10px;
	color: White;
	background-color: Black;
}

#wrapper div.footer a
{
	text-decoration: none;
	color: White;
	font-family: Arial;
	font-size: 10px;
	vertical-align: middle;
}

.root
{
	font-family: Arial;
	font-weight: 600;
	font-size: 11px;
}
.node
{
	font-family: Arial;
	font-size: 10px;
	_line-height: 20px;
	height: 10px;
	_height: 20px;
}

.nodeHover
{
	font-weight: bold;
}


#ticker
{
	width: 720px;
	overflow: hidden;
	height: 20px;
	border-bottom: solid 1px black;
}

#ControlPanel
{
	width: 940px;
}
/* End Summer CSS */

img
{
	border: none;
}

#header
{
	height: 182px;
	overflow: hidden;
}
#headerImage
{
}
#leftCol
{
	border-left: solid 1px #000000;
	width: 209px;
	min-height: 970px;
	_height: 980px;
	float: left;
	padding-top: 10px;
}
#navArea
{
	width: 180px;
	margin-bottom: 25px;
	overflow: hidden;
	margin-left: 14px;
}
#leftColAds
{
	width: 191px;
	margin-left: 14px;
}
#facebookImage
{
	margin-bottom: 10px;
}
#facebookText
{
	font-size: 7.5pt;
	font-weight: bold;
}
#exhibitImage
{
	margin-top: 35px;
}
#guardianImage
{
	margin-top: 35px;
}
#careersImage
{
	margin-top: 35px;
}
#contentArea
{
	float: right;
	width: 731px;
}
#rightCol
{
	width: 154px;
	min-height: 932px;
	_height: 932px;
	float: right;
	text-align: center;
	border-right: solid 1px #000000;
}
#gradselectImage
{
	margin-top: 25px;
}
#charitiesImage
{
	margin-top: 20px;
}
#gemImage
{
	margin-top: 20px;
}
#centreCol
{
	min-height: 932px;
	_height: 932px;
	border-left: solid 1px black;
	border-right: solid 1px black;
	float: left;
	width: 574px;
	
}
#centreColBig
{
	min-height: 932px;
	_height: 932px;
	border-left: solid 1px black;
	border-right: solid 1px black;
	float: left;
	width: 782px;
	
}
#overlap
{
	float: right;
	width: 1px;
	height: 4px;
	margin-right: -1px;
	background-color: White;
	_position: absolute;
	_left: 50%;
	_margin-left: 313px;
	/*_margin-left: 213px;*/
	_margin-top: -15px;
}
#preregisterImage
{
	margin: 5px 5px 0 0;
	position: absolute;
	left: 50%;
	margin-top:50px;
	margin-left: 137px;
	z-index: 99;
}
#contentPane
{
	width: 540px;
	margin: auto;
	padding-top: 15px;
	_position: absolute;
	_left: 50%;
	_margin-left: -250px;
	 
	 min-height: 970px;
	_height: 980px;
}


.heading1
{
	color: #554DA3;	
	font-weight: bold; /*font-size: 17pt;*/
	font-size: 16.8pt;
	font-family: Arial Black;
}


.heading2
{
	/*color: #00adef; *//*font-size: 17pt;*/
	color: #554DA3;	
	font-size: 16.8pt;
	font-family: Arial;
}
.heading3
{
	/*color: #00adef;*/
	color:#00AEEF;
	font-weight: bold;
	font-size: 16pt;
	font-family: Arial Black;
}
.heading4
{
	/*color: #ec008c;*/
	color:Green;
	font-weight: bold;
	font-size: 14pt;
	font-family: Arial Black;
}
.heading5
{
	color: #ec008c;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial Black;
}
.heading6
{
	color: #ec008c;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial Black;
	margin: 0;
	padding: 0;
}
.listText
{
	color: #000000;
	font-size: 16pt;
	font-family: Arial;
	float: right;
	width: 520px;
}
.listImage
{
	margin-top: 5px;
}
.clear
{
	clear: both;
}
#footer
{
	clear: both;
	height: 48px;
	background-color: #003399;
}

.navNode
{
	font-family: Arial;
	color: #000000;	
	font-size: 8.5pt;
}
.navNodeRoot
{
	font-family: Arial Black;
	color: #000000;
	/*color: #ED008C;*/
	font-size: 9pt;
}

.navNodeSelectedRoot
{
	font-family: Arial Black;
	/*color: #ED008C;*/
	color: #000000;
	font-size: 9pt;
}

.navNodeHoverSub
{
	 color:Green;	
	 background:yellow;
	 border:solid, 2px, red;
}

naveNodeSelectedSub
{
	color:Green;
}


.ErrorMessage
{
	color: Red;
}

.preregcircle
{
	float:right;
}

.RightPane
{	
	width:120px;
	float:right;
	/*height:650px;*/
}

.rightImages
{
	width:120px;
	float:right;	
}

.inputs
{
	font-size: 9pt;
	width: 150px;
	float: left;
	margin-left: 5px;
}

.controlsText
{
	font-size:9pt;	
}
.regConfirmation
{
	font-size:10pt;
	font-family: Arial;
}

.labels
{
	font-size: 9pt;
	width: 120px;
	height: 20px;
	float: left;
	padding: 2px 5px 0px 0px;
	vertical-align: middle;
	font-weight: bold;	
}

.labelsWide
{
	font-size: 9pt;
	height: 20px;
	float: left;
	padding: 2px 5px 0px 0px;
	vertical-align: middle;
	font-weight: bold;	
}
.labelsWideRight
{
	font-size: 9pt;
	height: 20px;
	float: right;
	padding: 2px 5px 0px 0px;
	vertical-align: middle;
	font-weight: bold;	
}

.labelsCbox
{
	font-weight:bold;
	font-size: 9pt;
}
#aLevels
{
	 width:300px;	
	 
}
/*
.labelsCbl
{
	font-size: 8pt;
	width: 90px;
	height: 20px;
	float: left;
	padding: 2px 5px 0px 0px;
	
	font-weight: bold;	
}
*/

.clear 
{
	float:none;
	clear:both;
}

/***** UCAS COUNTER CSS *****/
.ucasTitleLabels
{
	color: Black;
	/*font-weight: bold;*/
	font-size: 8.5pt;	
}

.ucasTitleSubLabels
{
	color: Black;
	/*font-weight: bold;*/
	font-size: 8.5pt;
	font-style:italic;	
}

.ucasPointsLabels
{
	color: Black;
	font-weight: bold;
	font-size: 8.5pt;	
	float:left;
	height:24px;
	padding:5px,0,0,15px;
	
	margin: 0px 2px 0px 0px; 
	padding: 4px 10px 0px 0px; 
	vertical-align: middle;
	/*background-color:Red;*/
}

.ucasPointsLabelsAS
{
	color: Black;
	font-weight: bold;
	font-size: 8.5pt;	
	float:left;
	height:24px;
	padding:5px,0,0,15px;
	
	margin: 0px 2px 0px 0px; 
	padding: 4px 3px 0px 0px; 
	vertical-align: middle;
	/*background-color:Red;*/
}

.ucasPointsTally
{
	/*color: Red;*/
	color:#ff0099;
	font-weight: bold;
	font-size: 8.5pt;
	float:left;
	padding:0px,5px,0px,5px;		
	width:20px;
	/*background-color:Yellow;	*/
	 
}

.ucasPointsLabelsLarge
{
	color: Black;
	font-weight: bold;
	font-size: 12pt;	
}

.ucasPointsTallyLarge
{
	/*color: Red;*/
	color:#ff0099;
	font-weight: bold;
	font-size: 12pt;	
}

.calculatorButton
{
	color: Red;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.ucasLabel
{
	float: left; 
	margin: 0px 2px 0px 0px; 
	padding: 4px 0px 0px 0px; 
	vertical-align: middle;
    border: solid 0px red; 
    height: 24px;
    color:Black;
    font-weight: bold;
    font-size: 8.5pt;
}

.ucasInput
{
	float: left; 
	margin: 0px 5px 0px 0px; 
	border: solid 0px blue; 
	height: 26px;	
	
}

.ucasSmallLabel
{
	margin: 0px 7px 0px 0px; 
	float: left;
	color: Black;	
	font-size: 8.5pt;
	font-style:italic;		
}

.ucasClear
{
	margin: 4px 0px 0px 80px;
	
	font-size: 9pt; 
	border: solid 0px magenta; 
	
	float: left;	 
}

.ucasClearLink
{
	color:#ED008C;
	text-decoration:none;	
}

.ucasClearLink:link
{
	text-decoration:none;	
	color:#ED008C;
}

.ucasClearLink:hover
{
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	color:#ED008C;
}
.ucasClearLink:active
{
	text-decoration:none;
}

.ucasClearLink:focus
{
	text-decoration:none;
}

.nextLink 
{
	font-family: Arial;
	font-weight:bold;
	font-size: 10pt;
	color: #ED008C;
	float:right;
	padding-right:100px;
}


.nextLink:link
{
	color: #ED008C;
}