body {
color: #77869B;
font-family: Arial,Tahoma, Geneva,  Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.8em;
text-align: left;
background: #ffffff;
}

body {
font-family:"Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;
color:#646464;
background:url(imgs/body_bg.gif) 50% 0 repeat-y #ddd;
}

a {
color: #666666;
}

a:hover {
color: #373D53;
}

a:visited {
color: #373D53;
}

a:visited:hover {
color: #2C91B2;
}

h1{
font-family: Arial,Tahoma, Geneva,  Helvetica, sans-serif;
font-size: 1.6em;
color: #77869B;
padding-left: 15px; 
}

h2 {
font-family:Arial,Tahoma, Geneva,  Helvetica, sans-serif;
font-size: 1.3em;
color: #77869B;
font-weight: bold; }


h3  {
font-family: Arial,Tahoma, Geneva,  Helvetica, sans-serif;
color: #77869B;
font-weight: bold; }






#container {
width:800px;
margin:0 auto;
background:url(imgs/container_bg.jpg) repeat-y;
}
#banner {
height: 330px;
background: url(imgs/tincan_header_lg.jpg) no-repeat;
}



#content {
float: left;
width: 750px; 
padding-left: 20px; 
font-family: Arial,Tahoma, Geneva,  Helvetica, sans-serif;
}



* html #content {
margin-left: 5px;
}



/* main nav */

#nav-main {
margin: 1px 16px 10px 11px;
min-height: 35px;

}

#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 10px;
}

#nav-main li {
list-style-type: none;
float: left;
width: 109px;
margin: 0px 0px 0px 0px;
background: url(imgs/btn.jpg) no-repeat top right;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #373D53;
font-weight: bold;
text-decoration: none;
padding: 0px 10px 0px 12px;

}

#nav-main a:hover, #nav-main a:visited:hover {
color: #666666;

}

.current {
margin-top: 4px;

}

.current a:link, .current a:visited {
color: #666666 !important;

}

.current a:hover, .current a:visited:hover {
color: #66ccff; !important;
}


/* footer */
#info-site {
clear: both;
text-align: center;
font-size: .8em;
margin: 0;
padding: 10px 0 15px 0;
}