/* Colors

black   000000
red     ff0000
grey    6c6c6c

*/

body 
{
    font-size:62.5%;
    font-family:Franklin Gothic Book, Garamond, Arial, Helvetica, Sans-Serif;
    width:100%;
    margin:0;
    padding:10px;  
    text-align:left;  
}

#wrapper 
{
    font-size:1.4em;
    width:95%;
    max-width:1000px;
    min-width:400px;
    color:#6c6c6c;
}

#header
{
    width:100%;
    text-align:left;
}

.clear {clear:both;}

img {border:0;}

a, a:link, a:visited, a:active
{
    color:#000;
    text-decoration:underline;   
}

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

#TopNav ul 
{
    list-style: none;
    padding:25px 0 0 0;
    margin: 0;
    width:100%;
}

#TopNav li
{
    float:left;  
    margin: 0 0.5em;  
}

#TopNav li a, #TopNav li a:link, #TopNav li a:visited, #TopNav li a:active, #TopNav li a:hover
{ 
    background: url(../Images/btn-nav.gif) no-repeat 0 0px;
    float:left;
    display:block;
    padding:22px 0 1em 0;
    min-width:84px;
    color:#000;
    text-decoration:none;
    text-align:left;
    font-size:1.2em;
    font-weight:bold;
}

#TopNav li a:hover 
{
    background: url(../Images/btn-nav.gif) no-repeat 0px -100px; 
    color:#ff0000;
}

/* Hide from IE5-Mac \*/
#TopNav li a
{
    float: none
}
/* End hide */


.hrDiv 
{
    clear:both;
    height:3px;
    width:100%;
    text-align:left;
    background: url(../Images/btn-nav.gif) repeat-x 0px -200px;
}

#main 
{
    text-align:left; 
    font-size:1.1em; 
    margin:10px 0;
}

#LeftNav 
{
    float:left;
    width:20%;
    margin-right:1em;
    background:#f3f3f3 url(../Images/bg-leftNav.gif) repeat-x top;
    padding:20px 5px 10px 5px;
}

#LeftNav ul 
{
    list-style: none;
    padding:0 0 0 0;
    margin: 0;
    width:100%;
}

#LeftNav li
{ 
    margin: 0 0.5em;  
}

#LeftNav li a, #LeftNav li a:link, #LeftNav li a:visited, #LeftNav li a:active, #LeftNav li a:hover
{ 
    display:block;
    padding:22px 0 1em 0;
    min-width:82px;
    color:#9a9797;
    border-bottom:1px dotted #9a9797;
    text-decoration:none;
    text-align:left;
    font-size:1em;
    font-weight:bold;
}

#LeftNav li a:hover 
{
    color:#5f5d5d;
}


#MainConent
{
    width:75%;
    float:left;
}

h1 
{
    font-size:1.4em;
    font-weight:bold;
    padding-top:0;
    margin-top:0;
}

#footer 
{
    text-align:center;
    font-size:1em;
    padding:.9em;
}