/*-------------------------------------------------------------------------
  GENERNAL 
---------------------------------------------------------------------------	*/

html,body{ background-color: #301033; margin:0; padding:0 }
body{font: 75% Trebuchet,Arial,Verdana,sans-serif;text-align:center; color:#1c051f;}
p{margin:0 10px 10px}
a{color: #cdc296;padding:10px}

/*-------------------------------------------------------------------------
  CONTAINER 
---------------------------------------------------------------------------	*/

div#container{ background-color: #97156d;
text-align:left; width:800px; margin:0 auto; }

div#container2{ background: #97156d url(img/pattern_bg.jpg) repeat;
text-align:left; width:800px; margin:0 auto; }

div#container3{ 
background-color: #97156d;
color:#301033;
text-align:center; width:800px; margin:0 auto; }

div#container3 h3{ 
color:#cdc296;
}
/*-------------------------------------------------------------------------
  LOGO 
---------------------------------------------------------------------------	*/

div#logo h1{
height: 85px;
line-height: 85px;
text-align:center;
}

/*-------------------------------------------------------------------------
  NAVIGATION
---------------------------------------------------------------------------	*/
  
#nav {
		margin:0;
		padding:0;
		background:#97156d url(nav_bg.jpg) 0 0 repeat-x;
		width:100%;
		float:left;
		border-width:1px 0;
	}
	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:#fff;
		background:#97156d;
		padding:20px 40px 4px 10px;
		float:left;
		width:auto;
		border-right:1px solid #58032F;
		text-decoration:none;
		font:bold 1em/1em Trebuchet,Arial,Verdana,sans-serif;
		text-transform:uppercase;
		text-shadow: 2px 2px 2px #58032F;
	}
	#nav a:hover {
		color:#fff;
		background:#58032F;
	}
	#nav li:first-child a {
		border-left:1px solid #97156d;
	}
	#home #nav-home a,
	#about #nav-about a,
	#lessons #nav-lessons a,
	#ticket #nav-ticket a,
	#contact #nav-contact a 
	#donate #nav-donate a {
		background:#97156d;
		color:#fff;
		text-shadow:none;
	}
	
	#home #nav-home a:hover,
	#about #nav-about a:hover,
	#lessons #nav-lessons a:hover,
	#ticket #nav-ticket a:hover,
	#contact #nav-contact a:hover
	#donate #nav-donate a:hover {
		background:#58032F;
	}
	#nav a:active {
		background:#58032F;
		color:#fff;
	}

/*-------------------------------------------------------------------------
  CONTENT AREA
---------------------------------------------------------------------------	*/

div#banner h1{height:100px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}

/*-------------------------------------------------------------------------
  CONTENT AREA
---------------------------------------------------------------------------	*/

div#content{
float:right;width:570px;
margin:5px 10px 10px 10px;
}

div#content_main h2{
color: #cdc296;
}

div#content h3{
color: #cdc296;
margin:5px 10px 10px 10px;
}

div#center {
text-align: center;
}

div#content a{
color: #cdc296;
font-weight: bold;
text-decoration: none;
}

div#content h4,div#content h4 a {
color: #fff;
font-variant: small-caps;
font-size: 14px;
}

div#content h4 img,div#content h4 a img{
float: left;
padding: 9px;
}

div#content h5 img, div#content h5 a img{
float: left;
padding: 8px;
}

div#content p{
line-height:1.4;
}

div#content img{
float: right;
padding: 8px;
}

div#detail img{
float: left;
padding: 7px;
vertical-align: middle;
}

div#extra{
padding-top: 8px;
background:#cdc296;
float:right;
width:570px;
line-height: 20px;
margin-bottom: 20px;
}

div#extra a{
color: #5e0021;
font-weight: bold;
}

/*-------------------------------------------------------------------------
 HOME CONTENT AREA
---------------------------------------------------------------------------	*/
.content1{
float:right;width:550px;
margin:5px 10px 10px 10px;
}

div#content_main .charity{
}

div#content_main .charity img{
padding: 8px;
}

/*-------------------------------------------------------------------------
LINKS
---------------------------------------------------------------------------	*/
div#links{
clear:both;
}

div#links2{
clear:both;
    position: relative;
    text-align: center;
    width: 800px;
    height: 135px;
}

/*-------------------------------------------------------------------------
  SUB LEFT NAVIGATION AREA
---------------------------------------------------------------------------	*/

div#nav_left{
float:left;
width:200px;
display:inline;
list-style: none;
}

#sideNav {
list-style-type: none;
}


#sideNav h3{
color:#301033;
font-size: 13px;
}

	#sideNav li {margin:0;}
	#sideNav a {
		border-bottom:1px solid #58032F;
		display:block;
		text-decoration: none;
		padding:8px 2px;
		color:#cdc296;
		}
	#sideNav a img {
	margin-top: 8px;
			}
		#sideNav a:hover {color:#FFF;}
		html>body #sideNav a:hover {background:transparent URL("img/hl40.png") repeat top left;}
		
		
/*-------------------------------------------------------------------------
  MAIN & RIGHT CONTENT AREA
---------------------------------------------------------------------------	*/		
div#content_main {
width:770px;
margin:0px 20px 20px 10px;
}

div#content_main h3{
color: #cdc296;
margin:0px 20px 20px 10px;
}
.content1{
float: left;
width: 550px;
}
.content2{
float: left;
width: 200px;
display:inline;
list-style: none;
color:#ffaa28;
}

.content h3{
margin-left: 20px;}

.rightNav{
list-style-type: none;
}

.rightNav li {
margin:0;
border-bottom:1px solid #58032F;
display:block;
text-decoration: none;
padding:8px 0px;
}

div#content_lesson {
width:770px;
text-align: center;
margin:10px;
background: url(img/rodrigovai_bg.jpg) center no-repeat;
}

div#content_main2 {
width:770px;
margin:0px 20px 20px 10px;
color:#cdc296;
}

div#content_main2 img{
border-color: #ff00de;
text-align: middle;
margin: 3px 8px;
}

/*-------------------------------------------------------------------------
  CHARITY FORM BUTTONS AREA
---------------------------------------------------------------------------	*/

div#charity {
}

div#charity form{
display: inline;
margin: 0px 3px;
}

div#clear{
clear:both;
}
/*-------------------------------------------------------------------------
  FOOTER AREA
---------------------------------------------------------------------------	*/

div#footer{
clear:both;
padding: 8px 0 2px;
width:100%;
border-top: 1px solid #fff;
text-align: center;
}

div#footer p, div#footer a
{
font-size: 11px;
color: #301033;
margin:0;
text-decoration: none;
}

div#footer2{
background-color: #97156d;
clear:both;
padding: 8px 0 2px;
width:100%;
border-top: 1px solid #fff;
text-align: center;
}

div#footer2 p, div#footer2 a
{
font-size: 11px;
color: #301033;
margin:0;
text-decoration: none;
}