/* 	
	CSS document for Resource Centre
 	Author: 9web.co.uk - v0.1 - 06/12/09
*/
@import url(core.css);
body {font: 75%/1.5 Tahoma, Geneva, Arial, Helvetica, sans-serif; background: #fff; color:#043882; text-align:center;}
html {overflow-y:scroll;}

/* clearfix */
.clearfix:after, div#contentholder:after, div#footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* end clearfix */

/* links */
a, a:visited {color:#043882; text-decoration:none;}
a:hover {color:#043882; text-decoration:underline;}
a {outline:none;}
p.button {margin:10px 0;}
p.button a {background:#495394; color:#fff; padding:4px 10px;}
p.button a:hover {background:#043882; color:#fff;}
/* end links */

/* general layout rules */
p.skip {display:none;}
div#wrapper {margin:0 auto; text-align:left; width:960px; background:#fff; padding:45px 0 0 0;}
div#contentholder {clear:left;}
div#contentblock {float:left; width:960px;}
div#content {float:left; padding:22px 50px 0 50px; width:474px; w\idth:374px; font-size:.92em; line-height:1.3; min-height:498px; height:auto !important; height:498px;}
div#subnav {float:left; width:120px;}
div#right {float:right; width:352px;}
/* end general layout rules */

/* content area color and type rules */
div#content {color:#043882; background:#ADBAD8;}
.home div#content, .contact div#content, .login div#content {color:#fff; background:#495394;}
div#content em {font-style:normal; color:#fff;}
.home div#content em {color:#ADBAD8;}
div#content ul.links {color:#fff;}
p.white {color:#fff;}
p.white a {color:#fff; text-decoration:underline;}
div#content h2 {text-indent:-9999em; background-repeat:no-repeat; display:block; height:22px;}
.help div#content h2 {background-image:url(../assets/headings/help.png); height:106px;}
.train div#content h2 {background-image:url(../assets/headings/train.png); height:106px;}
.join div#content h2 {background-image:url(../assets/headings/join.png); height:78px;}
.faq div#content h2 {background-image:url(../assets/headings/faq.png); height:56px;}
.job div#content h2 {background-image:url(../assets/headings/job.png); height:27px;}
.community div#content h2 {background-image:url(../assets/headings/community.png);}
.home div#content h2 {background-image:url(../assets/headings/home.png); height:71px;}
.contact div#content h2 {background-image:url(../assets/headings/contact.png);}
.login div#content h2 {background-image:url(../assets/headings/login.png);}
.news div#content h2 {background-image:url(../assets/headings/news.png);}
p.results {text-indent:-9999em; background:url(../assets/results.png) no-repeat; display:block; height:32px; margin:40px 0 0 0;}
p.date {font-weight:bold; margin-top:-10px;}
/* end content area color and type rules */

/* community links */
div.linkholder {padding:50px 0 0 50px;}
div.link {float:left; width:160px;}
div.link.odd {clear:left;}
div.link span {display:block; background:url(../assets/white-bullet.png) no-repeat 0 4px; padding:2px 0 2px 20px;}
div.link a:hover span {text-decoration:underline;}
/* end community links */

/* news section */
div.image {margin:0 0 20px 0;}
div.image img {display:block;}
div.image p {margin:2px 0; text-align:center;}

div#newsindex h4 {margin:20px 0 4px 0; color:#043882;}
div#newsindex p {margin:0 0 4px 0; line-height:1.3;}
div#newsindex p a {color:#fff; background-image:url(../assets/white-bullet.png); background-repeat:no-repeat; background-position: 0 1px; padding:0 0 0 16px;}

/* header */
div#header {}
div#header h1 {float:left; margin:0 0 0 10px; display:inline; background-image:url(../assets/logo.png); background-repeat:no-repeat; width:293px; height:70px;}
div#header h1 a {display:block; width:293px; height:70px; text-indent:-9999px; cursor:pointer;}
div#header ul {float:right; margin:2px 0 0 0; list-style-type:none; color:#88A2C5; font-size:1em; display:inline;}
div#header ul li {float:left; margin:0 0 0 14px;}
div#header ul li em {color:#043882; font-style:normal;}
div#header ul li a {padding:0 0 0 0;}
div#header ul li a:hover {}
/* end header */

/* primary navigation */
div#nav {float:left; width:840px; margin:27px 0 13px 120px; display:inline; border-bottom:1px solid #495394;}
div#nav ul {margin:0; padding:0 0px 0 0; list-style:none; text-transform:uppercase;}
div#nav li {float:left; display:inline; margin:0 30px 0 0; padding:0;}
div#nav li a {float:left; display:block; color:#859DC6; font-weight:bold; padding:9px 0 9px 15px; background-image:url(../assets/nav-bullet.png); background-repeat:no-repeat; background-position: 0 13px;}
div#nav li a:hover, div#nav li.active a {color:#003782; text-decoration:none; background-image:url(../assets/nav-bullet-active.png);}
/* active states */
.home div#nav li.homelink a,
.contact div#nav li.contactlink a,
.login div#nav li.loginlink a {color:#003782; text-decoration:none; background-image:url(../assets/nav-bullet-active.png);}
/* end primary navigation */

/* text size links */
div#nav p {float:right; padding:11px 0 0 0; margin:0; line-height:1.3;}
div#nav p span { float: right; width: 5em;}
div#nav p a {font-weight:bold; background:#859DC6; color:#fff; padding:0 4px; display:block; float:right; margin:0 0 0 6px; text-align:center; clear: none;}
div#nav p a#small {padding:0 6px 0 7px;}
div#nav p a:hover {background:#003782; text-decoration:none;}
/* end text size links */

/* secondary navigation */
div#subnav ul {text-transform:uppercase; background:#fff; text-align:right; margin:24px 0 0 0;}
div#subnav ul li {line-height:1; margin:0 0 30px 0;}
* html div#subnav ul ul li {display:inline-block;}
div#subnav ul li a {padding:0 25px 0 0; display:block; color:#88A2C5; font-weight:bold; font-size:.92em; background-image:url(../assets/nav-bullet.png); background-repeat:no-repeat; background-position: 100px 0px;}
div#subnav ul li a:hover, div#subnav li.active a {color:#003782; text-decoration:none; background-image:url(../assets/nav-bullet-active.png);}

div#subnav ul ul {margin:0 0 0 0; text-transform:none;}
div#subnav ul ul li {margin:0 0 0 0;}
div#subnav ul ul li a {padding:1px 25px 1px 0; font-size:.92em; font-weight:normal;}
div#subnav ul ul li a, div#subnav ul li.active ul li a {background-image:none; color:#88A2C5;}
div#subnav ul ul li a:hover, div#subnav ul ul li.active a, div#subnav ul li.active ul li.active a, div#subnav ul li.active ul li a:hover {color:#003782; background-image:none;}
/* active states */
.join div#subnav ul li.joinlink a,
.train div#subnav ul li.trainlink a,
.help div#subnav ul li.helplink a {color:#003782; text-decoration:none; background-image:url(../assets/nav-bullet-active.png);}
.join div#subnav ul li.joinlink ul li a,
.train div#subnav ul li.trainlink ul li a,
.help div#subnav ul li.helplink ul li a {color:#88A2C5; background-image:none;}
.join div#subnav ul li.joinlink ul li a:hover, .join div#subnav ul li.joinlink ul li.active a,
.train div#subnav ul li.trainlink ul li a:hover, .train div#subnav ul li.trainlink ul li.active a,
.help div#subnav ul li.helplink ul li a:hover, .help div#subnav ul li.helplink ul li.active a {color:#003782;}
/* end secondary navigation */

/* right hand column */
div.rhimage p {margin-bottom:14px; height:186px;}
div.rhimage p img {display:block;}

div#news {background:#fff; border:1px solid #C3CBE1; padding:10px; min-height:298px; height:auto !important; height:298px;}
div#news h3 {margin:0; color:#859DC6;}
div#news h4 {margin:18px 0 2px 0; color:#043882; font-size:.92em;}
div#news p {margin:0 0 2px 0; font-size:.92em; line-height:1.3;}
div#news p a {color:#859DC6; background-image:url(../assets/nav-bullet.png); background-repeat:no-repeat; background-position: 0 1px; padding:0 0 0 16px;}
/* end right hand column */

/* footer */
div#footer {width:840px; margin:10px 0 0 120px; background:url(../assets/footer.png) no-repeat; padding:18px 0 0 0;}
div#footer p {font-size:.73em; margin:0;}
/* end footer */