@charset "UTF-8";
/* CSS Document */

* {margin: 0;padding: 0;}
body {background:#FFF;margin:5px 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:62.5%;}
#container {position:relative;width:920px;padding:0 20px 20px 20px;margin:0 auto 0 auto;font-size:1.3em;line-height:1.3;color:#7B7B7B;}

#header {position:relative;height:160px;width:920px;clear:both;background:#C1001F url(images/panel_articles.png) no-repeat;margin-bottom:30px;}
.leftcol {float:left;width:512px;}
.rightcol {position:relative;float:right;width:395px;height:450px;}
.leftcol a, .rightcol a {color:#C1001F;}
.leftcol td, .rightcol td {padding:1px 0 1px 0;border-bottom:#7B7B7B solid 1px;}
.leftcol .norules td, .rightcol .norules td {border:none;}
.leftcol ul, .rightcol ul {margin:0 0 3px 4px;}
.leftcol ul#nav, .rightcol ul#nav {margin:0;}
.leftcol li, .rightcol li {margin:0 0 2px 10px;padding:0 0 0 2px;}
.leftcol table, .rightcol table {margin:3px 0 6px 0;}
.leftcol p {margin-right:10px;}

.leftcol .downloads, .rightcol .downloads {background:#F0F0F0;padding:2px 10px 4px 10px;margin-top:3px;}
.leftcol .downloads a, .rightcol .downloads a {padding-bottom:1px;}

.leftcol2 {width:440px;float:left;}
.rightcol2 {width:440px;float:right;}

#home .leftcol {padding-top:0px;}
#home .rightcol {height:auto;padding-top:0;}
a img {border:none;}
a {text-decoration:none;color:#666;}
a:hover {color:#222;}

#logo {position:absolute;top:20px;left:0;z-index:100;width:279px;height:125px;}
.main {position:relative;width:920px;height:auto;clear:both;margin-bottom:6px;}
#home .main {border-bottom:#C1001F solid 6px;}
#auth .main, #down .main, #mat .main, #quotes .main {background:url(images/mat_page_bg.gif) no-repeat right bottom;}
#exp .main, #fund .main, #role .main, #safe .main, #place .main, #comm .main, #art .main {background:url(images/exp_page_bg.gif) no-repeat right bottom;}
#assess .main {background:url(images/assessor_page_bg.gif) no-repeat right bottom;}
#info .main {background:url(images/nvqinfo_page_bg.gif) no-repeat 500px bottom;}
#centre .main {background:url(images/centre_page_bg.gif) no-repeat 400px bottom;}
#quest .main {background:url(images/nvqfaq_page_bg.gif) no-repeat right bottom;}
#who .main, #contact .main {background:url(images/whoweare_page_bg.gif) no-repeat right bottom;}
.portal_btn {display:block;background:url(images/portal_btn.gif);width:215px;height:53px;}
.portal_btn span {display:block;padding:12px 15px;font-size:20px;position:absolute;left:-3000px;}


.contacts {width:920px;height:24px;background:#C1001F;clear:both;text-align:right;color:#FFF;}
.contacts a {color:#FFF;}
.contacts img {padding:4px;}

#nav {height:85px;clear:both;width:395px;position:absolute;top:28px;right:0;z-index:50;}
#nav ul, #nav li {margin:0;padding:0;list-style-type:none;height:22px;}
#nav li {padding-right:8px;background:#FFF url(images/nav_divider.gif) 100% 1px no-repeat;display:inline-block;float:left;}
#nav li.end {background:none;}
#nav a {display:block;height:22px;float:left;}
#nav a span {display:none;}

#nav a.home  {width:47px;background: url(images/nav_home.gif) no-repeat 0 0;cursor:pointer;}
#nav a.who  {width:93px;background: url(images/nav_whoarewe.gif) no-repeat 0 0;cursor:pointer;}
#nav a.mat {width:73px;background: url(images/nav_materials.gif) no-repeat 0 0;cursor:pointer;}
#nav a.quest {width:78px;background: url(images/nav_faqs.gif) no-repeat 0 0;cursor:pointer;}
#nav a.info {width:364px;background: url(images/nav_infodays.gif) no-repeat 0 0;cursor:pointer;}
#nav a.assess {width:225px;background: url(images/nav_assessor.gif) no-repeat 0 0;cursor:pointer;}
#nav a.centre {width:160px;background: url(images/nav_centresetup.gif) no-repeat 0 0;cursor:pointer;}
#nav a.exp {width:193px;background: url(images/nav_workexperience.gif) no-repeat 0 0;cursor:pointer;}
#nav a.contact {width:80px;background: url(images/nav_contact.gif) no-repeat 0 0;cursor:pointer;}

#nav a:hover.home  {width:47px;background: url(images/nav_home_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.who  {background: url(images/nav_whoarewe_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.mat {background: url(images/nav_materials_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.quest {background: url(images/nav_faqs_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.info {background: url(images/nav_infodays_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.assess {background: url(images/nav_assessor_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.centre {background: url(images/nav_centresetup_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.exp {background: url(images/nav_workexperience_ov.gif) no-repeat 0 0;cursor:pointer;}
#nav a:hover.contact {background: url(images/nav_contact_ov.gif) no-repeat 0 0;cursor:pointer;}

#who a.who  {background: url(images/nav_whoarewe_pg.gif) no-repeat 0 0;cursor:pointer;}
#mat a.mat, #auth a.mat, #down a.mat, #quotes a.mat {background: url(images/nav_materials_pg.gif) no-repeat 0 0;cursor:pointer;}
#quest a.quest {background: url(images/nav_faqs_pg.gif) no-repeat 0 0;cursor:pointer;}
#info a.info {background: url(images/nav_infodays_pg.gif) no-repeat 0 0;cursor:pointer;}
#assess a.assess {background: url(images/nav_assessor_pg.gif) no-repeat 0 0;cursor:pointer;}
#centre a.centre {background: url(images/nav_centresetup_pg.gif) no-repeat 0 0;cursor:pointer;}
#exp a.exp, #place a.exp, #safe a.exp, #fund a.exp, #role a.exp, #comm a.exp, #art a.exp, #arti a.exp {background: url(images/nav_workexperience_pg.gif) no-repeat 0 0;cursor:pointer;}
#contact a.contact {background: url(images/nav_contact_pg.gif) no-repeat 0 0;cursor:pointer;}

p.subnav {margin:0 0 20px 0;background-image:none;clear:both;padding:10px 0 13px 0;border-bottom:#C1001F solid 1px;}
.subnav a {color:#7B7B7B;background-image:none;}
.subnav a:hover {color:#555;}
#exp .subnav a.exper, #place .subnav a.place, #safe .subnav a.safe, #fund .subnav a.fund, #role .subnav a.role, #comm .subnav a.comm, #art .subnav a.art, #mat .subnav a.mater, #auth .subnav a.auth, #down .subnav a.down, #quotes .subnav a.quotes {color:#C1001F;background-image:none;}



#who .mainbox {height:167px;background:#FFF url(images/panel_whoarewe.png) no-repeat 0 0;}
#mat .mainbox, #auth .mainbox, #down .mainbox, #quotes .mainbox {height:167px;background:#FFF url(images/panel_mat.png) no-repeat 0 0;}
#quest .mainbox {height:167px;background:#FFF url(images/panel_nvqfaq.png) no-repeat 0 0;}
#info .mainbox {height:167px;background:#FFF url(images/panel_nvqinfo.png) no-repeat 0 0;}
#assess .mainbox {height:167px;background:#FFF url(images/panel_assessor.png) no-repeat 0 0;}
#centre .mainbox {height:167px;background:#FFF url(images/panel_centre.png) no-repeat 0 0;}
#exp .mainbox, #place .mainbox, #safe .mainbox, #fund .mainbox, #role .mainbox, #comm .mainbox, #art .mainbox, #arti .mainbox {height:167px;background:#FFF url(images/panel_eiffel.png) no-repeat 0 0;}
#contact .mainbox {height:167px;background:#FFF url(images/panel_contact.png) no-repeat 0 0;}

.mainbox h2 {margin:0;padding:0;}
h2 span {position:absolute;left:-3000px;}

.mainbox {background:#C1001F url(images/panel_home.jpg) no-repeat 0 0;width:512px;height:547px;display:block;clear:both;margin:0px 0 13px 0;}
.mainbox .margin {margin:0 50px 0 50px;padding-top:170px;}

#home h2.questions a, h2.information a, h2.assessor a, h2.centresetup a, h2.experience a {display:block;width:395px;height:128px;margin:0 0 12px 0;padding:0;clear:both;}
#home h2.materials a {display:block;width:512px;height:128px;margin-bottom:12px;clear:both;}

#home h2.materials {background:#E60682 url(images/home_mat.jpg) no-repeat 0 0;cursor:pointer;}
#home h2.questions {background:#FEC100 url(images/home_faq.jpg) no-repeat 0 0;cursor:pointer;}
#home h2.information {background:#B3058C url(images/home_nvq.jpg) no-repeat 0 0;cursor:pointer;}
#home h2.assessor {background:#E00024 url(images/home_assessor.jpg) no-repeat 0 0;cursor:pointer;}
#home h2.centresetup {background:#8AD749 url(images/home_centre.jpg) no-repeat 0 0;cursor:pointer;}
#home h2.experience {background:#45B7F3 url(images/home_eiffel.jpg) no-repeat 0 0;cursor:pointer;}

#home h2.materials a {background: url(images/home_mat_image.gif) no-repeat 0 0;}
#home h2.questions a {background: url(images/home_faq_image.gif) no-repeat 0 0;}
#home h2.information a {background: url(images/home_nvq_image.gif) no-repeat 0 0;}
#home h2.assessor a {background: url(images/home_a1_image.gif) no-repeat 0 0;}
#home h2.centresetup a {background: url(images/home_centre_image.gif) no-repeat 0 0;}
#home h2.experience a {background: url(images/home_eiffel_image.gif) no-repeat 0 0;}

/*#home h2 a:hover {display:none;}*/
#home h2 {margin:0;}
#home h2.materials a:hover {background:#FFF url(images/home_mat.jpg) -512px;}
#home h2.questions a:hover {background:#FFF url(images/home_faq.jpg) -395px;}
#home h2.information a:hover {background:#FFF url(images/home_nvq.jpg) -395px;}
#home h2.assessor a:hover {background:#FFF url(images/home_assessor.jpg) -395px;}
#home h2.centresetup a:hover {background:#FFF url(images/home_centre.jpg) -395px;}
#home h2.experience a:hover {background:#FFF url(images/home_eiffel.jpg) -395px;}

#home h1 {
	font-weight:normal;
	border:none;
	width:auto;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}
#home h1, #home .mainbox p {font-size:123%;line-height:1.1;color:#FFF;}

#home h2.materials a {width:512px;height:128px;padding:0;margin:0;}
#home h2 {font-weight:normal;font-size:23px;line-height:24px;color:#FFF;}
#home h2 span {display:none;padding:20px 160px 20px 20px;}

.darkred {color:#C1001F;}

h1 {margin:12px 0 6px 0;font-size:138%;font-weight:normal;color:#C1001F;padding-bottom:6px;clear:both;width:920px;border-bottom:#C1001F solid 1px;}
h2 {margin:10px 0 4px 0;font-size:1.4em;}
h3 {margin:8px 0 6px 0;font-size:100%;font-weight:normal;color:#C1001F;}
h4 {margin:6px 0 0px 0;font-size:100%;font-weight:normal;color:#C1001F;}
p {margin:6px 0 6px 0;}

input, textarea {font-family:Arial, Helvetica, sans-serif;}
.clr {display: block;clear: both;margin:0;padding:0;}
.top {height:25px;}
.base, .top {display: block;clear:both;margin:10px 0 10px 0;padding:0;width:920px;font-size:12px;}
.base td, .top td {text-align:center;padding:1px 2px 1px 2px;}
.clrleft {display: block;clear: left;}
.copyright {width:250px;float:right;text-align:right;}
.small {font-size:11px;padding-top:10px;}
.imgfloatright {float:right;margin:0 0 15px 15px;}
.imgfloatleft {float:left;margin:0 15px 15px 0;}
p.btnlinks {float:right;text-align:right;}
.selected a.btns {display:block;float:left;padding:1px 4px 1px 4px;background:#C1001F;color:#FFF;border:#C1001F solid 1px;margin-right:6px;}
a.btns {display:block;float:left;padding:1px 4px 1px 4px;background:#FFF;color:#C1001F;border:#C1001F solid 1px;margin-right:6px;}
table td { vertical-align:top;}

#art h2 {font-weight:normal;}
a.articlelist {display:block;background:#EAEAEA url(images/articlelist_bg.gif) repeat-x top;padding:2px 4px 2px 4px;border:#C1001F solid 1px;border-left:none;border-right:none;}
a.articlelist .sub {color:#7B7B7B;}
a.articlelist .date {width:80px;padding:4px 6px 4px 6px;background:#C1001F;color:#FFF;float:right;margin:0 0 0 10px;font-size:14px;text-align:center;}
a:hover.articlelist {background:#CCC;}

.backlink a {float:right;margin:0 0 10px 30px;color:#C1001F;}

a.redbtn_box		{text-align:center;padding:8px 11px 16px 20px;position:relative;color:#FFF;display:block;width: 160px; background:#FFF url(images/redbutton_base.gif) bottom no-repeat; margin: 4px 0 4px 10px;float:right;}
a:hover.redbtn_box {color:#CCC;}
a.redbtn_box .topimg	{position:absolute;left:0;top:0;}