/*



Theme Name: Sandwell Partnership



Description: Bespoke Theme



Version: 1.1



Author: Paul Lacey





*/



/* CSS Document */







body{



font: normal 62.5% Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif;



background: #fff;



color: #666666;



}







a, a:hover, a:active, a:focus { 



color: #88AD32;



}



a:hover{



text-decoration: underline;



}







strong{



font-weight: bold;



color: #555;



}







em{



font-style: italic;



}







.aural{



	position: absolute;



	left: -2007px;



	font: 0;



}







h4{



color: #333;



margin: 20px 0 0 0;



font-size: 1.3em;



}







h5{



font-weight: bold;



color: #333;



font-size: 1.6em;



margin: 10px 0 -6px 0;



line-height: 1.1em;



}











/* BLOCKS */







#wrapper{



width: 840px;



margin: 25px auto;



}







/* HEADER */







h1 a{



width: 187px;



height: 110px;



display: block;



background: url(img/h1-logo.jpg) no-repeat #fff;



margin: 0 0 0 20px;



}



h1 a span{



display: none;



}







form#search{







}







form#textsize{







}







/* MAIN NAV */







ul#nav{



margin: 20px 0 0 0;



width: 840px;



background: url(img/nav-bg.jpg) no-repeat #fff;



font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif;



font-weight: bold;



font-size: 1.4em;



display: block;



}



ul#nav li{



display: inline;



}



ul#nav li a{



color: #fff;



padding: 17px 0 0 0;



height: 33px;



display: block;



float: left;



margin: 0 7px;



}



ul#nav li a:hover, ul#nav li.current_page_item a{



background: url(img/nav-bg-hover.jpg) no-repeat center;



}







/* TYPOGRAPHY & LINKS*/







h2{



color: #333;



margin: 20px 20px 0 20px;



font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif;



font-size: 2.4em;



text-transform: uppercase;



}







h2 span{



display: block;



font-size: 50%;



}







p.important{



font: 2.1em Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif;



letter-spacing: 0.02em;



margin: 10px 20px 0 20px;



}







/* HOMEPAGE */







ul#featured{



font-size: 1.3em;



margin: 20px;



background: #fff;



}



ul#featured li{



background: #f5f5f5;



}



ul#featured h3{



font-size: 14px;



text-transform: uppercase;



color: #fff;



margin: 20px 20px 0 20px;







background: url(img/blockbg.jpg) no-repeat transparent;

}



ul#featured h3 a{



color: #fff;



display: block;

padding: 10px 10px 98px 10px;

text-decoration: none;

background: url(img/pic.jpg) 0 35px no-repeat transparent;



}



ul#featured li#top_left{



width: 244px;



float: left;



border: 1px solid #efefef;



margin: 0 31px 30px 0;



}



ul#featured li#top_center{



width: 244px;



float: left;



border: 1px solid #efefef;



margin: 0 31px 30px 0;



}



ul#featured li#top_right{



width: 244px;



float: left;



border: 1px solid #efefef;



margin: 0 0 30px 0;



}



ul#featured li#frontlinestaff h3{



background-color: #336699;



}



ul#featured li#lower_left{



width: 244px;



float: left;



border: 1px solid #efefef;



margin: 0 31px 15px 0;



clear: both;



}



ul#featured li#lower_center{



width: 244px;



float: left;



border: 1px solid #efefef;



margin: 0 31px 15px 0;



}



ul#featured li#lower_right{



width: 244px;



float: left;



border: 1px solid #efefef;



margin: 0 0 15px 0;



}



ul#featured li#policydocs h3{



background-color: #336699;



}



ul#featured li ul{



margin: 15px 20px 15px 40px;



list-style: square;



}



ul#featured li ul li{



margin: 0 0 2px 0;



font-size: 100%;



}



ul#featured li ul li.more{



margin: 13px 0 2px 0;



list-style: none;



}







/* INNER PAGES */







#editorial{



width: 520px;



float: left;



margin-left: 20px;



}


#editorial.homenews{


width: 760px;



float: none;



margin-left: 20px;



}







#editorial img.inner-header{



border: 10px solid #f1f1f1;



margin: 15px 0 20px 0;



}







#editorial p.important{



font: 2.1em Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif;



letter-spacing: 0.02em;



margin: 10px 0 10px 0;



}







#editorial h3{



color: #333;



margin: 20px 0 0 0;



font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif;



font-size: 2em;



text-transform: uppercase;



border-top: 1px solid #efefef;



padding: 15px 0 0 0;



}



#editorial h3 span{



display: block;



font-size: 50%;



}







#editorial h4{



color: #333;



margin: 20px 0 0 0;



font-size: 2em;



}







#editorial h5{



font-weight: bold;



color: #333;



font-size: 1.6em;



margin: 10px 0 -6px 0;



line-height: 1.3em;



}







#editorial p{



font-size: 1.5em;



margin: 5px 0 10px 0;



line-height: 1.3em;



}







#editorial ul{



border: 1px solid #efefef;



background: #F5F5F5;



font-size: 1.5em;



padding: 15px 20px 15px 40px;



margin: 15px 15px 15px 15px;



list-style: square;



}



#editorial ul li{



margin: 0 0 4px 0;



}







#editorial ul li ul{



border: none;



background: #F5F5F5;



font-size: 100%;



padding: 0;



margin: 15px 15px 15px 15px;



list-style: square;



}



#editorial ol{



border: 1px solid #efefef;



background: #F5F5F5;



font-size: 1.5em;



padding: 15px 20px 15px 40px;



margin: 15px 15px 15px 15px;



list-style: decimal;



}



#editorial ol li{



margin: 0 0 4px 0;



}







#editorial blockquote{



font-size: 1.5em;



border: 1px solid #efefef;



background: #F5F5F5;



padding: 15px;



line-height: 1.3em;



margin: 15px 15px 15px 15px;



font-style: italic;



}







#sidebar{



width: 244px;



float: right;



margin-right: 20px;



padding-top: 15px;



}







#sidebar a{



color: #333;



}



#sidebar a:hover{



color: #a5cc4b;



}







#sidebar ul{



width: 244px;



border: 1px solid #efefef;



margin: 0 31px 30px 0;



background: #F5F5F5;



font-size: 13px;



padding: 0 0 15px 0;



}







#sidebar ul li.h3 h3{



font-size: 15px;



text-transform: uppercase;



color: #fff;



margin: 20px 20px 15px 20px;



padding: 10px;



background: #a5cc4b;



}







ul#morepages{







}



ul#morepages li.page_item{



margin: 5px 20px 5px 30px;



padding: 5px 0 5px 5px;



border-left: 5px solid #a5cc4b;



}







#sidebar ul#archives li{



margin: 5px 20px 5px 30px;



padding: 5px 0 5px 5px;



border-left: 5px solid #a5cc4b;



}







#sidebar ul#archives li.h3{



margin: 0;



padding: 0;



border-left: none;



}







#sidebar ul#archives li.h3 h3{



font-size: 15px;



text-transform: uppercase;



color: #fff;



margin: 20px 20px 15px 20px;



padding: 10px;



background: #a5cc4b;



}







ul#downloads{







}



ul#downloads li.page_item{



margin: 5px 20px 5px 30px;



padding: 5px 0 5px 25px;



background: url(img/icon-download.gif) 0 5px no-repeat;



}







ul#websites{







}



ul#websites li.page_item{



margin: 5px 20px 5px 30px;



padding: 5px 0 5px 25px;



background: url(img/icon-website.gif) 0 5px no-repeat;



}



#sidebar li.current_page_item a{

color: #88AD32;

text-decoration: underline;

}







/* FOOTER */







ul#footer{



margin: 15px 0 0 0;



border-top: 1px solid #efefef;



font-size: 1.1em;



width: 625px;



padding: 15px 0 0 20px;



float: left;



}



ul#footer li{



display: inline;



}



ul#footer li a{



color: #333;



display: block;



float: left;



margin: 0 10px 0 0;



}



ul#footer li a:hover, ul#footer li.current_page_item a{



color: #333;



}







ul#logos{



margin: 15px 0 0 0;



border-top: 1px solid #efefef;



width: 99px;



padding: 4px 15px 0 63px;



float: left;



}



ul#logos li{



display: inline;



padding-left: 5px;



}



ul#logos li a img{



display: inline;



}











p.copyright{



width: 840px;



font-size: 1.1em;



padding: 10px 20px 0 20px;



}







.clearfix:after {



	clear: both;



	display: block; visibility: hidden;



	height: 0;



	content: ".";   



}



.clearfix {display: inline-block;}







#tools{





position: absolute;



	margin: -70px 0 15px 616px;



}



#tools li{



	float: left;



	margin: 0 0 0 10px;



	font-size: 1.4em;



}



#tools li img{ padding: 0.3em 0 0 0; }



#tools li.text-size a{



	color: #666; background: #d8d8d8;



	padding: 0.2em 0.4em;



}

#tools li.text-size a{

color: #fff; background: #a5cc4b;

font: normal 0.9em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;

padding: 0.1em 10px 0.1em 9px;

}



#tools li.text-size small a{



	padding: 0.45em 0.6em 0.3em 0.6em;



	font-size: 0.8em;



}



#tools li.text-size big a{



	padding: 0 0.3em 0.05em 0.3em;



	font-size: 1.2em;



}



#tools li.text-size a:hover, 



#tools li.text-size a:active, 



#tools li.text-size a:focus { text-decoration: none; color: #fff; background: #a5cc4b; }







#search-form{



	position: absolute;



	margin: -30px 0 15px 617px;



}



#search-form input.text{



	float: left;



	padding: 0.2em;



	color: #666;



	font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;



	border: 1px solid #a5cc4b;



}



#search-form input.submit{



	float: left;



	padding: 0.2em 0.5em;



	color: #fff; background: #a5cc4b;



	font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;



	border: none;

cursor: pointer;

}







table{



border: 1px solid #ccc;



background: #F5F5F5;



font-size: 1.5em;



padding: 15px 20px 15px 40px;



margin: 15px 15px 15px 15px;



}











table th{



border: 1px solid #ccc;



background: #efefef;



font-weight: bold;



padding: 10px;



}







table td{







background: #F5F5F5;



border: 1px solid #ccc;



padding: 10px;



}