@charset "utf-8";
/* CSS Document */



/*General CSS*/
body {width:1024px; height:auto; background-color:#000; margin:0px; font-family:"Calibri", "Lucida Grande", sans-serif; }

a {color:#900;}
#main_bg_div {
	width:995px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background:url(NoName_Trio2.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	margin-left:-493px;
	z-index:0; 
	
	}


#head_title {
	background:url(noname_trio_title2.png);
	width:705px;
	height:116px;
	position:absolute;

	z-index:5;
float:left;}

h1 {font-size: 3em;}
.container {width:995px; margin-top:280px;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	width: 100%;
	font-family:"Calibri", Monaco, monospace;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #000;
	border-left: none;
	margin-bottom: -1px;
	background: #666;
	overflow: hidden;
	position: relative;
	opacity:0.8;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 3px double #000;
	outline: none;
}
ul.tabs li a:hover {
	background: #000; 
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #000;
	
	font-family:"Calibri", Monaco, monospace; 
}
.tab_container {
	
	
	clear: both;
	float: left; 
	
	background: #000; opacity: 0.8;
	width:995px;
	 
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	height:inherit;
}
.tab_content {
	padding: 1px;
	font-size: 1.2em;
	font-family:"Calibri", Monaco, monospace;
	width:inherit;
		-moz-border-radius-bottomright: 30px;
	-khtml-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-khtml-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	
	-moz-border-radius-topright: 30px;
	-khtml-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-khtml-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;


}
.tab_content h2 {margin-left:120px;
	font-weight: normal;
	border: 5px double #000;
	font-size: 1.8em;
	color:#FFF;
	background-color:#900;
	width:700px;
	
	opacity:0.8;
	height:52px;
	text-align:center;
		-moz-border-radius-bottomright: 30px;
	-khtml-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-khtml-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	
	-moz-border-radius-topright: 30px;
	-khtml-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-khtml-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	text-align:center;
}
.tab_content h3 a{
	color: #FFF;
	
}
.tab_content img {
	float: left;
	margin-left:30px;
	border: 0px;
	padding: 5px;
	-moz-border-radius-bottomright: 30px;
	-khtml-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-khtml-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	
	-moz-border-radius-topright: 30px;
	-khtml-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-khtml-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
}

/*The Main Gray Container Used*/

#mcontainer {width:950px; height:auto; float:left; text-align:justify; background-color:#333;
	 -moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
		-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border: 5px double #930;
	padding:20px;color:#FFF;
	height:auto; opacity:0.8;}
	
/*styles*/

#text_style {width:380px; float:left;}
#img_style {opacity:1; z-index:10; width:540px; float:left; margin-top:20px;}
#slide_style {opacity:1; z-index:10; width:510px; float:left; margin-top:27px; margin-left:40px;}

/*bottom of the page notes */

#notes a{font-size:9px; color:#333;}
#notes {width:985px; font::"Calibri", Monaco, monospace; font-size:9px; color:#333; margin-top:200px; margin-left:5px; }


/* homepage */
#containerbottom {width:870x; height:320px; padding:20px; padding-left:8px; float:left;}
#fbcontainer {width:280px; height:auto; padding:20px; padding-left:8px; float:left; margin-right:400px;background:#fff;-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
		-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border: 5px double #930;}
#emailscatch {width:270px; height:130px; padding:20px; padding-right:8px; float:left; background:#fff; margin-left:410px; position:absolute; bottom: 18.5%;-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
		-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border: 5px double #930;}

/*video page*/

#videoframe {height:400px; width:440px; background-color:#333; float:left;padding:20px;color:#FFF;	border: 5px double #930;
 -moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
		-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	opacity:0.8;}
#videodes {text-align:center; color:#FFF;}




/* Event Page */

#eventtxt {margin-left:40px; height:auto; float:left; width:650px; opacity:0.8;}
#eventlogo {float:left; width:252px; height:92px; margin-left:-50px; padding:3px;}
#eventtitle {font-weight: normal;
	border: 5px double #000;
	font-size: 1.8em;
	color:#FFF;
	background-color:#900;
	width:650px;
	
	opacity:0.8;
	height:52px;
	text-align:center;
		-moz-border-radius-bottomright: 30px;
	-khtml-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-khtml-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	
	-moz-border-radius-topright: 30px;
	-khtml-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-khtml-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	text-align:center;}
#map { padding:0px; margin-left:230px;}
#copyright {width:600px; height:30px; color:#FFF; margin-left:300px; font:"Calibri", Monaco, monospace 9px;}	
	
/* not used 
#musicp {position:absolute; left:60%; bottom:69%;}*/