body {background: white; color: black; margin: 0; padding: 0; overflow: auto; width: 62.9em;}

/* MENU */
#header1{
	padding-left: 23px; height: 80px; background-color: white; width: 57em;}

/* drop-down menu. under "header1" */
#nav {
	width: 57em; list-style: none;}
#nav ul {
	padding: 0; margin: 0; list-style: none; display:inline;}
/*#nav a {
	display: block;}
*/
#nav li {
	float: left; border: none; /*border-left: solid 1px #cccccc;*/ padding-right: 1px; padding-left: 1px; display: inline;}
#nav li a {
	height: 30px; line-height: 30px; float: left; display: block; text-decoration: none; text-align: center;}
 /* Hide from IE5-Mac */
#nav li a {
	float: none;}
/* End hide */
#nav li ul {
	height: 25px; line-height: 25px; position: absolute; left: 0; display: none;}
#nav li > ul {
	top: auto; left: auto;
}
#nav li ul li {
	padding-top: 10px; padding-bottom: 20px; border: none; padding-right: 3px; padding-left: 3px;}
#nav li ul li.last {
	list-style: none;
display: inline;
float: right;
	/*padding-top: 10px; padding-bottom: 20px; border: none; padding-right: 3px; padding-left: 3px;
	height: 25px; line-height: 25px; display: inline; list-style: none; text-align: center; border: 1px solid green;*/}


#nav li:hover ul, #nav li.sfhover ul  {
	left: auto; display: inline;}
#nav li ul li a {
	height: 25px; line-height: 25px; float: left; text-decoration: none; text-align: center;}
/*
#nav li ul li.last a {
	height: 25px; line-height: 25px; float: left; display: block; text-align: center; border: 1px solid green; }
*/
/* Hide from IE5-Mac */
#nav li ul li a {
	float: none;
}
/* End hide */

/*
.text1{
	font-family: Arial; font-size: 10px; color: #666666; }
.text2{
	font-family: Arial; font-size: 10px; color: red; }
*/

/* LOGOS */
#header2{
	border-top: solid #cccccc 1px; margin: 5 50 0 50; height: 150px; background-color: white; width: 57em;}

/* UPCOMING EVENTS */
#left{
	margin-top: 5px; margin-left: 50px; margin-right: 5px; padding-top: 20px; width: 24em; height: 470px; background-color: white;}
.events{
	overflow: auto; height: 330px; width: 22em; font-family: times new roman, arial, helvetica; color: #666666; font-size: 12px;
	padding-right: 5px; list-style:none;}
.month{
	font-family: times new roman, arial, helvetica; color: #666666; font-size: 14px; font-weight: bold;}
.date{
	font-family: times new roman, arial, helvetica; color: #666666; font-size: 13px; font-weight: bold; padding-top: 10px;}
.info{
	font-family: times new roman, arial, helvetica; color: #666666; font-size: 13	px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; text-align:center;}
.news{
	overflow: auto; height: 50px; width: 15em; padding-right: 5px; padding-bottom: 10px; font-family: times new roman, arial, helvetica; color: #cc0000; font-size: 16px; font-weight: bold;}
.news a{
	text-decoration: none; color: #cc0000;}
	

/* MAIN */
#right{
	margin-left: 21em; margin-top: -435px; margin-right: 5px; padding-top: 10px;
	background-color: white; height: 470px;
}
.text{
	font-size: 13px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: left; margin-left: auto; margin-right: auto;
}
.text a {
	text-decoration: none; color: #999999;
}
.text a:hover {
	text-decoration: underline; color: #666666;
}
.text2{
	/*overflow: auto;*/ font-size: 13px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: left; margin-left: auto; margin-right: auto; /*height: 470px;*/ padding-bottom: 10px;
	}
.text2a{
	/*overflow: auto;*/ font-size: 13px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: right; margin-left: auto; margin-right: auto; /*height: 470px;*/ padding-bottom: 10px;
	}
.text3{
	font-size: 13px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	margin-left: auto; margin-right: auto; text-align: center;
}
.text3 a {
	text-decoration: underline; color: #666666;
}
.text4{
	font-size: 13px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: left; margin-left: 100px; margin-right: 50px;
}
.text4a{
	font-size: 13px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: center; margin-left: 70px; margin-right: 70px;
}
.text5{
	font-size: 17px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: left; margin-left: auto; margin-right: auto; text-align: center;
}
.text5 a{
	text-decoration: none; color: #666666;
}
.text6{
	font-size: 17px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: left; margin-left: 20px; font-weight: bold;
}
.text6 a{
	text-decoration: none; color: #666666;
}
.text6b{
	font-size: 17px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: left; margin-left: 20px;
}
.text7{
	font-size: 17px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: left; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold;
}
.text7 a{
	text-decoration: none; color: #666666;
}
.text_back {
	font-size: 13px; font-family: times new roman, arial, helvetica; color: #999999; line-height: 1.4;
	text-align: right; margin-right: 5px;
}
.text_back a {
	text-decoration: none; color: #999999;
}
.text_back a:hover {
	color: #666666;
}

.text_link {
	font-size: 17px; font-family: times new roman, arial, helvetica; color: #666666; line-height: 1.4;
	text-align: center;
}
.text_link a {
	text-decoration: none; color: #666666;
}
.text_link a:visited {
	text-decoration: none; color: #999999;
}
.text_link a:hover {
	text-decoration: underline; color: #333333;
}
.link2 {
	font-size: 15px; font-family: times new roman, arial, helvetica; color: #cc0000; line-height: 1.4;
	text-align: center;
}
.link2 a {
	text-decoration: none; color: #cc0000;
}
.link2 a:hover {
	text-decoration: inderline; color: #cc0000;
}

#main {
	margin-left: 50px; width: 57em; height: 470px; background-color: white;
}
.heading {
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}

#text_logo {
	margin-top: 30px;
	text-align: center;
}
.text_pic {
	margin-top: 10px;
	text-align: center;
	margin-left: 45px;
}

/* final information, contact, etc. */
#footer{
	border-top: solid #666666 1px; border-bottom: solid #666666 1px; height: 15px; background-color: white;
	width: 57em; margin: 5 50 20 50;}
#footer2{
	border-top: solid #666666 1px; border-bottom: solid #666666 1px; height: 15px; background-color: white;
	width: 57em; margin: 5 50 20 0;}
.middle {
	text-align: center;
}

/* HORIZONTAL MENU */
.a1 a { display: block; width: 125px; height: 30px;
	background: transparent url(./menu/capoeira.jpg) no-repeat; }
.a1 a:hover { background-position: 0 -30px; }

.a3 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/smestres.jpg) no-repeat; }
.a3 a:hover { background-position: 0 -25px; }

.a2 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/shistory.jpg) no-repeat; }
.a2 a:hover { background-position: 0 -25px; }

.a4 a { display: block; width: 192px; height: 25px;
	background: transparent url(./menu/sbelt.jpg) no-repeat; }
.a4 a:hover { background-position: 0 -25px; }

.a5 a { display: block; width: 192px; height: 25px;
	background: transparent url(./menu/schin.jpg) no-repeat; }
.a5 a:hover { background-position: 0 -25px; }


.b1 a { display: block; width: 125px; height: 30px;
	background: transparent url(./menu/music.jpg) no-repeat; }
.b1 a:hover { background-position: 0 -30px; }

.b2 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/slyrics.jpg) no-repeat; }
.b2 a:hover { background-position: 0 -25px; }

.b3 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/sinstruments.jpg) no-repeat; }
.b3 a:hover { background-position: 0 -25px; }

.b4 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/ssongs2.jpg) no-repeat; }
.b4 a:hover { background-position: 0 -25px; }


.c1 a { display: block; width: 125px; height: 30px;
	background: transparent url(./menu/classes.jpg) no-repeat; }
.c1 a:hover { background-position: 0 -30px; }

.c2 a { display: block; width: 192px; height: 25px;
	background: transparent url(./menu/sclass.jpg) no-repeat; }
.c2 a:hover { background-position: 0 -25px; }

.c3 a { display: block; width: 192px; height: 25px;
	background: transparent url(./menu/skids.jpg) no-repeat; }
.c3 a:hover { background-position: 0 -25px; }

.c4 a { display: block; width: 300px; height: 25px;
	background: transparent url(./menu/skidsprog.jpg) no-repeat; }
.c4 a:hover { background-position: 0 -25px; }


.d1 a { display: block; width: 125px; height: 30px;
	background: transparent url(./menu/gallery.jpg) no-repeat; }
.d1 a:hover { background-position: 0 -30px; }

.d2 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/sphotos.jpg) no-repeat; }
.d2 a:hover { background-position: 0 -25px; }

.d3 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/svideos.jpg) no-repeat; }
.d3 a:hover { background-position: 0 -25px; }


.e1 a { display: block; width: 125px; height: 30px;
	background: transparent url(./menu/store.jpg) no-repeat; }
.e1 a:hover { background-position: 0 -30px; }


.f1 a { display: block; width: 125px; height: 30px;
	background: transparent url(./menu/links.jpg) no-repeat; }
.f1 a:hover { background-position: 0 -30px; }

.f2 a { display: block; width: 228px; height: 25px;
	background: transparent url(./menu/slinksbahia.jpg) no-repeat;
	}
.f2 a:hover { background-position: 0 -25px; }

.f3 a { display: block; width: 228px; height: 25px;
	background: transparent url(./menu/slinkcom.jpg) no-repeat;
	/*position: absolute; left: 0px; height: 25px; line-height: 25px;*/}
.f3 a:hover { background-position: 0 -25px; }


.g1 a { display: block; width: 125px; height: 30px;
	background: transparent url(./menu/contact.jpg) no-repeat;}
.g1 a:hover { background-position: 0 -30px; }

/*
.g2 a { display: block; width: 120px; height: 25px;
	background: transparent url(./menu/scontact2.jpg) no-repeat; }
.g2 a:hover { background-position: 0 -25px; }
*/



