/* CSS Document */

/*=======================================================
Stevenage Centre Regeneration CSS
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*START override default styles*/
html, body{height:100%}

body {
	font:0.70em Arial, Helvetica, Sans-Serif;
	color:#FFF;
		padding:0px;
	margin:0px;
    background:url(../images/main.png) repeat-y center top;
	text-align:left;
	font-weight:bold;}
	
h1, h2, h3, h4, h5, h6 {
	font:bold 1.0em/1.0em Arial, Helvetica, Sans-Serif ;
	margin:0px;
	padding:0px;
	color:#FFF;
	text-align:left}
h1 {font-size:3.0em;font-weight:normal;}
h2 {font-size:2.1em;font-weight:normal;}
h3 {font-size:1.6em;font-weight:normal;}
h4 {font-size:1.3em;font-weight:normal;}
h5 {font-size:0.9em}
h6 {font-size:0.9em}
h1 span,h2 span {color:#FFF!important}

textarea{
font:0.96em Arial, Helvetica, Sans-Serif!important;
}

input{
font:0.96em Arial, Helvetica, Sans-Serif!important;
}

select{
font:0.96em Arial, Helvetica, Sans-Serif!important;
}


a {color:#e5ff5f; font-weight:bold; text-decoration:underline}
a:hover,a:active,a:focus {text-decoration:none; /*background-color:#e5ff5f;*/color:#5a471c}

a img {
	display:block; border:2px solid #FFF}
a:hover img,.item a:active img,.item a:focus img {
	border:2px solid #CCC}

p {
	text-align:left;
	margin-top:0px;
	margin-bottom:10px
}

form {margin:0px}
label {cursor:pointer}

ul {
margin:10px 25px 10px 0;
	/*margin:10px 20px 10px 20px;*/
}

ol{
width:380px;
}

ol li{
font-weight:bold;
padding:5px;
}

ul li{
margin:none;
padding:5px 5px 5px 0;
}

hr{ height:0px; display:none}


table{
font-weight:bold;
margin:10px 30px 0 30px;
}

td{
padding:3px;
border-top:#fff solid 1px;
}
	
/*END override default styles*/

/*START miscellaneous styles used throughout*/
.hide, .print {display:none}
.floatLeft {float:left}
.floatRight {float:right}
.noborder,.noborder img {border:none!important}
.nomargin {margin:0px!important}
.intro {font-size:1.4em}
.clearall{
clear:both;
}
.divider {
	display:block;
	clear:both;
	background-color:#DDD;
	height:1px;
	margin:17px 0px 17px 0px}
/*IE5 mac hack \*/
* html .divider {
	font-size:0.00000001em}
/*end IE5 mac hack*/

.imageleft {float:left;margin:0px 10px 5px 0px}
.imageright {float:right;margin:0px 0px 5px 10px}

/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html 
might cause some problems? Keep an eye on it, seems to work well though */
.floatfix:after,.tile:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.floatfix,.tile {display:inline-table}
/* Hides from IE-mac \*/
* html .floatfix,* html .tile {height:1%}
.floatfix,.tile {display:block}
/* End hide from IE-mac */

.line {
	border:none;
	background:none;
	border-top:1px solid #CCC;
	height:1px;
	line-height:1px}
	
.brown{
color:#5a471c;
}

	
/*END miscellaneous styles used throughout*/


#wrapper{
margin:0px auto;
   min-height:100%;
   height: auto !important;
   height: 100%; /*stoopid ie*/
width:942px;
}

#lcol{
margin:50px 20px 0 20px;
float:left;
width:225px;
}

#lcol p{
text-align:right;
}

#mcol{
margin:50px 0 0 0;
padding:0 0 50px 0;
float:left;
width:456px;
}

#mcol form{
margin:10px 0 0 20px;
width:200px;
}

#mcol h1{
padding:0 0 20x 20px;
font-size:5.0em;
font-weight:normal;
text-transform:uppercase;
}

.mcoltop{
margin:0px;
padding:0px;
height:25px;
background:url(../images/mcol_top.png) no-repeat;
}

.mcolcontent{
background:url(../images/mcol_bg.png) repeat-y;
}

.mcolcontent p{
margin:0px;
width:415px;
padding:10px 0 0 20px;
}

.mcolcontent h2{
padding:25px 0 0 20px;
 line-height:0.2em;
}

.mcolcontent h3{
padding:5px 0 15px 20px;
 line-height:0.2em;
}

.mcolcontent img{
_display:inline;
margin:15px 0 0 25px;
padding:0px!important;
text-align:center;
border:solid 2px #fff!important;
}

.noborder img{
padding:0  0 0 15px;
border:0px!important;
}

.mcolbottom{
margin:0px;
padding:0px;
height:54px;
background:url(../images/mcol_bot.png) no-repeat;
}

#rcol{
margin:50px 0 0 0;
float:left;
width:190px;
background:#999;
}

#rcolfiller{
	width:201px;
	height:434px;
	float: right;
	position: relative;
	right: 40px;
	
	
	}


#footer{
text-align:center;
margin:10px 0 10px 0 5p!important;
}

.logo{
margin:40px 0 0 30px;
height:134px;
width:329px;
background:url(../images/logo.png) no-repeat;
}

span{
display:none;
}

#mediablock{
margin:0 0 0 25px;
}

/* START main navigation*/
.nav{
list-style-type:none;
font-size:1.8em;
font-weight:normal;
text-transform:uppercase;
margin:0 0 60px 0;
padding:0px;
text-align:right;
width:225px;
}

.nav li{
margin:0;
padding:0;
}

.nav a{
color:#5a471c;
/*display:block;*/
text-decoration:none;
font-size:0.9em;
font-weight:bold;
padding:2px;
}

.nav a:visited {
	color:#5a471;
}

.nav a:hover {
	color: #999;
	background-color:none!important;
}


.welcome{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_welcome.png) no-repeat right;
}

.welcome:hover{
background:url(../images/nav_welcome_on.png) no-repeat right;
}

.welcomeselect{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_welcome_on.png) no-repeat right;
}


.background{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_background.png) no-repeat right;
}

.background:hover{
background:url(../images/nav_background_on.png) no-repeat right;
}

.backgroundselect{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_background_on.png) no-repeat right;
}

.consultation{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_public.png) no-repeat right;
}

.consultation:hover{
background:url(../images/nav_public_on.png) no-repeat right;
}

.consultationselect{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_public_on.png) no-repeat right;
}

.regeneration{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_regen.png) no-repeat right;
}

.regeneration:hover{
background:url(../images/nav_regen_on.png) no-repeat right;
}

.regenerationselect{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_regen_on.png) no-repeat right;
}


.proposals{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_proposal.png) no-repeat right;
}

.proposals:hover{
background:url(../images/nav_proposal_on.png) no-repeat right;
}

.proposalsselect{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_proposal_on.png) no-repeat right;
}


.facts{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_facts.png) no-repeat right;
}

.facts:hover{
background:url(../images/nav_facts_on.png) no-repeat right;
}

.factsselect{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_facts_on.png) no-repeat right;
}



.contact{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_contact.png) no-repeat right;
}

.contact:hover{
background:url(../images/nav_contact_on.png) no-repeat right;
}

.contactselect{
display:block;
margin-bottom:8px;
height:16px;
background:url(../images/nav_contact_on.png) no-repeat right;
}


/* END main navigation*/


/* title garphics */

.welcome_title{
margin:0 0 0 18px;
height:59px;
background:url(../images/welcome_title.png) no-repeat;
}

.background_title{
margin:0 0 0 18px;
height:59px;
background:url(../images/background_title.png) no-repeat;
}

.public_title{
margin:0 0 0 18px;
height:59px;
background:url(../images/public_title.png) no-repeat;
}


.regen_title{
margin:0 0 0 18px;
height:59px;
background:url(../images/regen_title.png) no-repeat;
}

.proposals_title{
margin:0 0 0 18px;
height:59px;
background:url(../images/proposals_title.png) no-repeat;
}

.facts_title{
margin:0 0 0 18px;
height:59px;
background:url(../images/facts_title.png) no-repeat;
}

.contact_title{
margin:0 0 0 18px;
height:59px;
background:url(../images/contact_title.png) no-repeat;
}

.sponsorlogo{
display:block;
float:left;
height:70px;
width:200px;
}

.special{
color:#5a471c;
}