/*///////////////////  ABSC INC.  //////////////////////////*/
/*////////////////////////////////////////////////////////*/
/*  these are the outermost page definitions  */
 
		
		/*/////////////// custom font section /////////////////*/
		/*  These custom fonts will currently only work in IE(the first declaration, and only with a proprietary format) 
			and Safari(which picks up the second declaration).  */
		@font-face 
		{   
			font-family: wbg_cg_font;
			src: url("/site/components/fonts/wbg-cg-tarragonfont.eot")
		}
		@font-face 
		{   
			font-family: wbg_cg_font;
			src: url("/site/components/fonts/tarragonicg.ttf")
		}
		/*/////////////// end custom font section /////////////////*/
 
body
{
    text-align:center;
    background: #ccc;
    margin: 3px 0px;
    font-family: arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
}

p
{
	text-indent:0px;
	padding-left:15px;
	margin-right:10px;
	text-align:justify;
	line-height:20px;
}

h1, .hdr1
{
	font-family:wbg_cg_font, times new roman, serif;
	font-size:30px;
	
}

#outercontainer
{
    margin: 2px auto;
    width:950px;
    min-width: 800px;
}


/*  this is the outer grey div with rounded corners  */
#blkborderdiv
{
	background:#e7360a;
}
	#bl1 {background: url(/site/images/corners/bl.gif) 0 100% no-repeat}
	#br1 {background: url(/site/images/corners/br.gif) 100% 100% no-repeat}
	#tl1 {background: url(/site/images/corners/tl.gif) 0 0 no-repeat}
	#tr1 {background: url(/site/images/corners/tr.gif) 100% 0 no-repeat;} 

/*////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////*/
/*  this is the outermost relative container  */
	#containerdiv
	{
		margin: 10px 10px 10px 10px;
	    position:relative;
		background:#eee;
		min-height:600px;
		border-top:10px solid #E7360A;
		border-bottom:10px solid #E7360A;
	}
/*////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////*/





/*//*/
/*//*/
/*//*/
/*//*/
/*//*/
/*//////////////////////////////////////////////////////////
/*  this is the HEADERDIV positioned inside the CONTAINERDIV  */
/*////////////////////////////////////////////////////////*/

#headerdiv
{
    height:225px;
    background:#00588a;
    position:relative;
}
	#hdr_logo
	{
		position:absolute;
			top:10px;
			left:10px;
		background:#fff;
		width:500px;
		height:201px;
	}
	

	#directorinfo
	{
		position:absolute;
			top:10px;
			right:10px;
		width:300px;
		height:200px;
		border:0px solid #88B7DD;
		color:#fff;
		font:normal normal normal 15px  arial;
		line-height:30px;
	}

	
	
/*///////////////////////////////////////////////////////////////////
/*  this is the end of the HEADERDIV positioned inside the CONTAINERDIV  */
/*/////////////////////////////////////////////////////////////////*/
/*//*/
/*//*/
/*//*/
/*//*/
/*//*/
/*/////////////////////////////////////////////////////////////////
/*  this is the MAINCONTENTDIV positioned inside the CONTAINERDIV  */
/*///////////////////////////////////////////////////////////////*/

#maincontentdiv
{
	position:relative;
	z-index:0;
	border-left-style:solid;
	border-left-width:210px;/* must match menu_container width */
	border-left-color:#00588a;
	padding-bottom:100px;/*  to leave room for the BOTTOM_CONTENT div  */
}


/* MAIN VERTICAL MENU */
#menu_container
{
	position:relative;
	z-index:1;
	background: #00588a;
	float: left;
	width:210px;/* must match maincontentdiv border-left-width */
	height:100%;
	font-family:wbg_cg_font, times new roman, serif;
	font-weight:100;
	font-size:18px;
}

/*  leave these alone  */		
/* remove all the bullets, borders and padding from the default list styling */
#menu_container ul {
padding:0;margin:0;list-style-type:none;
width:210px;
}
/* hack for IE5.5 */
* html #menu_container ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
#menu_container li {
position:relative;}
/* get rid of the table */
#menu_container table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/*  end leave these alone  */	

/*  */
/* style the links */
#menu_container a, #menu_container a:visited {
display:block; 
background-color:#00588a;
text-decoration:none;
height:25px;
line-height:25px;
width:210px;
color:#fff;
text-align:center;
border:0px;
}
/*  */
/*  */
/*  this sets the member's menu colors */
	#menu_container .top a, #menu_container .toptop a{
	background-color:#ccc;
	color:#000;
	width:208px;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#000;
	}
	#menu_container .listhead a{
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000;
	}
	#menu_container .membermenu_list ul{
	top:-1px;
	left:209px;
	}
/*  */
/*  */
/*  */
	#menu_container .yellow  a:hover {
	background-color: #f7b00a;
	color: #00588a;
	}
	#menu_container .red a:hover 
	{
		background-color: #e7360a;
		color: #ff0;
	}
	#menu_container .orange a:hover 
	{
		background-color: #be4b15;
		color: #fff;
	}
	
/* hack for IE5.5 */
* html #menu_container a, * html #menu_container a:visited {background:#00588a; width:211px; w\idth:210px;}
/* style the link hover */
* html #menu_container a:hover {color:#ff0; background:#e7360a;}

/* default highlight styles of parent item when sub-menu is open and hovered over */
#menu_container :hover > .sub {
color:#fff; 
background-color:#e7360a;
background-image:url("/site/images/menunav/3arrows.gif");
background-position:center right;
background-repeat:no-repeat;
}
/* get rid of flyout arrow on member home page... 
#memberhome #menu_container :hover > .sub {
background-image:none;
}*/

/*  leave these alone  */	
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_container ul ul {
visibility:hidden;position:absolute;top:0;left:210px;}
/* make the second level visible when hover on first level list OR link */
#menu_container ul li:hover ul,
#menu_container ul a:hover ul {visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#menu_container ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu_container ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu_container ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#menu_container ul :hover ul :hover ul :hover ul {visibility:visible;}
/*  end leave these alone  */	
/*  */
/* END of MAIN VERTICAL MENU */
		
		
	#crnt_events
	{
		background: #f7b00a;
		border-top:2px;
		border-right:2px;
		border-bottom:5px;
		border-left:0px;
		border-color: #eee;
		border-style:solid;
		float: right;
		width:208px;
		min-height:335px;
		text-align:left;
		margin-left: 7px;
	}	
		#crnt_events ul
		{
			list-style:none;
			margin:5px;
			padding:0px;
		}
		#crnt_events li
		{
			font-weight:100;
			margin-bottom:12px
		}
	#crnt_events_alt1
	{
		background: #f7b00a;
		color:#00588a;
		margin-top:2px;
		margin-right:2px;
		margin-bottom:5px;
		margin-left:2px;
		border: 1px solid #000;
		float: right;
		width:208px;
		min-height:348px;
		text-align:left;
		margin-left: 7px;
	}	
		#crnt_events_alt1 ul
		{
			list-style:none;
			margin:5px;
			padding:0px;
		}
		#crnt_events_alt1 li
		{
			font-weight:100;
			margin-bottom:12px
		}	
			#crnt_events_alt1 a
			{
				display:block;
				background:#f7b00a;
				color:#00588a;
				text-decoration:none;
				border:1px solid #f7b00a;
				padding:3px;
			}	
				#crnt_events_alt1 a:hover
				{
					background:#f8ba29;
					color:#e7360a;
					text-decoration:none;
				}	
	#crnt_events_alt_blank
	{
		background: transparent;
		margin-top:2px;
		margin-right:2px;
		margin-bottom:5px;
		margin-left:0px;
		border: 0px;
		float: right;
		width:208px;
		min-height:335px;
		text-align:left;
		margin-left: 7px;
	}	
	
	
	#pic_change
	{
		width:504px;
		height:222px;
		margin:0px 0px 0px 2px;
		border:0px;
		background:url("/site/images/rotation/pic5.jpg") no-repeat left bottom;
	}
	
	/*  This next is to enforce the right margin on the Current Eventsbox on the AboutUs page for All Browsers... 	*/
		#plchldr_aboutus
		{
			width:15px;
			height:155px;
			float:left;
		}
		 
/*///////////////////////////////////////////////////////////////////////////
/*  this is the end of the MAINCONTENTDIV positioned inside the CONTAINERDIV     */
/*/////////////////////////////////////////////////////////////////////////*/
/*//*/
/*//*/
/*//*/
/*//*/
/*//*/
/*///////////////////////////////////////////////////////////////////////////
/*  this is the start of the BOTTOM_CONTENT positioned inside the CONTAINERDIV  */
/*/////////////////////////////////////////////////////////////////////////*/

#bottom_content
{
	position: absolute;
		bottom: 0px;
		left: 0px;
	height: 60px;
	width:100%;
	border-left:210px solid #00588a;
}
	#lleft
	{
		width:150px;
		font: normal normal normal 10px Times New Roman;
		float:left;
	}
	
	#rright
	{
		width:150px;
		font: normal normal normal 10px Times New Roman;
		float:right;
	}

	/* ABSC, Inc. Logo */
	#designer
	{
	    height:60px;
	    width:100%;
	    position: absolute;
		    bottom:0px;
		    left:-105px;
	    text-align:center;
		font: normal normal normal 10px arial, sans-serif;
	}

		#designer a
		{
		    text-decoration: none;            
		    color: #000;
		}
		
/*///////////////////////////////////////////////////////////////
/*  this is the end of the bottom div positioned inside the containerdiv       */
/*///////////////////////////////////////////////////////////////
/*//*/
/*//*/
/*//*/
/*//*/
/*//*/
//////////////////////////////////////////////////////////////////
/*  this is the start of the page specific styles                                  	          */
/*//////////////////////////////////////////////////////////////*/
/*//*/
/*//*/
/*//*/
/*//*/
/*//*/
.button
{
	background:#f7b00a;
	display:block;
	height:45px;
	width:600px;
	line-height:45px;
	border:1px solid #00588a;
}
	.button:hover
	{
		background: #fff;
	}
.buttonlinks
{
	display:block;
	height:45px;
	width:300px;
	line-height:45px;
	border:1px solid #00588a;
	text-decoration:none;
	margin-bottom:5px;
	margin-left:5px;
	color:#00588a;
	background:#f7b00a;
}
	.buttonlinks:hover
	{
		background: #fff;
		text-decoration:underline;
		color:#e7360a;
	}
.horiz_menu .extra a
{
	margin:30px 60px 60px 190px;
	background:yellow;border:1px solid #e7360a;
}
.horiz_menu .extra a:hover
{
	background:#e7360a;font-size:150%;border:3px solid #000;
}
	
.in_text_link a
{
	text-decoration:none;
	color:#00588a;
}
	.in_text_link a:hover
	{
		text-decoration:underline;
		color:#e7360a;
	}
.text_link
{
	text-decoration:none;
	color:#00588a;
}
	.text_link:hover
	{
		text-decoration:underline;
		color:#e7360a;
	}
	
.dim
{
	
     /* Opacity for IE */
    filter:alpha(opacity=80);
     /* Opacity CSS3 standard */
    opacity:0.8;
     /*  */
}	
	.dim:hover
	{
		
	     /* Opacity for IE */
	    filter:alpha(opacity=100);
	     /* Opacity CSS3 standard */
	    opacity:1.0;
	     /*  */
	}
	
.performers 
{
	text-align:left;
	margin-left:100px;
}
	.performers ul
	{margin-left:0px;}

	
/*  */
/*  */
/*  */
/*  		MEMBERS AREA mainpage  MENU AREA  	*/
/*  */
/* remove the bullets, padding and margins from the lists */
.horiz_menu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.horiz_menu li
{
	float:left;
	position:relative;
	z-index:100;
}
.horiz_menu .top
{
	margin:0px 60px 60px 60px;
}
.horiz_menu .toptop
{
	margin:20px 60px 60px 60px;
}

/* use the table to position the dropdown list */
.horiz_menu table
{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

/* style all the links */
.horiz_menu a, .horiz_menu :visited 
{
	display:block;
	font-family:wbg_cg_font, times new roman, serif;
	font-weight:100;
	font-size:18px;
	width:220px;
	padding:3px 0;
	color:#000;
	background:#e7360a;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
}
/* style the links hover */
.horiz_menu :hover
{
	color:#ff0;
}

/* hide the sub level links */
.horiz_menu ul ul 
{
	visibility:hidden;
	position:absolute;
	width:129px;
	height:0;
}
/* make the sub level visible on hover list or link */
.horiz_menu ul li:hover ul,
.horiz_menu ul a:hover ul
{
	visibility:visible;
}
/*  END MEMBERS AREA HORIZONTAL MENU AREA  */

/* this takes away the flyouts on the member default page... 
#memberhome #menu_container ul ul
{
	display:none;
}  
/* this takes away unneeded menu items on the member default page... */
#memberhome .noshow
{
	display:none;
}

.rep_song_list
{
	list-style-type:none;
	padding:0;
	margin:0;
}
.rep_song_list li
{
}
.songtitle
{
	font-family:wbg_cg_font, times new roman, serif;
	font-size:24px;
}
.songcomposer
{
	font-size:16px;
	font-style:italic;
}
.performance
{
}
.divider
{
	border-bottom:1px solid #ccc;
}
/*//*/
/*//*/
/*//*/
/*//*/
/*//*/
/*////////////////////////////////////////////////////////////////
/*     this is the end of the page specific styles                                 	           */
/*//////////////////////////////////////////////////////////////*/