body {margin: 0; padding: 0; background: #fff url('http://www.pennington.org.uk/media/layout/bg-body.png') repeat-x; font-size: 12px; color: #000;}
* {font-family: Tahoma, Arial, Serif;}

a {color: #fc8420; text-decoration: none;}
a:hover {text-decoration: underline;}
a span {display: none;}

h1, h2, h3, h4, h5 {font-family: Tahoma, Arial, Serif;color: #fc8420; font-weight: normal;}

.container {position: relative; width: 920px; margin: 0 auto;background: url('http://www.pennington.org.uk/media/layout/bg-copy.png') repeat-x;}

.logo {position: relative; height: 100px;}
.logo a {position: absolute; top: 10px; left: 300px; width: 290px; height: 75px; }

/*
Home 99
Services 141
Clients 131
About 128
News 97
Contact 122
e-newsletter - 183
*/

.navigation {position: relative; width: 900px; height: 55px; margin: 0 auto; }
.navigation ul {margin: 0; padding: 0; list-style: none;}
.navigation li {margin: 0; padding: 0;}
.navigation a { position: absolute; color: #fff;height: 55px; top: 0; left: 0;background: url('http://www.pennington.org.uk/media/layout/bg-nav-new.jpg') no-repeat;}

.link-home a {width:99px; background-position: 0 0; }
.link-wwhw a {width:141px; left: 99px; background-position: -99px 0;}
.link-wwh a {width:131px; left: 240px; background-position: -240px 0;}
.link-hwh a {width:128px; left: 371px; background-position: -371px 0;}
.link-news a {width:97px; left: 499px; background-position: -499px 0;}
.link-contact a {width:122px; left: 596px; background-position: -596px 0;}
.link-login a {width:183px; left: 718px; background-position: -718px 0;}

.link-home a:hover, .page-home .link-home a {background-position: 0 -55px;}
.link-wwhw a:hover, .page-whatwehelpwith .link-wwhw a {background-position: -99px -55px;}
.link-wwh a:hover, .page-whowehelp .link-wwh a {background-position: -240px -55px;}
.link-hwh a:hover, .page-howwehelp .link-hwh a {background-position: -371px -55px; }
.link-news a:hover, .page-news .link-news a {background-position: -499px -55px;}
.link-contact a:hover, .page-contact .link-contact a {background-position: -596px -55px;}
.link-login a:hover, .signup .link-login a {background-position: -718px -55px;}

.signup .link-contact a {background-position: -596px 0px;}

.header {position: relative; height: 145px; width: 860px; overflow: hidden}
.header .header-image {position:absolute; top: 0; left: 0; text-align: center; width: 647px; height: 260px;}
.header .header-image * {margin: 0; padding: 0;}

.header .header-breadcrumbs {position:absolute; color: #fff; z-index: 1; top: 122px; left: 10px;}

.header .header-breadcrumbs ul {list-style: none; margin: 0; padding: 0;}
.header .header-breadcrumbs li {float: left; margin: 0px;}
.header .header-breadcrumbs a {color: #fff; margin: 0 10px;}

.page-home .header .header-image {height: 260px;}
.page-home .header {height: 270px;}
.page-home .header .header-text {color: #fff; position: absolute; z-index: 10; width: 190px; height: 240px; top: 10px; left: 450px;}
.page-home .header .header-text h2 {padding: 10px 5px; margin: 0; line-height: 1.1em}
.page-home .header .header-text p {padding: 10px 5px; margin: 0;}

.page-home .header .header-news {color: #0f2e6e; position: absolute; z-index: 1; width: 213px; height: 260px; top: 0; right: 0; background: url('http://www.pennington.org.uk/media/layout/home-news.png') no-repeat;}
.page-home .header .header-news h2 {color: #0f2e6e; padding: 10px 5px; margin: 0 0 0 15px; font-size: 18px;}

.page-home .header .header-news .news_item_short {margin-left: 20px; width: 180px; border-top: 1px solid #0f2e6e; padding: 5px 0;}
.page-home .header .header-news .news_item_short h2 {padding: 0; font-size: 13px; margin: 0;}
.page-home .header .header-news .news_item_short h2 a {color: #0f2e6e;}
.page-home .header .header-news p {padding: 5px 0; margin: 0; font-size: 11px;}

.content {width: 860px; margin: 0 auto;}
.content ul {margin-left: 20px; padding-left: 20px;}


.subnav {float: left; width: 205px;margin: 20px 20px 20px 0;}
.subnav ul {margin: 0; padding: 0; list-style: none;}
.subnav ul li {margin: 0; padding: 0; }
.subnav ul li a {background: #f7d4b6; color: #021239; padding: 5px 10px; display: block; width: 164px; margin-bottom: 1px}
.subnav ul li.active a, 
.page-newsitem .subnav ul li.news-articles a, 
.page-press-releases .subnav ul li.press-releases a, 
.page-newsletter .subnav ul li.newsletters a {color: #fff; width: 175px; background: url('http://www.pennington.org.uk/media/layout/bg-nav-active-level1.png') no-repeat;}
.subnav ul li.active li a {background: #f7d4b6; width: 164px; color: #021239;}
.subnav ul li.parent a {color: #fff; width: 175px; background: url('http://www.pennington.org.uk/media/layout/bg-nav-active-level1.png') no-repeat;}
.subnav ul li li a {background: #ffbb82 !important; width: 164px !important; color: #021239 !important; font-size: 11px;}
.subnav ul li li.active a {font-weight:bold; width: 164px;}

.mainarea {width: 410px; margin-right: 20px;}
.mainarea li { margin-left:-23px; }

.sidebar {float: right; width: 205px; padding-top: 10px;}

.quote {background: #e7eaf0 url('http://www.pennington.org.uk/media/layout/bg-quote.png') no-repeat bottom left; padding-bottom: 20px; display: none;}
.quote p {padding: 10px; font-size: 12px; color: #fc8420;}


.quote.showquote  {display: block;}

.contact-bar {position: relative; height: 40px; color: #021239; background:url("http://www.pennington.org.uk/media/layout/bg-footer.png") no-repeat scroll 97px 0 #FC8420; width: 900px; margin: 0 auto;}
.contact-bar a {color: #021239;}
.contact-bar span {color: #fff;}

.cb-left {width: 450px; position: absolute; top: 12px; left: 20px; font-size: 12px;font-weight:bold;}
.cb-right {width: 400px; text-align: right; position: absolute; top: 12px; right: 20px;}
.cb-left p, .cb-right p {margin: 0; padding: 0;}
.cb-left div.tel {float:left;position:relative;top:-4px; width:245px;}
.cb-left div.email {float: left; width: 200px;}

.footer {position: relative; width: 900px; margin: 0 auto; height: 80px;}
.footer .contact-info {position:absolute; top: 10px; left: 10px; font-size: 11px;}
.footer .contact-info span {color: #fc8420;}
.footer .associates {position:absolute; top: 20px; right: 10px;}

.home-page-blocks {clear:both; height: 110px;}

.hp-block {float: left; width: 203px; height: 100px; margin-right:10px; background:#161613; overflow: hidden; position: relative; }
.hp-block img { position: absolute; top: 0; left: 0; border: 0; }
.hp-block .cover {top: 100px;left: 0;}
.hp-block .cover ul {list-style:none; margin: 5px 5px; padding: 0;color: #fc8420; font-size: 10px;}
.hp-block .cover ul li {text-indent:-10px;padding-left:10px;}
.hp-block .cover a {color: #fff;}
.hp-block.bigger {width: 212px;}
.hp-block.last {margin-right: 0;}

.cover { 
float: left; 
position: absolute; 
background: #051434; 
height: 100px; 
width: 100%; 
opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}



.form-directions {margin: 10px 0; border: 1px solid #ccc; padding: 10px; width: 380px;}
.form-directions h2 {margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 14px; border-bottom: 1px solid #ccc;}

#subForm {padding-bottom: 20px;}
#subForm label {float: left; width: 120px; top: 2px; position: relative;}
#subForm p {margin: 0; padding: 5px 0;}
#subForm .input {border: 1px solid #999; padding: 3px 5px; width: 200px;}
#subForm .textarea {font-size: 12px; border: 1px solid #999; padding: 3px 5px; width: 200px; height: 60px;}
#subForm .query {width: 250px;height: 100px;} 

.checkboxes label {float: none; display: block; width: 200px !important;}


#accordion h3 {cursor:pointer !important}


span.tel2
{
color:#021239;
left:30px;
position:absolute;
top:12px;
}