/*  
Layout CSS

(c) www.bradleymason.co.uk/web
	
------------
BASIC STUFF
----------*/

* { /* Reset the margins */
	margin: 0px;
	padding: 0px;
	}
	
div, td {
	border: red solid 0px;
}

li {
	position: relative;
	left: 30px;
	padding-right: 30px;
	color: #555555;
}
	
body {
	background-color: #8B8B8B;
	background-image: url(../images/elements/background.gif);
	background-repeat: repeat-x;
}


img, img:link,img:visited {
	border: 0px;
}
	
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}


/*----------
LINKS
----------*/

A:link, A:visited, A:active, A:hover {
	text-decoration: underlined;	
	color: #333333;
}

A.noline:link, A.noline:visited, A.noline:active {
	text-decoration: none;	
	color: #555555;
}

A.nolinewhite:link, A.nolinewhite:visited, A.nolinewhite:active {
	text-decoration: none;	
	color: #ffffff;
}

A.noline:hover {
	text-decoration: underline;	
}

A.leftmenutextbold:link, A.leftmenutextbold:visited, A.leftmenutextbold:active {
	text-decoration: none;	
	color: #333333;
}


A.leftmenutextbold:hover {
	text-decoration: underline;	
	color: #333333;
}


A.white:link, A.white:visited, A.white:active {
	text-decoration: none;	
	color: #ffffff;
}

A.white:hover {
	text-decoration: underline;
	
}


/*-------------
PAGE LAYOUT
-------------*/

#mainwrapper {
	background-color: #ffffff;
	width: 818px;
	border: 0px white solid;
	margin-top: 20px;
}

#wrapper01 /* top menu */
{
	background-color: #959595;
	border-left: 2px white solid;
	border-right: 2px white solid;
	border-top: 2px white solid;
	height: 22px;
	background-image: url(../images/elements/top-menubar.gif);
	text-align: left;
}

			#wrapper01 a {
				
				font-size: 0.9em; 
				font-weight: bold;
				height: 20px;
				line-height: 20px;
				vertical-align: middle;
				text-decoration: none;
				color: #e7e7e7;
				
			}
			
			#wrapper01 a:hover {
				color: #fff;
				background: #aaa ;
				text-decoration: none;
			}

#wrapper02 /* top banner */
{
	background-color: #68009C;
	border-left: 2px white solid;
	border-right: 2px white solid;
	border-top: 2px white solid;
	height: 94px;
	background-image: url(../images/elements/scotland-top-banner.jpg);
}

#wrapper03 /* menu and pic */
{
	background-color: #ffffff;
	border: 0px white solid;
	height: 215px;
}

		#wrapper03a /* menu */
			{
				background-color: #7C7C7C;
				border-left: 2px white solid;
				border-right: 2px white solid;
				border-top: 2px white solid;
				
				width: 225px;
				/width: 230px; /* ie only */
				height: 213px; /* 223 */
				float: left;
				text-align: center;
				background-image: url(../images/elements/topmenu-gradient.gif);
			}
			
			#wrapper03a a {
				display: block;
				font-size: 1.4em; 
				font-weight: bold;
				height: 40px;
				line-height: 40px;
				vertical-align: middle;
				text-decoration: none;
				color: #e7e7e7;
			}
			
			#wrapper03a a:hover {
				color: #fff;
				background: #bbbbbb ;
				text-decoration: none;
			}
			
		#wrapper03b1 /* pic */
			{
				background-color: #7B98BA;
				border-right: 2px white solid;
				border-top: 2px white solid;
				border-bottom: 2px white solid;
				width: 587px;
				float: right; 
				height: 190px;
				background-image: url(../images/elements/scotland-welcome-pic2.jpg);
			}
			
		#wrapper03b2 /* ticker */
		{
		background-color: white;
			border-left: 0px white solid;
			border-right: 2px white solid;
			border-top 2px white solid;
			border-bottom 2px white solid;
			height: 22px;
			width: 587px;
			background-image: url(../images/elements/ticker-bar.gif);
			text-align: right;
			float: right;
		}
			

	
#wrapper04 {
	background-color: #ffffff;
	border: 0px white solid;
	border-top: 2px white solid;
	
		
}

		#wrapper04a /* left menu */
		{
				background-color: white;
				border-left: 2px white solid;
				border-right: 1px white solid;
				border-top: 0px white solid;
				width: 225px;
				/width: 230px; /* ie only */
				float: left;
			}
			
			#wrapper04a1 /* issues box */
			{
				background-color: #E9e9e9;
				margin: 3px 1px 1px 1px;
				padding: 10px 10px 10px 36px;
				text-align: left;
			}
			
			#wrapper04a2 /* endorsements */
			{
				background-color: #E9e9e9;
				margin: 3px 1px 1px 1px;
				padding: 10px 11px 10px 15px;
				text-align: left;
			}
			
			
			
		#wrapper04b { /* main area */
				background-color: white;
				border-right: 2px white solid;
				border-left: 1px white solid;
				border-top: 1px white solid;
				width: 585px;
				float: right;
				}
			
			#wrapper04b1 { /* content */
				background-color: white;
				border: 0px white solid;
				width: 367px;
				float: left; 
				padding: 0px 0px 20px 20px;
				
			}
			
			#wrapper04b2 { /* right adverts */
				background-color: white;
				border: 0px white solid;
				width: 175px;
				float:right;
				 
			}
			
			#wrapper04b21 /* get involved bg */
			{
				background-color: #E9e9e9;
				margin: 3px 1px 1px 1px;
				padding: 10px 10px 10px 27px;
				text-align: left;
			}
			
#wrapper05 {
	width: 818px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px white solid;
}
			

.wrapper_newsitem {
	width: 360px; 
	border-left: #ddd solid 1px; 
	border-bottom: #ccc solid 1px; 
	background-position: bottom center; 
	background-image: url(../images/elements/news-bg-gradient.gif); 
	background-repeat: repeat-x;
	}



/*-------------
LEFT MENU BITS
-------------*/

.leftmenubox {
	padding:0px;
	background-repeat: repeat-y;
	width: 258px;
}

.leftmenutextwrapper {
	text-align: left;
}

.leftmenutext {
	font-size: 0.9em;
	line-height: 1.0em;
	letter-spacing: 0.01em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #444444;
}
	
.leftmenutextbold {
	font-size: 0.9em;
	letter-spacing: 0.0em;
	line-height: 1.7em;
	font-weight: bold;
	margin-top: 10px;
	color: #444444;
}

.leftad_banner {
	position: relative;
	left: 1px;
}

.leftmenu_greyboxwrapper {
	position: relative;
	left: 16px;
	height: 40px;
	width: 228px;
	background-image: url(../images/elements/left-menu-grey-box.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 10px 0px;
}

.leftmenu_greyboxpic {
	float: left;
	margin: 0px 5px 0px 0px;
}

.leftmenu_greyboxtext {
	margin: 0px 10px 0px 5px;
}


/*-------------
LOGIN BOX
-------------*/

.loginbox, #loginbox {
	width: 325px; 
	text-align: left; 
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}


/*-------------
CONTENT LAYOUTS
-------------*/

.wrapper_previewitems {
	width: 325px; 
	text-align: left; 
	margin: 0px auto 0px auto;
}

.wrapper_item {
	width: 375px; 
	text-align: left; 
	margin: 0px auto 0px auto;
}

.contentpicwrapper  {
	margin: 0px auto 0px auto;
	}
	


.previewtext {
	font-size: 0.9em;
	line-height: 1.1em;
	letter-spacing: 0.01em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #444444;
}
	
.previewtextbold {
	font-size: 0.9em;
	letter-spacing: 0.0em;
	line-height: 1.7em;
	font-weight: bold;
	margin-top: 10px;
	color: #444444;
	
}

.textleft  {
	 margin: 20px;
	 padding: 0px;
	 text-align: right;
}
 
.textright {
	 margin: 20px;
	 padding: 0px;
	 text-align: left;
}
 
.textfull {
	 width: 440px;
	 margin: 20px 0px 20px 20px;
	 padding: 0px;
	 text-align: left;
}
 
.picright {
	 margin: 20px 20px 20px 20px;
	 padding: 0px;
	 text-align: right;
	 float: right;
	 border: 0px;
}
 
.picleft {
	 margin: 20px 20px 20px 20px;
	 float: left;
	 padding: 0px;
	 text-align: left;
	 border: 0px;
}

 
.picfull {
	 text-align: center;
}
 
.clear {
	 clear: both;
	
}







/*-------------
FORMS
-------------*/

.formquestion {
	text-align: right; 
	padding: 0px 10px 0px 0px;
	width: 180px;
}

.formredtext {
	color: red;
	font-weight: bold;
}


/*-----------
IMAGE FLOATER
-----------*/

#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 370px;
	height: 1px;
	z-index: 1000;
}



.constituency {
	position: relative;
	border: #444 solid 1px;
	background-color: #EDDBE6;
	width: 110px;
	height: 60px;
	padding: 0px;
	margin: 0px; 
	text-align: center;
}