/*
-----------------------------------------------
WFEPC  
Author:www.imaginet.co.uk
Version:12 Dec 2011 
----------------------------------------------- */


/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#e4021d;
   text-decoration:none;
}
a:hover {
   color:#e4021d;
   text-decoration:underline;
}
a img {
   border:0;
}
p {
   margin:0 0 1em 0;
   line-height:1.5em;
}
ul {
   list-style-type:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
#validation {
   padding:0 0 3em 0;
}



/* Page Structure
----------------------------------------------- */

html body {
   margin:0 0 0 0;
   background:#fff;
   color:#000;
   text-align:center;
   font:0.8125em Arial, Verdana,Sans-serif;
   background:#fff url("graphics/pagebg.gif") repeat-x center top;
}
#masthead {
   margin:0 auto;
   width:960px;
   height:108px;
}
#pagehome {
   width:958px;
   background:#fff url("/graphics/pagebg2.gif") repeat-y 0 0;
   margin:0 auto;
   text-align:left;
   padding:0;
   border-left:1px solid #7F7C7C;
   border-right:1px solid #7F7C7C;
}
#page {
   width:958px;
   background:#fff url("/graphics/pagebg3.gif") repeat-y 0 0;
   margin:0 auto;
   text-align:left;
   padding:0;
   border-left:1px solid #7F7C7C;
   border-right:1px solid #7F7C7C;
}
#left {
   float:left;
   width:224px;
   background:#f4f2e7 url("/graphics/leftnavbg.png") no-repeat left bottom;
   
}
#left .col {
   padding:15px 0 40px 15px;
}
#contentcol {
   float:left;
   width:475px;
}
#contentcol .col {
   padding:15px 0 15px 35px;
}
#right {
   float:right;
   width:224px;
   background:#f4f2e7 url("/graphics/rightbg.png") no-repeat 0 bottom;
   min-height:400px;
}
#right .col {
   padding:15px 10px 15px 10px;
}



/* Footer
----------------------------------------------- */

#footer {
   background:url("/graphics/footer.png") no-repeat 0 0;
   width:960px;
   height:80px;
   margin:0 auto;
   text-align:left;
   padding:25px 0 0 0;
}
#footer .left {
   float:left;
   width:200px;
   padding:0 0 0 35px;
}

#footer .right {
   float:right;
   width:600px;
   text-align:right;
   padding:0 35px 0 0;
}

#footer span {
   color:#e4021d;
   font-weight:bold;
}



/* Topnav
----------------------------------------------- */

#navcontainer {
   margin:0 auto;
   width:958px;
   border-left:1px solid #7F7C7C;
   border-right:1px solid #7F7C7C;
   background:#737373 url("../graphics/navbg2.gif") repeat-x 0 0;
   text-align:center;
}
#navcontainer ul {
   padding:0;
   margin:0;
   display:inline;
   list-style-type:none;
}
#navcontainer ul li {
   padding:0;
   margin:0;
   display:inline;
   float:left;
   text-align:center;
}
#navcontainer a {
   padding:13px 27px 13px 27px;
   color:#fff;
   font-size:1.1em;
   font-weight:bold;
   text-decoration: none;
   display:block;
   border-right:1px solid #fff;
}
#navcontainer a.last {
   padding-right:0;
   border-right:none;
}
#navcontainer div.breaker {
   background-color:#fff;
}
#navcontainer a:hover {
   text-decoration: underline;

}



/* Home
----------------------------------------------- */

#lefthome {
   width:479px;
   float:left;
   text-align:left;
}
#lefthome .col {
   padding:0 34px 0 34px;
   background:#F4F2E7 url("/graphics/homecurve.png") no-repeat 0 0;
}

#lefthome .intro {
   height:222px;
   overflow:hidden;
   padding:20px 0 0 0;
   margin:0 0 1em 0;
}
#righthome {
   width:479px;
   float:right;
   text-align:left;

}
#righthome .col {
   padding:0 34px 1em 34px;
}
#righthome .homeimage {
   width:389px;
   height:242px;
   margin:0 0 1em 0;
}

#lefthome .intro h1  {
   color:#a93902;
   font-size:1.6em;
   line-height:1.2em;
   font-weight:bold;
   padding:0;
   margin:5px 0 10px 0;  
}
#lefthome .intro p  {
   color:#a93902;
   font-size:1.1em;
}

#lefthome h2, #righthome h2 {
   clear:both;
   font-size:1.2em;
   color:#e4021d;
   padding:5px 0px 7px 0;
   padding:0px 0px 0.35em 0;
   margin:0 0 0.5em 0;
   border-bottom:1px solid #acaaaa;
}


/* Home content  
----------------------------------------------- */

div.homecontent {
   width:100%;
   margin:0 0 1em 0;
   padding:0 0 0.5em 0;
}
div.homecontent ul li {
   display:block;
   background-image:url("/graphics/homearrow.png");
   background-repeat:no-repeat;
   background-position:0 4px;
   padding:0px 10px 1em 15px;
   margin:0;
   color:#000;
}



/* Home news 
----------------------------------------------- */

#homenews {
   clear:both;
}
#homenews ul {
   list-style-type:none; 
   margin:0 0 1em 0;
}
#homenews ul li a {
   display:block;
   background-image:url("/graphics/homearrow.png");
   background-repeat:no-repeat;
   background-position:0 4px;
   padding:0px 10px 1em 15px;
   margin:0;
   color:#000;
}
#homenews ul li a:hover {
   color:#e4021d;
}


/* SearchBar
----------------------------------------------- */

#searchbar {
   padding:0;
   background:#EB021F url("/graphics/navbg.gif") repeat-x 0 0;
   margin:0 auto;
   width:958px;
   height:34px;
   color:#fff;
   border-left:1px solid #7F7C7C;
   border-right:1px solid #7F7C7C;
}
#searchbar .left {
   float:left;
   width:460px;
   padding:0 0 0 17px;
   text-align:left;
}
#searchbar .left a {
   color:#fff;
}
#searchbar #mastlogin p {
   padding:0.5em 0 0 0;
   margin:0;
}
#searchbar #mastlogin p a.loglink {
   font-weight:bold;
   background:url("/graphics/whitearrow.png") no-repeat 0 4px;
   padding:0 0 0 12px;
}

#searchbar .right {
   float:right;
   width:380px;
   text-align:right;
   padding:5px 0 0 0;
}
#searchbar table {
   float:right;
   margin:0 10px 0 0;
}

#searchbar span {
   color:#67000c;
   padding:0 4px 0 4px;
}



/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 20px 1em 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 1em 20px;
}
img.left1, img.right1 {
   border:1px solid #666;
}
img.none1 {
   float:none;
   border:1px solid #666;
}
img.none2 {
   float:none;
   border:none;
}


/* Content
----------------------------------------------- */

#contentcol h1 {
   color:#e4021d;
   font-size:1.9em;
   font-weight:bold;
   line-height:1.3em;
   padding:0px 0px 0.35em 0;
   margin:0 0 0.5em 0;
   border-bottom:1px solid #acaaaa;
}
#contentcol h2 {
   color:#e4021d;
   font:1.1em Arial,Sans-serif;
   font-weight:bold;
   line-height:1.3em;
   padding:0 0 3px 0;
   margin:0;
}
#contentcol h3 {
   color:#663300;
   font:0.9em Arial,Sans-serif;
   font-weight:bold;
   line-height:1.3em;
   padding:0px 0px 3px 0;
}
#right h2 {
   color:#e4021d;
   font:1.1em Arial,Sans-serif;
   font-weight:bold;
   line-height:1.3em;
   padding:0 0 3px 0;
   margin:0 5px 10px 0;
   border-bottom:1px solid #ACAAAA;
}
#contentcol ul {
   list-style-type:none; 
   margin:0 0 1em 0;
}
#contentcol ul li {
   background-image:url("/graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:15px 6px;
   padding:0px 10px 1em 30px;
   margin:0;
}
#contentcol ul ul {
   list-style-type:none; 
   margin:0 0 0.2em 0;
}
#contentcol ul li li {
   background-image:url("/graphics/bullet03.gif");
   background-repeat:no-repeat;
   background-position:0px 7px;
   padding:0.2em 10px 0.2em 10px;
   margin:0;
   font-size:0.85em;
   border:none;
}
#right ul {
   list-style-type:none; 
   margin:0 0 1em 0;
}
#right ul li {
   background-image:url("/graphics/arrow03.gif");
   background-repeat:no-repeat;
   background-position:0px 3px;
   padding:0px 10px 1em 15px;
   margin:0;
   
}

ol {
   padding:10px 0 0 35px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}



/* LeftNav
----------------------------------------------- */

#left h2 {
   color:#A93902;
   font:1.1em Arial,Sans-serif;
   font-weight:bold;
   line-height:1.3em;
   padding:0 0 3px 0;
   margin:0;
   border-bottom:1px solid #fff;
}
#left ul {
   list-style-type:none; 
   margin:0 0 1em 0;
   padding:0 0 20px 0;
}
#left ul li {
   background-image:url("/graphics/arrow02.gif");
   background-repeat:no-repeat;
   background-position:5px 7px;
   padding:0.3em 10px 0.3em 20px;
   margin:0;
   border-bottom:1px solid #fff;
   font-size:0.9em;
}
#left ul li a {
   color:#663300;
   font-weight:bold;
}
#left ul ul {
   list-style-type:none; 
   margin:0 0 0.4em 0;
   padding:0;
}
#left ul li li {
   background-image:url("/graphics/bullet02.gif");
   background-repeat:no-repeat;
   background-position:0px 7px;
   padding:0.2em 10px 0.2em 10px;
   margin:0;
   font-size:0.95em;
   border:none;
}
#left ul li li a {
   color:#663300;
   font-weight:normal;
}



/* Right
----------------------------------------------- */

#banners {
   text-align:center;
   padding:10px 0;
}
#right .related ul li.word {
   background-image:url("/graphics/word.gif");
   background-repeat:no-repeat;
   line-height:1.2em;
   background-position:0 2px;
   padding:0 10px 15px 25px;
}
#right .related ul li.pdf {
   background-image:url("/graphics/pdf.gif");
   background-repeat:no-repeat;
   line-height:1.2em;
   background-position:0 2px;
   padding:0 10px 15px 25px;
}




/* Listing 
----------------------------------------------- */

#contentcol .listing h2 {
   background-color:#dad4b1;
   font-size:1.1em;
   font-family:arial;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 1px 0;
   color:#663300;
}
#contentcol .listing h3 {
   font-size:1em;
}
#contentcol .listing p {
   line-height:1.6em;
   margin:0 0 1.5em 0;
}
#contentcol .listing ul {
   line-height:1.4em;
   list-style-type:none; 
   margin:0;
}
#contentcol .listing ul li {
   background-image:url("/graphics/arrow03.gif");
   background-repeat:no-repeat;
   background-position:6px 8px;
   padding:4px 2px 0.5em 22px;
   margin:0 0 1px 0;
   background-color:#f4eee4;
}
#contentcol .listing ul li.pdf {
   background-image:url("/graphics/pdf.gif");
   background-repeat:no-repeat;
   background-position:10px 6px;
   padding:4px 2px 0.5em 32px;
   margin:0 0 1px 0;
   background-color:#f4eee4;
}
#contentcol .listing ul li.word {
   background-image:url("/graphics/word.gif");
   background-repeat:no-repeat;
   background-position:10px 6px;
   padding:4px 2px 0.5em 32px;
   margin:0 0 1px 0;
   background-color:#f4eee4;
}
#contentcol .listing ul li.text {
   background-image:url("../graphics/text.gif");
   background-repeat:no-repeat;
   background-position:13px 6px;
   padding:4px 2px 0.5em 32px;
   margin:0 0 1px 0;
   background-color:#f4eee4;
}

#contentcol .listing ul li a {
   font-weight:bold;
   text-decoration:none;
}
#contentcol .listing ul li a:hover {

   text-decoration:underline;
}


/* Forms
----------------------------------------------- */

#form {
   border-top:1px solid #c8c7c7;
   border-bottom:1px solid #c8c7c7;
   margin:0 20px 0 20px;
}
#form form {
  padding:20px 0px 15px 0px;
}

#form h3 {
   font-size:1.1em;
   margin:0 0 4px 0;
   padding:0 0 0.5em 0;
}
#form p {
   line-height:1.3em;
   margin:0 0 0.6em 0;
}
#form fieldset {
   border:none;
}
#form input {
}
#form label {
   margin:0;
   padding:0;
}
#form form table {
}
#form form table td {
   padding:10px 10px 5px 0px;
}
#form form table th {
   background:#666;
   color:#fff;
   padding:10px 10px 10px 5px;
}



/* Reg box
----------------------------------------------- */

#regbox {
   background-color:#eee;
   border-bottom:1px solid #fff;
   padding:0.5em 14px 0.7em 14px;
}



/* Tables (content)    
----------------------------------------------- */

div.content table {
   border-color:#666;
   border-style:solid;
   border-width:0 0 1px 1px;
   border-collapse:collapse;
   margin:0 0 0.5em 0;
}
div.content table th, div.content table thead td {
   padding:4px 5px 4px 5px;
   border-color:#666;
   border-style:solid;
   border-width:1px 1px 0 0;
   color:#fff;
   background-color:#666;
}
div.content table td {
  padding:4px 5px 4px 5px;
  background-color:#fff;
  border-color:#666;
  border-style:solid;
  border-width:1px 1px 0 0;
}