/* global style definitions */

body {
    margin-left: auto;
    margin-right: auto;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

img {
    border: 0;
}

a { 
    background: #FFF;
    color: #C33;
    text-decoration: none;
    border-bottom:1px dotted #C33;
}

a:hover {
    background: #C33;
    color: #FFF;
    }

h1 {
    font-size: 1.2em;
    color: #666;
}

h2 {
    font-size: 1.1em;
    color: #666;
}

#page {
    background: #FFF;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    display: block;
    background: url(images/header.png) left no-repeat;
    height: 265px;
    border-bottom: 0;
}


div#nav {
    /* credit to http://www.htmldog.com/articles/suckerfish/dropdowns/ */
    position: relative;
    float:left;
    width: 200px;
    padding-top: 25px;
    padding-right: 25px;
}

#nav, #nav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    z-index: 5;
    }

#nav li { /* all list items */
    position: relative;
    float: left;
    padding-bottom: 2em;
    border: 0px solid #000;
    width: 12em;
    }

#nav li ul { /* hide second-level lists */
    position : absolute;
    left: -999em;
    margin-left: 11.5em;
    margin-top: -1.25em;
    z-index: 10;
    }

#nav li li {
    padding-bottom: 0em;
}

#nav li ul ul { /* third-and-above-level lists */
    left: -999em;
    }

#nav li a {
    background: #FFF;
    color: #C33;
    display: block;
    border-bottom: 0px;
    border-left: 0.5em solid #FFF;
    padding-left: 0.5em;
    /* Firefox + Mozilla */
    opacity: 0.9;
    /* Hack for IE: */
    filter: alpha(opacity=90);
    }

#nav li a:hover, #nav li a.sfhover {
    border-left: 0.5em solid #C33;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    /* show on hover / mouse-over */
    left: -999em;
    }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

#main {
    float: left;
    width: 450px;
    padding-top: 25px;
    margin-bottom: -150px;
    border: 0px solid;
}

#footer {
    /*height: 278px;  only needed for IE */
    background: url(images/curve.png) top right no-repeat;
    clear: left;
    padding-top: 268px; 
    padding-left: 25px;
}

.line-block {
    margin-top: 1em;
}

#contact input[type="text"] {
    width: auto;
    margin-top: -1.5em;
    float: right;
}

/* IE 6 doesn't support focus */
#contact input[type='text']:focus, #contact input.sffocus{
    background: #DDD;
}

#contact label {
    display: block;
}

#contact label.required {
    font-weight: bold;
}

#contact input.required, select.required {
    background: #E55;
}



/* employee styles */
.employee {
    display: block;
    color: #666;
    margin-bottom: 2em;
    height: 120px;
}

.employee img {
    float: left;
    margin-right: 20px;
}

.employee div div {
    float: left;
}

h4 a {
    color: #666;
    text-decoration: none;
    border: none;
}

h4 a:hover {
    background: none;
}