.foo {}


@media screen
{
    body
    {
        background: #000 url(images/Knoxville-Bridge.jpg) right top no-repeat;
        font: 14px/130% Calibri, arial, verdana, sans-serif;
        color: #fff;
    }
    
    h1,h2,h3,h4,h5,h6 {font-family: Helvetica Neue, MgOpen Modata, Candara, Arial, Verdana, Sans-Serif;}
    
    ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset /*,input*/ {
        margin-bottom: 1em;
    }
    
    a {color: #f55;}
    .vcard abbr {border-bottom: none;}

    #pageHeader
    {
        background: #000;
        padding: 1em 1em;
    }
    
    #pageHeader h1 {display: none;}
    #pageHeader p.contactInfo {
        margin: 0;
        padding: 0;
        min-height: 78px;
        float: right;
        background: transparent url('images/FocalPointEye.gif') 0 center no-repeat;
        padding-left: 175px;
    }
    #pageHeader div.slogan h2 {
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom: .2em;
    }
    #pageHeader div.slogan p {
        color: #ddd;
        margin-bottom: 0;
    }
    
    #siteNav {clear: both;}
    #siteNav h2
    {
        display: none;
    }

    #siteNav ul
    {
        background: #c0c0c0 url(images/MenuBackground.gif) 0 0 repeat-x;
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }
    #siteNav ul li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: block;
        float: left;
        border-right: solid 1px #333;
    }
    #siteNav ul li:first-child
    {
        margin-left: 1em;
        border-left: solid 1px #333;
    }
    #siteNav ul li a
    {
        font-family: Segoe UI, Lucida Sans Unicode, Lucida Grande, arial, verdana, helvetica, sans;
        font-weight: 200;
        display: block;
        line-height: 16pt;
        padding: 0 9px;
        color: #003;
        text-decoration: none;
    }

    #siteNav ul li a:hover
    {
        background: transparent url(images/MenuBackground-over.gif) top left repeat-x;
        color: #fff;
    }

    #siteNav ul:after
    {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    #siteNav ul
    {
        display: inline-block;
    }
    html[xmlns] #siteNav ul
    {
        display: block;
    }
    * html #siteNav ul
    {
        height: 1%;
    }


    #content
    {
        background-image: url(images/background.jpg);
        background-color: #414141;
        background-position: top left;
        background-repeat: repeat-x;
        max-width: 65em;
        min-width: 620px;
        padding: 1em;
        color: #F0F0F0;
        border-right: solid 2px #aaa;
        border-bottom: solid 2px #aaa;
        margin-bottom: 1em;
    }
    #breadcrumbs {margin-bottom: 1em;}
    
    #breadcrumbs ul {
        background: #000 url(images/SiteMapPathBG.png) left center repeat-x;
        border: solid 1px #666;
        margin: 0;
        padding: 0;
        
    }
    
    #breadcrumbs ul li {
    float: left;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    color: #aaa;
    line-height: 2em;
    font-weight: bold;
    }
    
    
    #breadcrumbs ul li a {
        color: #aaa;
        display: block;
        line-height: 2em;
        padding-right: 17px;
        background: transparent url(images/SiteMapPathSeperator.png) center right no-repeat;
        font-weight: normal;
    }

    #breadcrumbs ul:after
    {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    #breadcrumbs ul
    {
        display: inline-block;
    }
    html[xmlns] #breadcrumbs ul
    {
        display: block;
    }
    * html #breadcrumbs ul
    {
        height: 1%;
    }
    
    
    #pageFooter {
        margin-bottom: 1em;
    }
    
    #pageFooter div.links h2 {display: none;}
      
    #pageFooter div.links ul li {
        float: left;
        margin-right: .5em;
    }
    
    #pageFooter div.links ul li:before {content: "["}
    #pageFooter div.links ul li:after {content: "]"}
    
    .clearfix:after
    {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    .clearfix
    {
        display: inline-block;
    }
    html[xmlns] .clearfix
    {
        display: block;
    }
    * html .clearfix
    {
        height: 1%;
    }
    
    /*=FORMS*/
    div.form > ul > li > label {
        display: block;
        width: 9em;
        margin-right: .5em;
        float: left;
    }
    div.form > ul > li > label + input, div.form > ul > li > label + select, div.form > ul > li > label + textarea {
        display: block;
        
        float:left;
        min-width: 200px;
    }
    div.form > ul > li > span.validate-advice {
        display: block;
        padding-left: .5em;
    }
    div.form > ul > li div.context {
        margin-left: 9.5em;
    }
    
    div.form > ul > li:after
    {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    div.form > ul > li
    {
        display: inline-block;
    }
    html[xmlns] div.form > ul > li
    {
        display: block;
    }
    * html div.form > ul > li
    {
        height: 1%;
    }
    
}