@charset "utf-8";
/* CSS Document */
body{
background-color:#000000;
margin:0;
padding:0;
}
#container {
width:950px;
padding:0;
margin:0;
text-align:center;
}
#main{
float:left;
width:850px;
padding:0;
margin:0;
background-image:url(../images/bg_interior.gif);
background-repeat:repeat-y;
}
h3{
color:#00ff00;
margin-top:0;
padding-top:0;
}
#LeftColumn{
float:left;
width:232px;
min-height:940px;
}
#SideMenu{
float:left;
width:182px;
height:230px;
padding-left:50px;
text-align:left;
}
#Logo{
float:left;
width:232px;
height:300px;
}
#Equlizer{
float:left;
width:232px;
}
#MainColumn{
float:left;
width:618px;
padding:0;
margin:0;
}
#Banner{
float:left;
width:618px;
height:360px;
padding-left:0px;
margin:0;
text-align:left;
}
#wavesRight{
float:right;
width:100px;
height:360px;
padding:0;
margin:0;
background-color:#000000;
}
#Content1{
float:left;
width:145px;
padding:0,0,0,15px;
text-align:left;
}
#Content2{
float:left;
width:433px;
padding:0,30px,0,20px;
text-align:left;
}
#Content2 p{
font-size:11px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
}
#Content3{
float:left;
width:523px;
padding:0,30px,0,20px;
text-align:left;
}
#Content3 p{
font-size:11px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
}
#Content3_orgMusic{
float:left;
width:573px;
padding:0,0,0,20px;
text-align:left;
/*
background-image:url(../images/orgMusic_02.png);
background-position:bottom right;
background-repeat:no-repeat;
min-height:500px;
*/
}
#Content3_orgMusic p{
font-size:11px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
}
#Content4{
float:left;
width:45px;
padding:0,0,0,0px;
text-align:left;
}
#Footer{
clear:both;
float:left;
width:850px;
padding:0 0 0 0;
margin:0;
background-color:#666666;
background-image:url(../images/bg_footer.gif);
background-repeat:repeat-y;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:lighter; 
color:#00ff00; 
font-size:9px;
height:35px;
text-align:right;
}
#Footer a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:lighter;  color:#00ff00; font-size:11px;}
#Footer a:hover {color:#FFFFFF; font-weight:lighter;}

.title_wht{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size:24px; color:#FFFFFF;}
.title_grn{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size:24px; color:#00ff00;}
/* Navigation Styles */
.nav_number {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#00FF00; font-size:11px;}
.nav_number a{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:11px;}
.nav_number a:hover{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#00FF00; font-size:11px;}

.nav_numberCurrent {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#00FF00; font-size:11px;}
/*
.rollover a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:11px;}
.rollover a:hover {color:#00ff00; }

.current a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#00ff00; font-size:11px;}
*/
/*
#SideMenu a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:11px;}
#SideMenu a:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#00ff00; font-size:11px;}
*/
.txt_green01 {color:#00ff00;}
.txt_green01 a{color:#00ff00;}
.txt_green01 a:hover{color:#00ff00;}
.txt_green01 a:visited{color:#00ff00;}


/* FLY OUT MENU  */
.menu {
height:20px;
font-size:11px;
margin:0;
padding:0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:160px;
}
/* style the list items */
.menu li {
height:20px;
/* for IE7 */
float:left;
}
/*.menu li.sub {background:#d4d8bd url(sub.gif) no-repeat right center;}*/ 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:11px;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:12px;
width:150px;
color:#ffffff;
text-indent:5px;
border:0;
border-width:0 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#ffffff; background:#00ff00; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#ffffff;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#00ff00;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-15px;
/* set up the overlap (minus the overrun) */
left:80px;
/* set up the overrun area */
padding:15px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}