/* CSS Document */

.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both; }

.hidden { display: none; }

img, div { behavior: url(http://www.qcspace.co.uk/iepngfix.htc); }

.lock {
position: absolute;
/*background-image: url(images/lock.png);
background-repeat: no-repeat;*/
height: 161px;
width: 135px;
z-index: 1;
margin: 80px 0 0 210px;
}

#skip-to-nav {
display: none;
}

body {
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#wrapper {
width: 745px;
margin: 20px auto;
}

#header {
width: 745px;
height: 101px;
background-image: url(images/header-bg.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0 0 15px 0;
}

#header h1 a {
width: 240px;
height: 101px;
padding: 0;
margin: 0;
display: block;
}

#wrapper-left {
width: 240px;
background-color: #fff;
padding: 0;
margin: 0;
float: left;
}

#nav {
padding: 0;
margin: 0 0 15px 0;
width: 240px;
}

#nav ul {
margin: 0;
padding: 0;
width: 240px;
background-color: #fff;
list-style: none;
}

#nav ul li.page_item {
padding: 0;
margin: 0;
}

#nav ul li.page_item a {
width: 205px;
height: 23px;
background-color: #fff;
background-image: url(images/nav-primary-bg.gif);
background-repeat: no-repeat;
display: block;
padding: 8px 0 0 35px;
margin: 0;
text-decoration: none;
color: #333;
font-size: 0.77em;
}

#nav ul li.page_item a:hover {
color: #8B0112;
}

#nav ul li.current_page_item a {
color: #8B0112;
}

#nav ul li.current_page_item a:hover {
color: #8B0112;
}

#nav ul li.current_page_item ul {
width: 225px;
padding: 0 0 0 15px;
margin: 0;
list-style: none;
display: block;
}

#nav ul li.page_item ul li a {
background-image: url(images/nav-sub-bg.gif);
background-repeat: no-repeat;
margin: 0;
padding: 9px 0 0 20px;
color: #666;
font-size: 0.7em;
width: 205px;
height: 22px;
}

#nav ul li.page_item ul li a:hover {
color: #8B0112;
}

#nav ul li.current_page_item ul li.current_page_item a {
color: #8B0112;
width: 205px;
}

#nav ul li.current_page_item ul li.current_page_item a:hover {
color: #333;
}

#latest-news {
width: 236px;
border: 1px solid #A3A3A3;
margin: 0;
padding: 0;
}

#latest-news {
width: 224px;
display: block;
margin: 0 0 0 14px;
padding: 0;
}

#latest-news h2 {
background-image: url(images/latest-news-bg.gif);
background-repeat: no-repeat;
height: 27px;
padding: 5px 0 0 14px;
margin: 0;
font-size: 0.77em;
font-weight: normal;
color: #fff;
}

#latest-news h3 {
padding: 0 5px 5px 0;
margin: 0;
font-size: 0.77em;
font-weight: normal;
color: #fff;
}

#latest-news h3 a {
color: #8B0112;
}

#latest-news h3 a:hover {
color: #333;
}

#latest-news p {
padding: 0 5px 5px 0;
margin: 0;
font-size: 0.77em;
font-weight: normal;
color: #666;
}

.latest-news-piece {
margin: 0 5px 5px 5px;
padding: 10px;
background-color: #EBEBEB;
}

#wrapper-right {
width: 490px;
background-color: #fff;
padding: 0;
margin: 0;
float: right;
}

#featured-wrapper {
padding: 0;
margin: 0 0 20px 0;
}

#newsletter {
height: 138px;
width: 137px;
background-image: url(images/newsletter-bg.jpg);
background-repeat: no-repeat;
float: left;
margin: 0;
padding: 35px 0 0 151px;
}

#newsletter fieldset {
border: none;
margin: 0;
padding: 0;
}

#newsletter legend {
display: none;
}

#newsletter input.text {
width: 111px;
border: 1px solid #A5ACB2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.77em;
padding: 4px;
}

#newsletter input.submit {
width: 121px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.77em;
margin-top: 14px;
padding: 2px;
}

#newsletter label {
color: #E0E0E0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.77em;
}

#newsletter p {
padding: 10px 10px 0 5px;
margin: 0;
font-size: 0.77em;
line-height: 1.5em;
color: #efefef;
}

#featured-nav {
width: 191px;
background-color: #fff;
float: right;
padding: 0;
margin: 0;
}

#featured-nav ul {
padding: 0;
margin: 0;
list-style: none;
height: 173px;
}

#featured-nav ul li {
padding: 0;
margin: 0;
}

#featured-nav ul li a.badge-sc {
width: 191px;
height: 94px;
background-image:url(images/badge-calculator.gif);
background-repeat: no-repeat;
display: block;
margin: 0 0 7px 0;
padding: 0;
}

#featured-nav ul li a.badge-ml {
width: 191px;
height: 72px;
background-image: url(images/badge-members.gif);
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 0;
}

#editorial h2 {
font-size: 0.9em;
font-weight: bold;
margin: 0;
line-height: 1.4em;
color: #8B0112;
}

#editorial .content-block {
background-color: #EBEBEB;
background-image: url(images/editorial-h2-bg.gif);
background-repeat: no-repeat;
margin: 0;
padding: 20px 15px 2px 15px;
min-height: 253px;
}

#editorial .content-block h2 {
font-weight: bold;
padding-top: 10px;
}

#editorial .content-block h3 {
font-size: 0.9em;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
}

#editorial .content-block h4 {
font-size: 0.8em;
font-weight: bold;
margin: 0;
padding: 0 0 5px 0;
}

#editorial p {
padding: 0 0 10px 0;
margin: 0;
font-size: 0.77em;
line-height: 1.5em;
}

#editorial em {
color: #8B0112;
font-style: normal;
}

#editorial p.published-stamp {
font-size: 0.6em;
padding-bottom: 0;
}

#editorial a {
color: #8B0112;
}

#editorial a:hover {
color: #333;
}

#editorial blockquote {
padding: 0;
margin: 5px 40px 10px 20px;
font-style: italic;
}

#editorial ul, #editorial ol {
padding: 0;
margin: 5px 40px 10px 40px;
line-height: 1.2em;
}

#editorial li {
list-style: square;
font-size: 0.77em;
}

#editorial img {
float: left;
margin: 4px 10px 5px 0;
padding: 5px;
border: 1px solid #ccc;
background-color: #fff;
}

.maintitle {
background-image: url(images/editorial-h2-bg.gif);
background-repeat: no-repeat;
width: 490px;
height: 9px;
margin: 0;
padding: 0;
}

#banner {
width: 490px;
height: 113px;
dispay: block;
padding: 0;
margin: 0 0 15px 2px;
background-repeat: no-repeat;
}

#banner-inline {
width: 490px;
height: 113px;
dispay: block;
padding: 0;
margin: 0 0 15px 2px;
background-repeat: no-repeat;
}

.contact-info {
width: 235px;
float: left;
padding: 0;
margin: 0 0 20px 0;
}
#contact-info em {
font-style: normal;
color: #8B0112;
}

#contact-map {
width: 207px;
float: right;
padding: 0;
margin: 0;
text-align: right;
}

#contact-map a {
background-image: url(images/map.gif);
background-repeat: no-repeat;
display: block;
width: 207px;
height: 150px;
}

#contact-map2 {
width: 207px;
float: right;
padding: 0;
margin: 0;
text-align: right;
}

#contact-map2 a {
background-image: url(images/map2.gif);
background-repeat: no-repeat;
display: block;
width: 207px;
height: 150px;
}

#footer {
display: block;
width: 745px;
height: 48px;
background-image: url(images/footer-bg.gif);
background-repeat: no-repeat;
padding: 0;
margin: 15px 0 0 0;
color: #333;
}

a#ssa {
position: absolute;
display: block;
height: 28px;
width: 48px;
background-color: transparent;
padding: 0;
margin: 7px 0 0 8px;
}

a#cassoa {
position: absolute;
display: block;
height: 28px;
width: 44px;
background-color: transparent;
padding: 0;
margin: 7px 0 0 64px;
}

#footer p {
text-align: right;
font-size: 0.7em;
padding: 10px 10px 0 0;
}

#footer a {
text-decoration: none;
color: #8B0112;
}

#footer a:hover {
text-decoration: none;
color: #333;
}

#links{
display: block;
width: 745px;
height: 32px;
padding: 0;
margin: 5px 0 0 0;
color: #333;
font-size: 0.6em;
text-align: right;
}

#links ul {
list-style: none;
padding: 0;
margin: 0 7px 0 0;
}

#links ul li {
display: inline;
padding: 0 3px;
}

#links ul li a {
color: #8B0112;
}

#links ul li a:hover {
color: #333;
}

#validation{
display: block;
width: 745px;
height: 42px;
padding: 0;
margin: 0;
color: #333;
font-size: 0.6em;
text-align: right;
}

#validation ul {
text-align: right;
list-style: none;
padding: 0;
margin: 0 4px 0 0;
margin-left: 250px;
}

#validation ul li {
margin: 0;
padding: 0 5px;
float: right;
}

#validation ul li a.xhtml {
background-color: #fff;
margin: 0;
padding: 0;
width: 80px;
height: 15px;
display: block;
background-image: url(images/valid-xhtml.gif);
background-repeat: no-repeat;
}

#validation ul li a.css{
background-color: #fff;
margin: 0;
padding: 0;
width: 80px;
height: 15px;
display: block;
background-image: url(images/valid-css.gif);
background-repeat: no-repeat;
}

#validation ul li a.aa{
background-color: #fff;
margin: 0;
padding: 0;
width: 80px;
height: 15px;
display: block;
background-image:url(images/aa.gif);
background-repeat: no-repeat;
}

#intouchform {
margin-top: -20px;
padding: 0;
font-size: 0.77em;
}

#intouchform .inputfield label {
width: 140px;
}

#intouchform .submitbutton {
margin-left: 34px;
}

#editorial table {
border: 1px solid #ccc;
font-size: 0.77em;
padding: 5px;
width: 460px;
margin-bottom: 20px;
}

#editorial th {
padding: 5px;
background-color: #ccc;
text-align: center;
}

#editorial td {
border: 1px solid #ccc;
padding: 5px;
background-color: #efefef;
text-align: center;
}