* { margin: 0; padding: 0 }

h1 { margin: .67em 0; font-size: 1.8em }
h2 { margin: .83em 0; font-size: 1.3em }
h3 { margin: 1em 0 }
h4 { margin: 1.33em 0 }

p, dl, ul, ol { margin: 1em 0 }

a img { border: 0 }

input, textarea { padding: 1px 0 }
select option { padding: 0 5px 0 3px;  }

input.radio { margin: 3px 3px 0 5px }
input.checkbox { margin: 3px 3px 3px 4px }

.button { padding: 0 6px }

.container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.left { float: left }
.right { float: right }

body {
    font: 11px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; 
    color: #515252;
}

a { color: #515252; }
a:visited { color:#22409f; }
a:hover { text-decoration: none }

hr {
    height: 1px;
    border: 0;
    color: #d6d6d6;
    background-color: #d6d6d6;
    clear: both;
}
#wrapper {
    width: 653px;
    background: url(../images/body-back.gif) top left no-repeat;
    padding: 110px 0 0 123px;
}

#nav {
    background-color: #0a0c1b;
    padding: 0 20px;
    border-bottom: 4px solid #91000e;
}

#nav ul { 
    float: left; 
    margin: 0
}
#nav div { 
    float: right; 
    text-align: right; 
    line-height: 25px;
    color: #929296;
}

#nav li {
    display: inline;
    line-height: 25px;
}

#nav a {
    color: #eee;
    text-decoration: none;
    padding: 0 7px;
}

#nav a:hover { color:#d00000; text-decoration:underline; }
#nav a.current { color:#d00000; text-decoration:underline; }

#banner { overflow: hidden;  }
#banner img { width: 100%; display: block }

#content ul {
    padding-left: 2em;
}

/* <#home> */
#datetime { 
    padding: 0 20px 5px 0;
    color: #888;
    font-size: 0.90em 
}
#datetime .date { float: left; }
#datetime .time { float: right; }

#home { 
    padding: 10px 0px 2em 20px;
}

#home #main {
    width: 69%;
    padding-right: 1%;
    float: left;
}

#home #secondary {
    width: 28%;
    padding: 0 1%;
    float: right;
}

#home .left { width: 49%; padding-right: 1% }
#home .right { width: 49%; padding-left: 1% }
#home .box { }

#home .box h2 { margin-bottom: 0;  }
#home .box h2 a { color: #9e0000; }
#home .box h2 a:hover { text-decoration: none }
#home .box p { margin: 0 0 5px; }
#home .box .links a { color: #2f4ba5; margin-right: 5px }
#home .home { padding-bottom: 1em }
/* </#home> */

#page {
}

#page #secondary {
    width: 29%;
    padding-right: 1%;
    float: left;
}

#page .testimonial img { width: 100%; display: block; }
#page .testimonial div { padding: 5px 10px }
#page .testimonial blockquote { font-weight: bold; padding-bottom: 5px; }

#page #main {
    width: 68%;
    padding: 0 1%;
    float: right;
}
#footer {
    background-color: #0a0c1b;
    padding: 0 20px;
    line-height: 25px;
    border-top: 4px solid #91000e;
    font-size: 10px;
    color: #aaa;
}

#footer a {
    color: #ddd;
    text-decoration: none;
}

#footer a:hover { color: #fff; text-decoration: underline }

#assessment fieldset { padding: 1em; margin: 2em 0 }
#assessment div { margin-bottom: 0.5em }
#assessment label, #assessment input.text { display: block }
#assessment .left { padding-right: 3%; width: 47%; clear: both }
#assessment .right { padding-left: 3%; width: 47% }
#assessment .left .text, #assessment .right .text, #assessment .row .text { width: 100%; }
#assessment .left textarea, #assessment .right textarea, #assessment .row textarea { width: 100%; }
#assessment .row { clear: both }
#assessment { padding-bottom: 2em }
#assessment br { clear: both }
#assessment hr { margin: 1em 0 }

#sitemap { padding: 1em 1em 2em 1em }
#sitemap ul { margin: 0; padding-left: 2em }

.error { border: 1px solid red }
.featured { border: 1px solid #e5e5e5; background-color: #f7f7f7 }

#contact fieldset { padding: 1em; margin: 2em 0 }
#contact div { margin-bottom: 0.5em }
#contact label, #assessment input.text { display: block }
#contact .left { padding-right: 3%; width: 47%; clear: both }
#contact .right { padding-left: 3%; width: 47% }
#contact .left .text, #contact .right .text, #contact .row .text { width: 100%; }
#contact .left textarea, #contact .right textarea, #contact .row textarea { width: 100%; }
#contact .row { clear: both }