*
{
    border: 0; 
    margin: 0; 
    padding: 0;
}

body
{
    font: normal 100%  verdana, helvetica, arial, sans-serif; 
    background-color: #303030;
}

#container
{
    width: 80%; 
    max-width: 1168px; 
    overflow: hidden; 

    background: #262626;                        /* was #1a1a1a */
    color: #eeeeee;

    border: 1px solid black;

    /* bottom margin truncated after box shadow in ie7 */
    /* not yet tested on ie8 */
    margin: 15px auto 20px auto;

    box-shadow: 5px 5px 30px black;
    -moz-box-shadow: 5px 5px 30px black;
    -webkit-box-shadow: 5px 5px 30px black;
    -o-box-shadow: 5px 5px 30px black;
/*
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=black, offX=5, offY=5, positive=true);
    -ms-filter: progid:DXImageTransform.Microsoft.dropShadow(color=black, offX=5, offY=5, positive=true);
*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=15);
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=15);
}

#header
{
    width: 100%; 
    clear: both; 
    overflow: hidden; 
    background: transparent url(banner15.jpg) left top no-repeat; 
    height: 170px;
    color: white; 
}

#header h1
{
    padding-left: 1em; 
    padding-right: 0.5em; 
    color: white; 
    font-size: 200%; 
    text-align: right;
}

#header h2
{
    margin-right: 1em; 
    color: white; 
    font-size: 110%; 
    text-align: right;
}

#navbar
{
    width: 100%; 
    clear: both; 

    font-size: 120%;
    text-align: center;

    border-left: 0px;
    border-right: 0px;
    border-top: 2px solid #4d0000;;
    border-bottom: 2px solid #260000;

    box-shadow: 0px 4px 10px black;
    -moz-box-shadow: 0px 4px 10px black;
    -webkit-box-shadow: 0px 4px 10px black;
    -o-box-shadow: 0px 4px 10px black;
/*
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=black, offX=0, offY=4, positive=true);
    -ms-filter: progid:DXImageTransform.Microsoft.dropShadow(color=black, offX=0, offY=4, positive=true);
*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=black, direction=180, strength=5);
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=black, direction=180, strength=5);
}

#navbar ul
{
    background: #4D0000; 

    padding-bottom: 5px;

    border-top : 5px solid #4D0000;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #4D0000;
}

#navbar ul li
{
    display: inline; 

    padding: 0; 
    padding-top: 5px;

    border-color: #4D0000;
}

#navbar ul li.first
{
    padding-top: 5px;

    border-left: 1px solid #4D0000;
}

#navbar ul li.current
{
    padding-top: 5px;
    padding-bottom: 5px;
}

#navbar a
{
    padding: 5px 1em 5px 1em; 
    color: #e0e0e0;
    text-decoration: none;

    border-top:  2px solid #4d0000; 
    border-left:  2px solid #4d0000; 
    border-right:  2px solid #4d0000; 
    border-bottom:  2px solid #4d0000; 
}

#navbar ul li.current a
{
    padding-bottom: 5px;
    font-weight: bolder;
    font-style: normal;
    background-color: #400000;
    color: white;

    border-left-color: #800000; 
    border-right-color: #800000; 
    border-bottom-color:  #400000; 
    border-top-color:  #400000; 
}

#navbar a:link:hover, #navbar a:visited:hover
{
    background-color: #400000;
    color: white;
    border-bottom-color:  #400000; 
    border-top-color:  #400000; 

    border-left-color: #800000; 
    border-right-color: #800000; 
}

#main
{
    width: 80%; 
    margin: 1em auto;
}

div.item
{
    background: #262626;
    margin: 2em 0px 10px 0px;

    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1px;
    padding-bottom: 1px;

    border: 1px solid black;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    box-shadow: 5px 5px 30px black;
    -moz-box-shadow: 5px 5px 30px black;
/* not yet tested on opera or safari */
    -webkit-box-shadow: 5px 5px 30px black;
    -o-box-shadow: 5px 5px 30px black;
/* this shadow doesn't work in ie7 (but the one on #container does */
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=black, offX=5, offY=5, positive=true);
/* not yet tested on ie8 */
    -ms-filter: progid:DXImageTransform.Microsoft.dropShadow(color=black, offX=5, offY=5, positive=true);
}

div.item p
{
    text-align: justify;
}

div.item p.company
{
    padding-left: 4em;
    padding-right: 4em;
    font-style: italic;
    font-size: 90%;
}

#main h1
{
    font-size: 150%;
    margin: 0.5em 0.5em 0.5em 0.25em;
    text-align: left;
    color: white;
}

#main h2
{
    clear: both;

    color: #eeeeee;

    font-weight: bold;
    font-size: 120%;
    text-align: left;

    margin: 0.5em 1em 0.5em 3em;
    text-indent: -2em;
}

#main h3
{
    font-size: 110%;
    text-align: left;
    color: #eeeeee;
    margin: 1.5em 2em 0.5em 2em;
}

#main h2 + h3
{
    margin-top: 0.5em;
}

#main p
{
    margin: 1em 2em 1.5em 2em; 
}

#main ul
{
    margin: 0.5em 4em 1.5em 4em;
}

#main p + ul
{
    margin-top: -1em;
}

#main ul li
{
    list-style-type: none;
    margin-left: 2em;
    text-indent: -2em;
}

#main ul.disc li
{
    list-style-type: disc;
    margin-left: 0em;
    text-indent: 0em;
}

#main p + ul li
{
    margin-top: 0.25em;
}

#main a
{
    color: #ffffe0;
    font-weight: bolder;
    text-decoration: underline;
}

#main a:link:hover, #main a:visited:hover
{
    text-decoration: underline;
    color: #ff0000;
}

#footer
{
    width: 100%;
    clear: both; 

    text-align: left;
    font-size: smaller; 
    color: #a0a0a0;

    margin: 2em auto 1.5em auto;
}

#footer a
{
    color: white;
    font-weight: bolder;
}

#footer a:link:hover, #footer a:visited:hover
{
    color: #ff0000;
    text-decoration: underline;
}

.left
{
    text-align: left;
    float: left;
}

.right
{
    text-align: right;
    float: right;
}

#footer .left
{
    padding-left: 1.5em;
/* need to disable for ie7 */
/* not yet tested on ie8, opera or safari */
    margin-bottom: 1.5em;
}

#footer .right
{
    padding-right: 1.5em;
/* need to disable for ie7 */
/* not yet tested on ie8, opera or safari */
    margin-bottom: 1.5em;
}