/********** =typography **********/
/* font: style variant weight size/line family; */ 

html, body {background-color: #e6edf3;}

body
{
font-size: 62.5%; /* To setup 10px em base */
line-height: 1.4; 
color:#404040;
font-family: "New Baskerville W01 Roman", "Times New Roman", Georgia, serif;
}

#main {padding-bottom: 3em;}

#footer 
{
background: #f2f6f9;
border-top: 1px solid #c8d7e6;
color: #9a9c9e;
padding: 15px 0 30px;
}

#footer cite, 
#footer cite a {color: #babcbd;}
#footer cite a:hover {color: #069;}

#watershed {position: relative;}

#watershed a {margin-left: 28px;}
#watershed a span 
{
display: block;
position: absolute;
top: -4px;
left: 0;
width: 26px;
height: 26px;
text-indent: -200em;
background: url("../img/watershed.gif") no-repeat;
}

#watershed a:hover span {background-position: 0 -100px;}


/***** =style =variant =weight =size =line *****/


/* Establish 15px base */
#main, 
#footer p, 
#footer cite
{
font-size: 150%;
}

/* =headings */

#intro 
{
font-size: 240%; 
margin-top: -8px; 
margin-bottom: 29px;
}


/* h3|h4: 24/28 px */ 
.privacy h2, 
.home #main h3, 
.home #main h4, 
.prompt, 
#contact .prompt, 
#content button
{
font-weight: bold;
font-size: 160%;
line-height: 1.17;
color: #0f1b5f;
text-shadow: 0 -1px 0 #ccc;
}

.privacy h3, 
.home #main h4, 
.prompt strong
{
font-weight: normal;
font-style: italic;
color: #5986b2;
}

.privacy #main h2, 
.home #main h3 {margin-top: 1em;}

.privacy h3, 
#issues ul, 
#contact p, 
#satisfied .short blockquote p, 
.intro {font-size: 120%; line-height: 1.33;}

#issues li {margin-top: 0.33em;}


/***** =paragraphs and =lists *****/

#aside li, 
.privacy h3, 
#main h4, 
p {margin-top: 0.67em;}

.no_js #satisfied li 
{
padding-top: 0.67em;
border-top: 1px solid #c8d7e6;
}

.no_js #satisfied li:first-child, 
.has_js #satisfied li 
{
padding: 0;
border: 0;
}

#main blockquote h4:first-child, 
p#copyright {margin-top: 0;}

#main .column h3:first-child, 
#main .column p:first-child {margin: 0;}

blockquote p {text-indent: -0.4em;}

#aside blockquote div 
{
font-size: 86.7%; 
margin-top: 0.8em; 
color: black;
}


/********** =forms **********/

fieldset ol > li, 
fieldset.submit {margin-top: 0.67em;}
fieldset ul > li {margin-top: 0.33em;}

fieldset .required label {font-weight: bold;}

.required label em.required 
{
font-weight: normal;
color: #999;
}

#main fieldset .guidance 
{
color: #848c7d;
display: block;
font-style: normal;
}

input.submit, 
button {cursor: pointer;}


/* Form controls */

input.text, 
textarea, 
#cc 
{
line-height: 1.2;
background: #f2f6f9;
border: 1px solid #c8d7e6;
padding: 10px 1em 12px;
border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
}

input.text:focus, 
textarea:focus {border: 1px solid #008bd0;}