/*THIS STYLE SHEET COVERS THE MAIN STRUCTURAL CONTENT FOR 3 COLUMN CONTENT */

body {
	margin:0;
	padding:0;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 80% */

	
}

html>body{
font-size: 62.5% /* 80% */
}


/* The skip navigation link */

.skip{
	
	position:absolute;

	display:none;
}

.textonly {display: none;}

#NCSL_logo{
	display:none;
}

#mastHead{
	width:100%;
	/*height:105px;*/
}


/* the Green bar across the top of the page */


#top{
	background-color:#336633;
	background-image:url(green_grad.jpg);
	background-repeat:no-repeat;
	background-position:15em 0; /* 150px */
	border-bottom:1px solid #cccc00;
	height:3.6em; /* 36px */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:3.5em; /* 35px */
}
	html>body #top {
	height:3.5em; /* 35px */
}



#GatewayLogo{
	width:17.0em; /* 170pc */
	height:2.5em; /* 25px */
	background-image:url(lgw_logo.gif);
	background-repeat:no-repeat;
	background-position:6px 2px; /* 6px 2px */
	float:left;
}

#strapline{

	width:30.5em; /* 305px */
	height:2.5em; /* 25px */
	background-image:url(inspiring_leaders-small.gif);
	background-repeat:no-repeat;
	background-position:6px 2px; /* 6px 2px */
	float:left;

}


/* LOGIN function styles */

#loginDetails{
	float:left;
	height:2.5em; /* 25px */
	font-size: 1.1em; /* 90% */
	margin-top:0.4em; /* 4px */
	margin-left:0.2em; /* 2px */
	margin-right:0.6em; /* 6px */
	border-right:0.1em solid #FFFFFF; /* 1px */
	padding-right:1em; /* 10px */
}
#loginDetails p{
	margin:0;
	padding:0;
}

.loginName{
color:#FFFFFF;

}
.loginDate{
color:#cccc00;

}

/* the MIDDLE GREY section */

#mid{
	background-color:#999999;
	background-image:url(http://www.ncsl.org.uk/images/ncsl-new/main_background_02.gif);
	border-bottom:1px solid #ffffff;
	height:2.8em; /* 28px */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:2.7em; /* 27px */
}
	html>body #mid {
	height:2.7em; /* 27px */ 
}

#mid_home{
	background-color:#999999;
	
	border-bottom:0.1em solid #ffffff;
	height:16.5em; /* 165px */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:16.5em; display: block; /* 165px */
}
	html>body #mid_home {
	height:16.5em; /* 165px */
}

/* The BOTTOM (dark) gery section */

#bottom{
	background-color:#5d5d5d;
	background-image:url(grey_shine.jpg);
	background-repeat:no-repeat;
	background-position:26em 0px; /* 260px */
	border-bottom:1px solid #ffffff;
	height:4em; /* 40px */
	margin-right:2.4em; /* 24px */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:3.9em; /* 39px */
}
	html>body #bottom {
	height:4em; /* 40px */
}
#bottom_loggedin{
	background-color:#cccc00;
	background-image:url(green_shine.jpg);
	background-repeat:no-repeat;
	background-position:26em 0px; /* 260px */
	border-bottom:0.1em solid #336633;
	height:3.1em; /* 31px */
	margin-right:2.4em; /* 24px */
	z-index:20;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:3em; /* 30px */
}
	html>body #bottom_loggedin {
	height:3em; /* 30px */
}

#bottom_home{
	background-color:#5d5d5d;
	background-image:url(grey_shine.jpg);
	background-repeat:no-repeat;
	background-position:2.6em 0px; /* 260px */
	border-bottom:0.1em solid #ffffff;
	height:4em; /* 40px */ 
	margin-right:2.4em; /* 24px */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:3.9em; /* 39px */
}
	html>body #bottom_home {
height:4em; /* 40px */
}

/* styles for non logged in pages */

#gatewayun{

	position:absolute;		
	top:65px;
	left:135px;
	margin:0;
	margin-bottom:1px;
	padding:0;
	color:#FFFFFF;
	text-align:right;
	width:165px;
	font-size:11px;
	

}
/* font - size was 11px */
html>body #gatewayun{
	top:66px;
	height:8px;
}

#gatewaypw {

	position:absolute;
	top:84px;
	left:135px;
	margin:0;
	padding:0;
	color:#FFFFFF;
	text-align:right;
	width:165px;
	font-size:11px;

}
.gatewaylogin {

	width:90px;
	height:14px;
	border:1px solid #CCCC00;
	font-size:9px;
	background-color:#DEECB4;
	voice-family: "\"}\"";
	voice-family: inherit;
   	height:11px;
}


#details{
	width:20em; /* 200px */

	position:absolute;
	left:3em; /* 30px */
}	

#loginIns{
	position:absolute;
	left:365px;
	top:69px;
	width:300px;
	text-align:left;
	color:#FFFFFF;
	font-size:85%;
}

#button, #loginbutton {
	position:absolute;		
	top:35px;
	left:154px;
}

/* 

#button{
	position:relative;
	top:-3em; /* -30px */
	left: 54px; /* 54px */
	margin:0;
	
}

#button {
	float:left;

}
#LGWt2l{
	/*background-image:url(lgw_t2l_logo.gif);*/
	background-image:url(lgw_t2l_logo.gif);
	background-repeat:no-repeat;
	background-position:0 4px ;
	font-size:9px;
	height:32px;
	width:200px;
	margin-left:5px;
	margin-top:0px;
	text-indent:-5000px;
}

#LGWt2l h2{
	margin:0;
	padding:0;
}



/* LGW BUTTONS - these appear when the user has logged in to the LGW */


#gatewayButtons{
padding-top:0.1em; /* 1px */
margin-left:0.4em; /* 4px */
float:left;
width:60em; /* 600px */
z-index:10;
}


#logOut{
position:relative;
float:left;
text-align:left;
padding-top:0.4em; /* 4px */
color:#FFFFFF;
font-size:1.1em; /* was 90% */
}


#logOut a:link, #logOut a:visited{
color:#FFFFFF;
text-decoration:none;
}

#logOut a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#logOut_con{
position:relative;
float:left;
text-align:left;
padding-top:0.8em; /* 8px */

color:#FFFFFF;
font-size:80%;
}
	html>body #logOut_con {
padding-top:0.8em; /* 8px */
}

/* the LEFT COLUMN which contains the main section navigation */


#leftCol{
		position:absolute;
		background-color:#FFFFFF;
		left:0;
		width:14em; /*17em;*//* 170px */
		padding-left:0.5em; /* 5px */
		padding-top:0.5em; /* 5px */
		font-size:1.2em; /* was 95% */
}

#leftCol_home{
		position:absolute;

		background-color:#FFFFFF;
		left:0;
		top:24.5em; /* 245px */
		width:17em; /* 170px */
		padding-left:0.5em; /* 5px */ 
		padding-top:0.5em; /* 5px */
		font-size:1.2em; /* was 95% */
}
	html>body #leftCol_home {

}


/* the centre COLUMN which contains the main content */

#centreCol{
   		margin-left: 17em; /*18em;*/ /* 180px */
   		margin-right:16.5em;	/*16.5em*//* 165px */
		padding-top:0;
		margin-bottom:2em; /* 20px */
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 18.5em; /* 185px */
   		margin-right:18.5em;/* 17.5em; */ /* 175 */
}
	html>body #centreCol {
		margin-left: 18.5em; /* 18.5em; */ /* 185px */
   		margin-right:17.3em; /* 17.3em */ /* 173px */
}

#centreColFull{
	
   		margin-left: 17.5em; /* 175px */
   		margin-right:1em; /* 10px */
		padding-top:0;
		margin-bottom:2em; /* 20px */
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 18em; /* 180px */
   		margin-right:2.3em; /* 23px */
}
	html>body #centreColFull {
		margin-left: 184px;
   		margin-right:23px;
}

#contentFix{
		background-color:#000066;
		min-width:40em; /* 400px */
}


/* the right hand column which contains the sub menu and related links */

#rightCol{
		position:absolute;
		right:0;	
		width: 13.1em; /*14.1em;*/ /* 141px */
		padding-top:0.5em; /* 5px */
		font-size: 1.08em; /*1.4em;*/ /* was 85% */
		margin-right:1.9em; /* 19px */
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-right:2.2em; /* 22px */
}
	html>body #rightCol {
		margin-right:2em;; /* 20px */
}

/* NCSL LOGO/BRAND */

#ncslLogo{
	position:absolute;
	top:-0.6em; /* -6px */
	width:100%;
	text-align:right;
	min-width:70em; /* 700px */
	margin-right:0;
	height:10.5em; /* 105px */
	background-image:url(ncsl_logo.gif);
	background-repeat:no-repeat;
	background-position:right;
}
	html>body #ncslLogo {
		top:-0.5em; /* -5px */
}

#ncslLogoLogged{
	position:absolute;
	top:-0.6em; /* -6px */
	right:-0.1em; /* 1px */
	width:21em; /* 210px */
	text-align:right;
	min-width:21em; /* 210px */
	margin-right:0;
	height:10.5em; /* 105px */
	background-image:url(ncsl_logo_logged_in.gif);
	background-repeat:no-repeat;
	background-position:right;
}
	html>body #ncslLogoLogged {
		top:-0.5em; /* -5px */
		right:0;
			
}


.clear{
	clear:both;
}

#footer{
	clear:both;
	margin:0.3em; /* 3px */
   	margin-left: 18.5em; /* 18em; */ /* 180px */
   	margin-right:18.5em; /* 16.4em; */ /* 164px */
	text-align:center;
	font-size:0.8em; /* was 80% */
	

}
#footer_2col{
	clear:both;
	margin:0.3em; /* 3px */
   	margin-left: 18em; /* 180px */
   	margin-right:3em; /* 30px */
	text-align:center;
	font-size:0.8em; /* was 80% */
	

}
#footerHome{


	margin:0.3em; /* 3px */
	padding-left:5em; /* 50px */
   	margin-right:1em; /* 10px */
	float:left;
	width:80%;
	text-align:center;
	font-size:1em; /* was 75% */
	voice-family: "\"}\"";
	voice-family: inherit;
   	width:88%;

}
	html>body #footerHome {

	margin-left: 3em; /* 30px */
	float:left;
	padding-left:0;
	width:90%;
			
}

#footerHome a:link, #footerHome a:visited{
text-decoration:none;
color:#000000;

}
#footerHome a:hover{
text-decoration:underline;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#000000;

}
#footer a:hover{
text-decoration:underline;
}
#footer_2col a:link, #footer_2col a:visited{
text-decoration:none;
color:#000000;

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

/* additional styles forleft hand panel */
 .news_style h2 {
 background-color:#990000; 
 padding:0.4em; /* 4px */
 display: block; 
 color:#ffffff; 
 margin-bottom:0; 
 padding-bottom: 
 4px;
 }

.news_style {
background-color: #EEE0E5; 
padding: 0;
margin:0;
padding-bottom: 0.4em;
}

.news_style p {
padding: 0.4em; /* 4px */ 
margin:0;
}

.news_style a:link {
color: #990000;
}

#subSectionNav_style {

}
#subSectionNav_style h2 { 
	font-size: 1.4em; /* was 120% */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding:0.2em; /* 2px */
	border:0;
	border-top:0.1em; /* 1px */
	border-bottom:0.1em; /* 1px */
	border-style: solid; 
	border-color:#336633;
	color:#336633;
	margin-bottom:0;}

#subSectionNav_style p {
	color: #000000; 
	font-family: verdana, helvetica, arial, sans-serif; 
}

#subSectionNav_style ul {
	margin-top:1em; /* 10px */ 
	list-style-position: outside; 
	margin-left: -20px; /*
	/*/*/margin-left: 1em;/* End */ 
	padding-left: 0.8em; /* 8px */
}

#subSectionNav_style li {
	margin-bottom: 0.2em; /* 2px */
	list-style-image: url(images/ncsl-new/subsectionbullet.gif); 
	padding-left: 0;}

#subSectionNav_style {
	margin-top: 2em; /* 20px */
}

#subSectionNav_style a:link {
	color: #000066;
	text-decoration: underline;
}

#subSectionNav_style a:hover{
	color:#336633; 
	text-decoration: underline;
}

/* TEST /*