/* ---> 
 IMPORTANT: 
Site copyrighted by Assessoria PPD. It may not be partially or totally reproduced without written permition.
Last Modification: 14/06/2008
By: Lilian Vasquez
Web Design from: OCTOS CREATIVE COMMUNICATION / www.octosonline.com / +1 404-514-3084
<--- */

/* BODY
------------------------------------------------------------*/
html, body, blockquote, q, dt, dl, div, h1, h2, h3, h4, h5, h6, a, table, tr, td, ul, ol, li, img, form {padding:0;margin:0;border:0;}
img {vertical-align: middle;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;background:#330000;}
span{color:red;font-weight:bold;}

/* HEADER
------------------------------------------------------------*/
#header{width:777px;margin:0 auto;height:120px;padding-top:15px}
#logo{position:relative;height:60px;width:290px;float:left;text-indent:-10000px;overflow:hidden;background:url(../img/logo.gif)}
#logo a{position:absolute;top:0;left:0;width:290px;height:60px;}
#logo a:hover{background: none;}
#nav{float:right;margin:10px 10px 0 0;color:#660000;}
#nav a:link {color:#660000; text-decoration:underline;}
#nav a:visited {color:#660000;text-decoration:none;}
#nav a:hover {background-color:#660033;color:#FFFFFF;text-decoration:none;}

/* MENU
------------------------------------------------------------*/
/* common styling */
.menu {position:relative;top:0;left:565px;width:192px;margin:0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;color:#000; width:192px; height:25px; border:1px solid #99CCFF; border-width:1px 1px 0 0; background:transparent url(../img/opaque.png); line-height:29px;padding: 5px 0px 1px 8px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFFFF; background:#660000;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; background:transparent url(../img/opaque.png); color:#000; width:192px; float:left;}
.menu ul li:hover ul li a:hover {background:#660000; color:#FFFFFF;}

/* BANNER
------------------------------------------------------------*/
#banner{margin:0 auto; width:777px;background:url(../img/banner.jpg);border-top: 3px solid #660000;height:128px;}
 
/* TITLES 
------------------------------------------------------------*/
h1 {color:#FFFFFF;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 18px;margin-bottom:5px;}
h2 {color:#0066CC;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 18px;margin-bottom:5px;}
h3 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 15px;color:#663300;}
h4 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 15px;color:#660000;}
h5{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 15px;color:#CC0000;}
b{color:#666600;padding:3px 0 3px 0;}

/* CONTENT
------------------------------------------------------------*/
#container{background:#FFFFFF url(../img/body.jpg) top right no-repeat; margin:0 auto;width:800px;}
#content {margin:0 auto;width:757px;background:url(../img/cbg.jpg);padding:10px;margin-top:5px;}
.special {visibility:hidden;display:none;}
#content a:link {color:#0066FF; border-bottom: 1px solid #0066FF; text-decoration:none;}
#content a:visited {color:#6699FF; border: none; text-decoration: none;}
#content a:hover {background-color: #0066FF; color:#FFFFFF ; border: none; text-decoration: none;}
.bg{background:url(../img/pbg.jpg) no-repeat;height:12px;width:777px;margin:0 auto;}
.wrapper {clear:both;}
.col_l {float:left;width:737px;padding:10px;color:#999999;background:url(../img/cobg.jpg);}
.col_r {float:right;width:239px;padding:10px;color:#CCCCCC;}

/* FORM and TABLE
------------------------------------------------------------*/
fieldset {margin:0;border: 1px solid #CCBB99;width:95%;padding:0 10px 0 10px;}
label{width:85px;float: left;text-align:left;display: block;}
.inpu{margin-bottom:5px; width:50%;}
.su{margin-left:85px;}
.ta{padding:10px;}
.ta2{border:solid 1px #660000;}

/* FOOTER
------------------------------------------------------------*/
#footer {font-size: 11px;height:50px;margin: 0 auto;width:767px;padding:10px 0 10px 10px;color:#999999;background:#FFFFFF;}
#footer a:link {color:#660000; text-decoration:underline;}
#footer a:visited {color:#660000;text-decoration:none;}
#footer a:hover {background-color:#660033;color:#FFFFFF;text-decoration:none;}
#left{float:left;width:500px; font-size:20px;}
#right{float:right;widht:270px;text-align:right;}

/* TOOGLE
------------------------------------------------------------*/
dt {margin: 20px 0 5px 0;cursor: pointer;text-decoration:underline;color:#0066FF;padding-left:20px;background:url(../img/bullet.gif) left no-repeat;height:16px;}
dd {margin: 15px 15px 0px;padding: 15px;line-height: 150%;border: solid 1px #CCC;}
.show {display: block;}
.hide {display: none;}

/* FORMS
------------------------------------------------------------------*/
fieldset {margin:0;border: 1px solid #CCC;width:95%;padding:0 10px 0 10px;}
label{width:85px;float: left;text-align:left;display: block;}
.inpu{margin-bottom:5px; width:50%;}
.su{margin-left:85px;}