@font-face {
    font-family: 'open_sansregular';
    src: local('Open Sans'),
         url('/skin/opensans_regular_macroman/OpenSans-Regular-webfont.eot'),
         url('/skin/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('/skin/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/skin/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: local('Open Sans Bold'),
         url('/skin/opensans_bold_macroman/OpenSans-Bold-webfont.eot'),
         url('/skin/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('/skin/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/skin/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

html, body {height:100%}

body {
        padding:0px;
        margin:0px;
        color: #111;
        background-color: #f9f9f9;
        font-family: "open_sansregular", "Liberation Sans", Helvetica, Arial, sans-serif;
        font-size:11pt;
}

.header { background-color: #fff;  }
a#header {
    padding: 20px 0px 10px 110px;
    min-height: 90px;
    position: relative;
    display: block;
}
h1 img { vertical-align: bottom; position: absolute; bottom:0; left:0}
h1 a:link, h1 a:visited { text-decoration: none }
h1, h2, h3, h4 {
        font-family: "open_sansbold", "Liberation Sans", Helvetica, Arial, sans-serif;
        margin: 1.5em 0 0.5em;
}
h1 + p, h2 + p, h3 + p, h4 + p {
        margin-top: 0.5em
}

h1 { margin: 0; font-size: 45pt; line-height: 1.1 }
h2 { font-size:20pt; }
h3 { font-size:13pt; clear: left }
h4 { font-size:11pt; clear: left }
p { line-height: 1.45 }

.subheader, .pagesubheader {
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
        position: relative;
        text-align: center;
}
.subheader { background-color: #263832; z-index: 3}
.pagesubheader { background-color: #373f37; z-index: 2}
.subheader:before { display: block; content: " "; height:1px;
        -webkit-box-shadow: 0px -8px 10px 1.5px rgba(50,128,50,1);
        -moz-box-shadow: 0px -8px 10px 1.5px rgba(50,128,50,1);
        box-shadow: 0px -6px 10px 1.5px rgba(50,128,50,1);
        }

.subheader ul, .pagesubheader ul { margin: 0; padding:0; display: inline-block }
.subheader li, .pagesubheader li, .pagesubheader h4 { display: inline-block; padding: 0.75em 1em; margin: 0; color: #ccc; font-size: 11pt }
.pagesubheader h4:after { content: ":" }
.subheader a, .pagesubheader a { color: #eee; text-decoration: none }
.subheader a:visited, .pagesubheader a:visited { color: #bbb; text-decoration: none }

.content, #footer { max-width: 800px; min-width: 290px; padding: 0 1em; margin: 0 auto; }

#footer {
        border-top: 1px solid #444;
        margin: 3em auto 1em;
        text-align: center;
}

#clearfooter {
        clear: both;
        height: 1px;
}

/** Temporary **/
.box h3, .boxModules { display: none }

/*** Other formatting ***/

/* elements */
a {
        background-color:transparent;
        color:#475
}

a:visited {
        background-color:transparent;
        color:#243
}

a:hover{text-decoration:underline overline}

img { border:0; max-width: 100% }
form br, form p {clear:both}
form {width:100%}

form:after, #refList:after, .sample:after {
	display:block;
	content:".";
	height:1px;
	line-height:0%;
	overflow:hidden;
	clear:both;
color:#222;
}

label, .input, .lrgtextarea, .lrgtextbox, select {
	margin: 6px 4px;
	display: block;
	width: 150px;
	float: left;
}

.textarea {
	width: 250px;
	height: 100px;
}

.lrgtextarea {
	width: 400px;
	height: 200px;
}

input.tickbox {margin: 10px; float:left; display:block}

label {
	text-align: right;
	width: 150px;
        padding-right: 0.5em;

}

select{width:auto;}

label.flowed{width:auto; padding-left:2em}
label.tickbox{width:auto; text-align:left; padding-right:1em}

li { margin: 0.75em 0; padding: 0 }

/* classes */
.sml {
    font-size: 80%;
}

.centertext{
        text-align:center;
}
.copyright {
        padding-top:0.25em;
        font-size:8pt;
        text-align:center
}

.download H2{
font-size:10pt;
font-weight:bold;
}

.download p{
line-height:120%;
}

.hide{
        visibility:hidden;
        height:1px;
        overflow:hidden;
        margin: 0; padding: 0
}

.righttext{
text-align:right;
}

.stats{
        padding:0.5em 0;
        font-size:8pt;
        text-align:center
}

.question{
padding-top:1.5em;
font-weight:bold;
}
.answer{
padding-left:10px;
}

br.both{
clear:both
}   

.error {width:80%; text-align:center; margin:1em auto; padding:0.5em; border:1px solid #333; background-color:#111}

.lrgtextarea{ width:400px; height: 150px }

ul { margin:1em 0; padding: 0 0.5em 0 2.5em}
ul ul { margin: 0.25em 0;}
dt {font-weight:bold}
dd { margin: 0 0.5em 2em 3em}
.dllistdetail {
    margin-left: 2em;
}
.dllistdetail dt, .dllistdetail dd, .dldetail dt, .dldetail dd { display: inline; margin: 0}
.dllistdetail dt:before, .dldetail dt:before { display: block; content: " "; height: 0.3em}

.actionlist li {
    float: left;
    list-style: none;
}
.actionlist li + li:before {
        content: "\A0\A0||\A0\A0"
}
ins{color:#660; text-decoration:none}
ins:before{content:"++ "}
ins:after{content:" ++"}
ins a:link,ins a:visited,ins a:hover,ins a:active{color:#aa3}
.copyrightText{font-size:8pt; margin: 1em 15%; width:70%; border:1px solid #333; padding:0.25em}
.footerLinks{text-align:center; margin-top: 2em}
.prev{float:left}
.next{float:right}

blockquote{
  border:1px solid #343;
  border-left:3px solid #484;
  padding: 0.5em 0.5em 0.5em 1.5em
}
.dlCats ul{width:100%;margin:0.2em 0; padding:0}
.dlCats ul:after{content:" "; display:block; clear:both}
.dlCats li{float:left; list-style-type:none; margin:0 1em 0.25em 0}

q{font-style:italic}
q:before, q:after {content:"\201C"}

#refList{margin:0; padding:0; width:100%}
#refList li{margin:0; padding:0; float:left; display:block}

cite a{font-style:normal}
.permalink{text-align:right; margin:-2.5em 1em 0 0}
.permalink a img {border-width: 0}
.newsFooter {text-align:center}
.datestamp{ font-size:8pt; font-style:italic }
hr{border-width:0px; height:3px; width:80%; color:#444; background-color:#444}

.amazon { width: 280px; float: left; margin: 10px; }
.amazon iframe { width:130px; height:240px; margin: 0 75px}
.amazon .buy { margin: 0; text-align: center }
.warning {
    background-color: #eeb;
    margin: 1em 2em;
    padding: 1.5em;
    border: 3px dotted #fd3;
}

.illustration { float: right; text-align: center; margin: 0 1em }