/** RESET BROWSER DEFAULTS **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Arial, Verdana, Helvetica, sans-serif;vertical-align:baseline;}


body {
background:#36363A url(../images/body.png) top left repeat-x;
}

#wrapper {
width:980px;
margin:0 auto;
}

#content {
background:#fff url(../images/content.png) top left no-repeat;
clear:both;
padding:0 0 10px 0;
min-height:500px;
overflow:hidden;
}

#header {
height:100px;
}

#logo {
float:left;
}

#nav  {
float:right;
background: url(../images/nav.png) top left no-repeat;
height:30px;
width:630px;
padding:0 10px 0 100px;
list-style:none;
margin-top:70px;

}

#nav li {
float:left;
}

#nav li  a{
display:block;
padding:8px 10px;
color:#fff;
font-size:90%;
text-decoration:none;
font-weight:bold;
}

#nav li a:hover {
color:#222;
}

#footer {
background:#202020 url(../images/footer.png) bottom left no-repeat;
margin-bottom:20px;
}

#footer p {
text-align:center;
color:#fff;
font-size:80%;
padding:10px 0;
}

h1 {
font-size:120%;
margin:0 0 10px 0;
color:#fff;
padding:8px;
height:24px;
background: url(../images/h1.png) top left no-repeat;
}

h2, h3 {
margin:20px 0 10px 0;
background:#eaeaea;
padding:6px 10px;
font-size:110%;
border-bottom:1px dotted #9dcc2c;
}

#content p {
line-height:1.2;
font-size:90%;
margin:10px;
}

#content ul {
font-size:90%;
margin:10px 30px;
}

#content ul li {
margin:4px 0;
}

#content a {
color:#333;
text-decoration:none;
border-bottom:1px dotted #9dcc2c;
}

#content a:hover {
color:#000;
border-bottom:1px solid #9dcc2c;
}

.newline {
clear:both;
padding:2px;
border-bottom:1px dotted #ccc;
overflow:hidden;
margin:0 10px;
}

.newline label {
width:200px;
float:left;
padding:6px 0 4px 0;
display:block;
}

.newline input {
margin-top:2px;
}

.newline label em{
color:#9dcc2c;
}

.newline .textbox, .newline textarea {
width:320px;
border:1px solid #202020;
padding:3px 2px;
}

.formbutton {
height:30px;
width:100px;
border:none;
background:url(../images/button.png) bottom left no-repeat;
color:#fff;
}

.formbuttonhov {
background:url(../images/button.png) top left no-repeat;
color:#000;
}

table {
border-collapse:collapse;
border:1px solid #ccc;
width:960px;
font-size:90%;
margin:10px;
}

table tbody tr th, table tbody tr td {
border:1px solid #ccc;
padding:5px;
vertical-align:middle;
text-align:left;
}

table tbody tr  td {
text-align:center;
width:100px;
}

table thead tr th {
border:1px solid #ccc;
background:#eaeaea;
padding:5px;
}

table tbody tr  td.selected, table thead tr  th.selected  {
background:#222;
color:#fff;
border:1px solid #222;
}