/**
 * Description				: Layout styles for standards-compliant browsers
 * Author							: Stephen Lewis (stephen@meetmanifest.com)
 * Version						: 0001
 * Date								: 30th November 2006
 */

* {margin : 0; padding : 0;}
p {margin-bottom : 1em;}
abbr, acronym {border-bottom : 1px dotted #000;}


/* =img
 -------------------------------------------------------------*/
img {padding : 1px; border : 1px solid #000;}
img.article_image {float : left; width : 149px; margin : 0 18px 1.5em 0;}


/* =ul
 -------------------------------------------------------------*/
ul {margin : 1.5em;}
ul li {margin-bottom : 0.5em;}


/* =ol
 -------------------------------------------------------------*/
ol {margin : 1.5em 2em;}
ol li {margin-bottom : 0.5em;}


/* =a
 -------------------------------------------------------------*/
a, a:link {border-bottom : 1px solid #000;}
a:hover {border : none;}


/* =h*
 -------------------------------------------------------------*/
/* Section heading */
h1 {min-height : 70px; margin : 12px 0 0; padding : 18px 379px 12px 9px; border-bottom : 1px solid #000;}
h2 {margin : 0 0 0.667em;}
h3 {margin : 1.5em 0 0.75em;}
h4 {margin : 1.714em 0 0.857em;}
h5 {margin : 1em 0 0.5em; padding-bottom : 0.5em; border-bottom : 1px solid #000;}

h2 + h3,
h2 + h4,
h2 + h5,
h3 + h4,
h3 + h5,
h4 + h5 {margin-top : 0;}


/* =date
 -------------------------------------------------------------*/
p.date {margin-bottom : 1.8em; padding : 0.8em 0 1.2em; border-bottom : 1px solid #000;}


/* =clearfix
 -------------------------------------------------------------*/
.clearfix:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}


/* =form
 -------------------------------------------------------------*/
form {margin : 1.5em 0 0;}
fieldset {margin : 0 0 1.5em; padding : 1em 0; border : none;}
label {float : left; width : 150px; margin : 2px 18px 0.167em 0;}
label span.optional {display : block;}
form div {margin-bottom : 1em; padding-top : 1em; border-top : 1px solid #000;}

form div:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}

input[type="text"],
select,
textarea {width : 60%; padding : 2px; border : 1px solid #000;}

textarea {height : 6em;}
input[type="submit"] {padding : 0.5em; border : 3px double #000;}
div.submit_wrapper {margin : 1.5em 0 0; padding : 1em 0 0;}
form span.advice {display : block; margin-left : 168px;}
form span.field_error {display : block;}


/* =form_error
 -------------------------------------------------------------*/
div.form_error {padding : 18px; border : 2px solid #000;}
.form_error h2 {margin-top : 0;}


/* =wrapper
 -------------------------------------------------------------*/
#wrapper {width : 722px; margin : 0 auto 18px; padding : 0 9px 9px; border-top : 1px solid #000;}


/* =nav_acc
 -------------------------------------------------------------*/
#nav_acc {position : absolute; left : -9999em; width : 20em;}


/* =nav_primary
 -------------------------------------------------------------*/
#nav_primary {margin : 0;}
#nav_primary li {float : left; margin : 0; border-right : 1px solid #000;}
#nav_primary a {display : block; padding : 9px 12px; border : none;}


/* =nav_secondary
 -------------------------------------------------------------*/
#nav_secondary {margin : 0; border-bottom : 1px solid #000;}
#nav_secondary li {float : left; margin : 0 9px 0 0; padding : 0 9px;}
#nav_secondary a {display : block; padding : 12px 0 9px; border-bottom : 2px solid #000;}
#nav_secondary abbr {border : none;}


/* =nav_supp
 -------------------------------------------------------------*/
#nav_supp {margin : 0; padding : 18px 9px; border-top : 1px solid #000;}
#nav_supp li {float : left; margin-right : 1.636em; margin-bottom : 1.09em;}
#nav_supp a {border : none;}


/* =nav_list
 -------------------------------------------------------------*/
ul.nav_list {margin : 0.5em 0 2.5em;}
.nav_list li {padding-left : 10px;}
.nav_list a {border : none;}


/* =brand
 -------------------------------------------------------------*/
#brand {position : relative; height : 115px;}

#brand h1 {
position : absolute;
top : 18px;
left : 9px;
width : 427px;
height : 75px;
min-height : none;
margin : 0;
padding : 0;
border : none;
}

#brand h1 a {
position : absolute;
display : block;
width : 427px;
height : 75px;
border : none;
}


/* =content_primary
 -------------------------------------------------------------*/
#content_primary {float : left; width : 519px; padding : 9px;}


/* =content_secondary
 -------------------------------------------------------------*/
#content_secondary {
float : right;
width : 149px;
min-height : 261px;
margin-top : 9px;
padding : 0 9px 9px 18px;
}

#content_secondary h5 {margin-top : 1.5em;}


/* =supp
 -------------------------------------------------------------*/
#supp {margin-top : 3em;}
#supp p#copyright {float : left; width : 519px; margin-bottom : 18px; padding : 6px 9px; border-top : 3px solid #000;}
#supp p#credit {float : right; width : 149px; margin-bottom : 18px; padding : 6px 9px; border-top : 3px solid #000;}
#supp p#credit a {border : none;}
#supp p#credit a:first-child {display : block;}
#supp div#legal {clear : both; padding : 9px; border-top : 1px solid #000;}


/* =section_index
 -------------------------------------------------------------*/
ul#section_index {margin : 0.5em 0 1.5em;}
#section_index li {padding : 0.5em 0.5em 1em; border-bottom : 1px solid #000;}
#section_index h2 {margin : 0;}
#section_index h2 a {border : none;}


/* =site_intro
 -------------------------------------------------------------*/
#site_intro {
min-height : 131px;
margin : 0;
padding : 9px 185px 18px 18px;
border-top : 1px solid #000;
border-bottom : 2px solid #000;
}

#site_intro h1 {min-height : 0; margin : 0 0 0.375em; padding : 0; border : none;}


/* =section_home variants
 -------------------------------------------------------------*/
body#section_home #content_primary {padding-top : 0;}
body#section_home #content_secondary {margin-top : 0;}


/* =generic_index
 -------------------------------------------------------------*/
ul.generic_index {margin : 1.5em 0 1.5em; padding-top : 0.5em; border-top : 1px solid #000;}
.generic_index li {margin-bottom : 0.5em; padding-bottom : 1.5em; border-bottom : 1px solid #000;}
.generic_index h3 {margin-top : 0;}
.generic_index h3 a {border : none;}
.generic_index p.date {margin : -0.6em 0 0.9em; padding : 0; border : none;}

.generic_index a.thumb {
float : right;
width : 158px;
margin-left : 18px;
margin-bottom : 1.5em;
border : none;
}

.generic_index a.action {display : block; padding-left : 10px; border : none;}


/* =inset (used on guide pages)
 -------------------------------------------------------------*/
div.inset {float : left; width : 158px; margin : 0.5em 18px 1em 0;}