* 
{ padding: 0; margin: 0; border: 0; }

body, html {
	color: #58595b;
	font-size: 11px; line-height: 15px;
	font-family: Arial, Tahoma, sans-serif;
	text-align: center; /*** Centers design in old IE versions ***/
	height: 100%;
	background-color:white;
	background-image:url(images/loginbackg.gif);
	background-repeat:repeat-x;
}

p {	padding: 7px 0 10px 0; }

a {	color: #58595b; text-decoration: underline; }

span a {	color: #97cd37; text-decoration: underline; }

a:hover { text-decoration: none; }

h1 {
	font-size: 15px; color: #58595b;
	padding-bottom: 8px;
}
h2 {
	font-size: 14px; line-height: 16px; color: #58595b;
	font-weight: normal;
	padding-bottom: 10px;
}

.menusmall {
	font-size:10px;
}



/********************************************************************* CONTAINERS ************************************************************************************/
#OuterContainer {
	width: 970px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 100%;
	background-image: url(images/greylineedge.gif);
	background-repeat: repeat-y;
}

* html #OuterContainer {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#OuterContainer_tall {
	width: 970px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 250%;
	background-image: url(images/greylineedge.gif);
	background-repeat: repeat-y;
}

* html #OuterContainer_tall {
	height: 250%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#MainContainer {
	width: 970px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 100%;
	text-align: left; /*** Because centered text in body have to move the text back to left aligning ***/
	padding: 0px; 
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
}
* html #MainContainer {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


#main1 {
	margin:0; padding:0; 
	  height:730px;
	* height:800px;
	
	}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background: transparent;
}

#EC_link {
	position:relative;
	width: 98px;
	height: 50px;
	left: 385px;
	top: -325px;

}

#WC_link {
	position:relative;
	width: 100px;
	height: 50px;
	left: 180px;
	top: -600px;

}

#WP_link {
	position:relative;
	width: 98px;
	height: 50px;
	left: 25px;
	top: -515px;

}

#WR_link {
	position:relative;
	width: 118px;
	height: 73px;
	left: 300px;
	top: -465px;

}

#TS_link {
	position:relative;
	width: 220px;
	height: 53px;
	left: 20px;
	top: -540px;

}

#MC_link {
	position:relative;
	width: 98px;
	height: 53px;
	left: 220px;
	top: -320px;

}

#CG_link {
	position:relative;
	width: 98px;
	height: 53px;
	left: 340px;
	top: -390px;

}
/********************************************* LOG IN ******************************************************/
#loginside {
	width: 970px;
	height: 36px;
	padding: 0px;
	background-image: url(images/loginbackg.gif);
	background-repeat:repeat-x;
	text-align: right;
}
#log {
	color:#FFF;
	height: 25px;
	float:right;
	padding-right: 35px;
	padding-top: 10px;
	width: 650px;
	text-align:right;
}
#log a {
	color:#CCC;
	font-size: 10px;
}


.line {
	background-image:url(images/purplemenuline.gif);
	background-color: #622e65;
	float: left;	
	width: 1px;
	height: 49px;
}
.selected {
	color: #fff;
	text-decoration: none;
	height: 25px;
	00padding-left: 14px;
	padding-top: 25px;
	00padding-right: 14px;
	display: block;
	background-color: #622e65;
	background-image: url(images/arrow-line.gif); 
	background-repeat: no-repeat;
	background-position: center;
	background-position: bottom;
}

/************************* Content layout **************************************/
#container { 
	width: 970px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element (if not in mainContainer). */
	margin-top: 90px;
	
}
#left-home {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 80px;
	background-image: url(images/headings/Croydon-regeneration.gif);
	background-repeat: no-repeat;
}

#left-project-1 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/wandlepark.gif);
	background-repeat: no-repeat;
}

#left-project-2 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/westcroydon.gif);
	background-repeat: no-repeat;
}

#left-project-3 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/welllesleyrd.gif);
	background-repeat: no-repeat;
}

#left-project-4 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/eastcroydon.gif);
	background-repeat: no-repeat;
}

#left-project-5 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/eastcroydon.gif);
	background-repeat: no-repeat;
}



#left-project-newaddington {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/newaddington.gif);
	background-repeat: no-repeat;
}

#left-project-6 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/transport_strategy.gif);
	background-repeat: no-repeat;
}

#left-project-7 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/mid_croy.gif);
	background-repeat: no-repeat;
}

#left-project-8 {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/college_green.gif);
	background-repeat: no-repeat;
}

#left-project-9 {
	float: left; /* since this element is floated, a width must be given */
	width: 670px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/OAPF.gif);
	background-repeat: no-repeat;
}


#middleLinks {
	float: left; /* since this element is floated, a width must be given */
	width: 570px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/links_p.gif);
	background-repeat: no-repeat;
}

#left-compowinner {
	float: left; /* since this element is floated, a width must be given */
	width: 670px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	top: -100px;
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/winningbid.gif);
	background-repeat: no-repeat;
}

#left-compoarchive {
	float: left; /* since this element is floated, a width must be given */
	width: 670px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 100px;
	background-image: url(images/headings/competitionarchive.gif);
	background-repeat: no-repeat;
}


#left-vision {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 80px;
	background-image: url(images/headings/vision_p.gif);
	background-repeat: no-repeat;
}

#left-contactus {
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 80px;
	background-image: url(images/headings/contactus_p.gif);
	background-repeat: no-repeat;
}

#left-profile {
	float: left; /* since this element is floated, a width must be given */
	width: 570px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 80px;
	background-image: url(images/headings/yourprofile.gif);
	background-repeat: no-repeat;
}

#left-admin {
	float: left; /* since this element is floated, a width must be given */
	width: 900px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-left: 36px;
	padding-bottom: 30px;
	padding-top: 80px;
	background-image: url(images/headings/adminpanel.gif);
	background-repeat: no-repeat;
}

#right { 
	margin-left: 425px; /* the left margin on this div element creates the column down the left side of the page - 
	no matter how much content the left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #left space when the content in #left ends. */
	width: 520px;
	height: 600px;
	padding-top: 50px;
	text-allign: centre;
}

#right-project { 
	margin-left: 425px; /* the left margin on this div element creates the column down the left side of the page - 
	no matter how much content the left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #left space when the content in #left ends. */
	width: 520px;
	padding-top: 50px;
}

#filearea {
	
	position: relative;
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/files.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
	
	
}

#filearea span{
	font-size: 10px;

}

#filearea5 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: -80px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/files.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
	margin: 50px 0 0 0;
}

#filearea_4 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: 360px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_ec.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
}

#filearea_4 span{
	font-size: 10px;

}

#filearea_1 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: -80px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_wp.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
}

#filearea_1 span{
	font-size: 10px;

}

#filearea_2 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: 450px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_wc.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
}

#filearea_2 span{
	font-size: 10px;

}

#filearea_3 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: -80px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_wr.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
}

#filearea_3 span{
	font-size: 12px;
	color: #97cd37;
	font-weight:bold;
}

#filearea_3 a {color: #97cd37; text-decoration: none; }

#filearea_3 a:hover { text-decoration: underline; }

#tags a {color: #FFF; text-decoration: none; }

#filearea_6 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: -80px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_trans.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
}

#filearea_6 span{
	font-size: 10px;

}

#filearea_7 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: 250px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_mid.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
	
}

#filearea_7 span{
	font-size: 10px;

}

#left-project-7 table{
	border:solid;
	border-width:thin;
	border-color:#000;

}

#left-project-7 td{
	border:solid;
	border-width:thin;
	border-color:#777;

}

#left-project-7 tr{
	border:solid;
	border-width:thin;
	border-color:#777;

}
#filearea_8 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: -80px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_col.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
}

#filearea_8 span{
	font-size: 10px;

}

#filearea_9 {
	width: 970px;
	height: 400px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: 80px;
	text-align: left;
	padding: 100px 0 0 0;
	background-image: url(images/headings/filedownloads_9.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #622e65;
}

#filearea_9 span{
	font-size: 10px;

}
/************************** FOOTER **************************/
#footer2 {

	position:relative;
	
	width: 970px;
	height: 52px; /*** Height of the footer not be flexible. If you add so much content to the footer that it extends more than set height get vertical scrollbar and content overflow
	footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	margin-top: 50px; /*** By using a negative margin-top we now move the footer up the same amount as the footer height to avoid vertical scrolling.
	If use borders and padding on footer need to calculate this in your negative margin-top value also. ***/
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(images/footerline.gif);
	background-repeat: no-repeat;
	font-size: 10px;
}
#footer2 a {
	color: #9aca3c;
	text-decoration: underline;
	padding-right: 0px;	
}
#footer2 a:hover {
	color: #9aca3c;
	text-decoration: none;
}
.cop {
	color: #bcbdbd;
	text-decoration: none;
	line-height: 15px;
	padding-left: 0px;
}
.des {
	color: #bcbdbd;
	text-decoration: none;
	padding-right: 0px;
}


#footer-copyright {
	float: right;
	width: 390px;
	height: 50px;
	padding-left: 0px;
	padding-right: 35px;
	padding-top: 0px;

}

#footer-copyright a {
	color:#666;
}
#footer-copyright a:hover {
	color:#666;
	text-decoration:none;
}



.form {
background-color:#FFF;
}

.upform {
background-color:#b593b7;
}

#errorbox {
	position:absolute;
	width: 504px;
	height: 58px;
	color:#9aca3c;
	left: 590px;
	top: 827px;
	font-size:12px;
	text-align:left;

}

#errorbox span {
	color:#F00;
	font-weight:bold;
}

ul {
	list-style:inside;
	list-style-type:disc;
}
#nav, #nav ul {
	list-style: none;
	
	text-align: center;
	margin:0;
	height: 55px;
}

#nav a {
	display: block;
	
	color:#c0abc1;
	00padding-left: 14px;
	00padding-right: 14px;
	padding-top: 25px;
	height: 25px;
	background-color: #622e65;
	text-decoration:none;
	background-image: url(../images/line.gif); 
	background-repeat: no-repeat;
	background-position: center;
	background-position: bottom;
}

#nav a:hover {
	color: white;
	background-image: url(../images/arrow-line.gif); 
	background-repeat: no-repeat;
	background-position: center;
	background-position: bottom;
}

#nav li {
	float: left;
	width: 90px;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#menu-container {
	margin-left: 480px;
	padding-right: 35px;
	font-size: 12px;
	height: 55px;
}

.link1 {color: #d4d659; text-decoration: none; }
.link2 {color: #00aaa5; text-decoration: none; }
.link3 {color: #9aca3c; text-decoration: none; }
.link4 {color: #f7941e; text-decoration: none; }
.link6 {color: #a7a9ac; text-decoration: none; }
.link7 {color: #009e4d; text-decoration: none; }
.link8 {color: #ef4123; text-decoration: none; }