/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{ margin: 0; padding: 0; border: 0; 	outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body 	{ line-height: 1;} ol, ul 	{ list-style: none;} blockquote, q { quotes: none;}
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; 	outline: 0; font-size: 100%; vertical-align: baseline; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} /* remember to define focus styles! */
:focus { outline: 0;} /* remember to highlight inserts somehow! */ ins { text-decoration: none;} del { text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */table { border-collapse: collapse;	border-spacing: 0;}
/* Clearing Floats */.clearfix 		{ display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear 			{ clear:both; height:1px; width:100%; margin-bottom:-1px; font-size:0px; line-height:0; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */


body {    
    background: #000;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    line-height: 1;
    text-align: center;
    min-width: 960px;
    margin: 0px;
}

#wrapper {
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    text-align: left;
}

#header {
    background: #51555C;
    color: #ffffff;
    overflow:auto;
}

#header h1 {
    margin: 10px 20px 10px 20px;
    font-size: 1.2em;
}

#content {
    background: #fff;
    overflow: hidden;
    width: 100%;
    font-size: 0.7em;
}

h1, h2, h3, h4 {
    margin: 15px 20px 10px 20px;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

a:link, 
a:active, 
a:visited { 
    color:#1a3e5b; 
    text-decoration:underline
}
a:hover { 
    color:#1a3e5b; 
    text-decoration:none
}

#content ul { 
    display:block; 
    margin:20px 0 20px 10px; 
    position:relative; 
    overflow:hidden;
}
#content ul li { 
    list-style-type: square;
    background:url(../img/bullet.gif) no-repeat 0 7px; 
    padding:0 0 0 10px; 
    line-height:1.5; 
    list-style-position: inside;
}

#content p {
    margin: 10px 20px 10px 20px;
    line-height: 1.5;
}

#footer {
    color: #ffffff;
    font-size: 0.7em;
}

#footer-right { 
    float:right; 
}

#content table.data {
    width: 97%;
    margin: 20px 10px 20px 10px;
    border-bottom: 1px solid #51555C;
}

#content table.data tr th {
    padding: 4px;
    border: 1px solid #51555C;
    border-right: 0px;
}

#content table.data tr th.last {
    border-right: 1px solid #51555C;
}

#content table.data tr td.last {
    border-right: 1px solid #51555C;
}

#content table.data tr td {
    background: #cfcfcf;
    padding: 4px;
    border-left: 1px solid #51555C;
}

#content table.data tr.alt td {
    background: #f1f1f1;
        
}

dl.accordian {
    margin: 20px 20px 30px 20px;
    width: 600px;
}

dl.accordian dt {
    font-size: 1em;
    background: url("../img/backgrounds/grey-gradient.gif") repeat-x bottom;
    padding: 5px;
    color: #1E6000;
    height: 15px;
    font-weight:bold;
}

dl.accordian dt:hover {
    color: Black;
    cursor: pointer;
}

dl.accordian dt span {
    float:right;
    color: #ffffff;
    background: url("../img/backgrounds/expand.png") no-repeat;
    padding: 2px 0px 1px 5px;
    width: 55px;
    height: 15px;
    font-weight: normal;
    font-size: 0.875em;
}

dl.accordian dd {
    border-bottom: 1px solid #f1f1f1;
}

.snippet {
    margin: 20px 20px 10px 20px;
    font-size: 12px;
}