/* style.css - 1 Styles for Banzo de Senzala Atenas  */

A:link { text-decoration: none; color:#000000; } 
A:visited { text-decoration: none; color:#000000; } 
A:hover { text-decoration: none; color:#000000; background-color: #c2e7fd; } 



body { background-color:#ffffff;}


.main  { background-color:#FFFFFF; BORDER-RIGHT: #c0c2c2 1px solid; BORDER-TOP: #c0c2c2 1px solid; BORDER-LEFT: #c0c2c2 1px solid; BORDER-BOTTOM: #c0c2c2 2px solid;  TEXT-DECORATION: none }

.topbanner { BACKGROUND-COLOR: #AAEBFF; }
.homebg { background-image:url(pix/homebg.jpg); background-repeat:no-repeat; }
.capo { background-image:url(pix/capo.jpg); background-repeat:no-repeat; }

.box H1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif; HEIGHT: 12px; TEXT-DECORATION: none }
.box { BORDER-RIGHT: #c0c2c2 1px solid; BORDER-TOP: #c0c2c2 1px solid; BORDER-LEFT: #c0c2c2 1px solid; WIDTH: 185px; BORDER-BOTTOM: #c0c2c2 2px solid; BACKGROUND-COLOR: #fffff0; TEXT-DECORATION: none }
.box P { FONT-SIZE: 10px; MARGIN: 5px 3px; FONT-FAMILY: Verdana, sans-serif; color:#000000; }
.bgbox { background-image:url(pix/bgboxes.gif); }

.box2 H1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif; HEIGHT: 12px; TEXT-DECORATION: none }
.box2 { BORDER-RIGHT: #c0c2c2 1px solid; BORDER-TOP: #c0c2c2 1px solid; BORDER-LEFT: #c0c2c2 1px solid; WIDTH: 200px; BORDER-BOTTOM: #c0c2c2 2px solid; BACKGROUND-COLOR: #fffff0; TEXT-DECORATION: none }
.box2 P { FONT-SIZE: 10px; MARGIN: 5px 3px; FONT-FAMILY: Verdana, sans-serif; color:#000000; }
.bgbox { background-image:url(pix/bgboxes.gif); }

.colors { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #d5d2e1; }

.myspace { background-image:url(pix/myspace.gif); background-repeat:no-repeat; }
.contact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #d5d2e1; }

.text { font-size:10pt; font-family: "Verdana", sans-serif; color:#4e5050; text-decoration: none }
.text2 { font-size:9pt; font-family: "Verdana", sans-serif; color:#4e5050; text-decoration: none }
.small { font-size:8pt; font-family: "Verdana", sans-serif; color:#4e5050; text-decoration: none }
.tiny { font-size:7pt; font-family: "Verdana", sans-serif; color:#656767; text-decoration: none }
.tiny2 { font-size:7pt; font-family: "Verdana", sans-serif; color:#656767; text-decoration: none }
.tiny3 { font-size:7pt; font-family: "Verdana", sans-serif; color:#c0c2c2; font-weight:bold; text-decoration: none }
.tinyb { font-size:7pt; font-family: "Verdana", sans-serif; color:#2a2929; font-weight:bold; text-decoration: none }
.silver { font-size:12pt;  font-family: Monotype Corsiva, Verdana, Arial, Helvetica, sans-serif; color: #a09fa7; font-weight:bold; }
.silver2 { font-size:7pt;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #a09fa7;  }
.silver H1 { font-size:14pt; font-family: "Verdana", sans-serif; color: #a09fa7; font-weight:bold; }
.welcome { font-size:11pt; font-family: "Verdana", sans-serif; color:#0000CC; }
.welcome2 { font-size:9pt; font-family: "Verdana", sans-serif; color:#0000CC; }
.titles { font-size:9pt; color: #BD8D1E; font-family: "Verdana", sans-serif; }
 
 
.botmenu {  font-size:9pt; font-family: "Verdana", sans-serif; } 


.bottombox { background-color: #d5d2e5; }
.footer { font-size:8pt; font-family: "Verdana", sans-serif; color:#69625e; text-decoration: none }

.bullet { background-image:url(pix/bullet.gif); background-repeat:no-repeat; }
.bullet2 { background-image:url(pix/bullet.gif); background-repeat:no-repeat; }

.berimbaus { background-image:url(pix/berimbaus.jpg); background-repeat:no-repeat; }
.berimbau { background-image:url(pix/berimbau.jpg); background-repeat:no-repeat; }
.pandeiro { background-image:url(pix/pandeiro.jpg); background-repeat:no-repeat; }
.atabaque { background-image:url(pix/atabaque.jpg); background-repeat:no-repeat; }
.agogo { background-image:url(pix/agogo.jpg); background-repeat:no-repeat; }
.reco { background-image:url(pix/reco.jpg); background-repeat:no-repeat; }
.selected { font-size:9pt; font-family: "Verdana", sans-serif; color:#c0c2c2; font-weight: bold; text-decoration: none }


.sombra { background-image:url(pix/msombra.jpg); background-repeat:no-repeat; }
.ediandro { background-image:url(pix/medi.jpg); background-repeat:no-repeat; }
.manel { background-image:url(pix/fmanel.jpg); background-repeat:no-repeat; }
 
.up2 { color:#a09fa7; font-size:8pt; font-weight: bold; }
.down2 { color:#a09fa7; font-size:8pt; font-weight: bold;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
/* Menu  */

.chromestyle{
width: 99%;
font-weight: bold;
font-family: "Verdana", sans-serif;
font-size:10pt; 
color:#1f2020;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(pix/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(pix/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(pix/downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-weight: bold;
font-size:8pt; 
font-family: sans-serif;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #c2e7fd;
}