/* The beginning of a beautiful friendship *//*

------------------------------------------------------
Copyright Rodrigo Castilho Galvao Ferreira
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This template uses the Tan Hack (w\idth) to overcome
IE box model issues. Tan Hack explained extensively here:
http://www.positioniseverything.net/articles/box-model.html
------------------------------------------------------

*//* Elements */
body{background-color: #EEE;
color: #7F7F7F;
font: normal 0.70em/1.6em Verdana, Tahoma, sans-serif;}
body, div, ul, li, h1, h2, h3{margin: 0;padding: 0;}
ul{list-style-position: outside;
list-style-image: none;
list-style-type: none;}
p{margin: 0 auto 1em auto;}
h1{margin-bottom: 20px;color: #000;}
h2, h3{padding-bottom: 5px; color: #000;border-bottom: 1px dotted #C90230;font: bold 110% Georgia, Arial, serif;}
a{color: #000;border-bottom: 1px dotted #C30;text-decoration: none;}
a:active, a:hover, a:focus{color: #CCC;border-bottom-color: #CCC;}
/* IDs and Classes *//* Nav Top */
#container{float: left;width: 780px;w\idth: 769px;padding-right: 10px;background-color: #FFF;border-bottom: 1px dotted #000;border-right: 1px solid #CCC;}
/* #banner{float: left;padding: 15px 0 0 10px;width: 780px;w\idth: 770px;height: 50px;he\ight: 35px;color: #FFF;font-weight: bold;background-color: #C90230;text-transform: uppercase;} */
/*#banner{float: left;padding: 15px 0 0 10px;width: 780px;w\idth: 770px;height: 50px;he\ight: 50px;color: #FFF;background-color: #E63C1E;}*/
#banner{float: left;padding: 15px 0 0 10px;width: 780px;w\idth: 770px;height: 50px;he\ight: 35px;color: #FFF;font-weight: bold;background-color: #C90230;text-transform: uppercase;}
#nav-toplevel{float: left;width: 780px;w\idth: 770px;height: 30px;padding-left: 10px;background-color: #A02031;}
#nav-toplevel #nav-meta{float: right;width: 280px;text-align: right;text-transform: lowercase;}
#nav-toplevel #nav-meta ul li{float: left;padding-right: 8px;}
#nav-toplevel #nav-meta ul li a{float: left;padding: 0 5px;border-bottom: 1px dotted #C30;}
#nav-toplevel #nav-meta ul li a:active,
#nav-toplevel #nav-meta ul li a:hover,
#nav-toplevel #nav-meta ul li a:focus{color: #FFF;background-color: #C90230;}
#nav-toplevel #nav-main{position: absolute;top: 62px;left: 10px;width: 770px;}
#nav-toplevel #nav-main ul li{float: left;padding-right: 10px;}
#nav-toplevel #nav-main ul li a{float: left;color: #FFB3A6;border-bottom: none;text-transform: uppercase;}
#nav-toplevel #nav-main ul li a:active,
#nav-toplevel #nav-main ul li a:hover,
#nav-toplevel #nav-main ul li a:focus,
#nav-toplevel #nav-main ul li a.current{color: #FFF;border-bottom: 4px solid #C90230;}
/* Content Center */
#container #content{float: left;width: 640px;w\idth: 615px;padding: 19px 15px 0 10px;}
#container #content p{width: 615px;text-align: justify;}
#container #content p:hover{color: #555;}
#container #content p:first-letter{color: #000;font: bold 140% Georgia, serif;}
/* Nav Right */
#nav-subs{float: left;width: 129px;padding-top: 15px;}#nav-subs #nav-section,
#nav-subs #nav-supp{float: left;}#nav-subs #nav-section li:first-child,
#nav-subs #nav-supp li:first-child{border-top: 1px dotted #A02031;}#nav-subs #nav-section ul:before,
#nav-subs #nav-supp ul:before{display: block;padding-bottom: 4px;font: bold 100% Arial, Helvetica, sans-serif;text-transform: capitalize;line-height: 0.9em;content: attr(title);}
#nav-subs #nav-section ul li,
#nav-subs #nav-supp ul li{float: left;}#nav-subs #nav-section ul li a,
#nav-subs #nav-supp ul li a{display: block;width: 129px;w\idth: 124px;height: 19px;he\ight: 18px;border: none;color: #000;text-transform: capitalize;}
#nav-subs #nav-section ul li a:active,
#nav-subs #nav-section ul li a:hover,
#nav-subs #nav-section ul li a:focus,
#nav-subs #nav-supp ul li a:active,
#nav-subs #nav-supp ul li a:hover,
#nav-subs #nav-supp ul li a:focus,
#nav-subs #nav-section ul li a.youarehere{color: #C90230;border-right: 5px solid #C90230;}
#nav-subs #nav-section{padding-bottom: 20px;}
/* Nav Bottom */
#info-site{clear: both;margin: 0;width: 780px;padding: 5px 0;background-color: #c90230;}
#info-site p{margin: 0;padding: 0;text-align: center;}
#info-site p#info-company{color: #000;}#info-site p#info-company a,
#info-site p#info-standards a{border-bottom: 1px dotted #C30;color: #000;text-decoration: underline;}
#info-site p#info-company a:active,
#info-site p#info-company a:hover,
#info-site p#info-company a:focus,
#info-site p#info-standards a:active,
#info-site p#info-standards a:hover,
#info-site p#info-standards a:focus{color: #FFF;}
#info-site p#info-standards{padding-top: 5px;}