/* CSS Document */

body

{	    

	background-image:url(../images/bg.gif);		

	background-position: top left;

	text-align: center;

	margin: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	color: #EAEAEA;

}

td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	color: #FFFFFF;

}

h1{

font-size:0.9em;

}



/*  Position of the webpage = centered  */

#wrap {

	width: 800px;

	margin: 0% auto;

	text-align: left;

	padding-top:10px;

	

}

.top{

	background-image: url(../images/bg_top.gif);

	background-repeat: no-repeat;

	background-position: top;

	position: relative;

	width: 800px;

	height: 10px;

	margin: 0;

	padding: 0;

	float: left;

}

#header{

	background-image: url(../images/frametop3.gif);

	background-repeat: no-repeat;

	background-position: top left;

	margin: 0;

	padding: 0;

	border: 0;	

	width:800px;

	height:72px;	

}

a#aboutro { background-image: url(../images/rollovers/about.gif); background-repeat:no-repeat; height: 26px; width:90px; display:block; float:left; margin-top:30px; }

a#aboutro span { display:none; }

a#aboutro:hover { background-image:url(../images/rollovers/aboutro.gif); }



a#newsro { background-image: url(../images/rollovers/news.gif); background-repeat:no-repeat; height: 23px; width:73px; display:block; float:left; margin-top:25px; }

a#newsro span { display:none; }

a#newsro:hover { background-image:url(../images/rollovers/newsro.gif); }



a#livero { background-image: url(../images/rollovers/live.gif); background-repeat:no-repeat; height: 29px; width:59px; display:block; float:left; margin-top:27px; }

a#livero span { display:none; }

a#livero:hover { background-image:url(../images/rollovers/livero.gif); }



a#musicro { background-image: url(../images/rollovers/music.gif); background-repeat:no-repeat; height: 28px; width:85px; display:block; float:left; margin-top:32px;}

a#musicro span { display:none; }

a#musicro:hover { background-image:url(../images/rollovers/musicro.gif); }



a#photoro { background-image: url(../images/rollovers/photo.gif); background-repeat:no-repeat; height: 28px; width:85px; display:block; float:left; margin-top:27px; }

a#photoro span { display:none; }

a#photoro:hover { background-image:url(../images/rollovers/photoro.gif); }







#title

{		

	float:left;

	padding-left:20px;		

	width:280px;

	height:70px;

	background:top no-repeat url(../images/logomain2.gif);

}

#topnav{

	float:left;	

	color:#FFFFFF;

	height:70px;

	width:500px;

	text-align:left;

}

#topnav a{

color:#FFFFFF;

}

#topnav a:hover{

color:#FF0000;

text-decoration:underline;

}

/* ###################### MAIN AREA UNDER BANNER ################ */



#wrapper {

	background-image: url(../images/framemain2.gif);

	background-repeat: repeat-y;

	position: relative;

	width: 800px;

	height: 100% auto;

	float: left;

	margin: 0;

	padding: 0;



}

/*#########################################################*/



/* ####################### BOTTOM PAGE PROPERTIES ####################### */

/* trick for the footer to stay at the bottom in mozilla firefox  */

#bottomWrap {

	width: 764px;

	position: top;

	float: left;

	background: transparent;

	margin: 0;

}



#bottom {

	background-image: url(../images/framebottom.gif);

	background-repeat: no-repeat;

	background-position: bottom;

	position: absolute;

	width: 800px;

	height: 70px;

	float: left;

	text-align:center;

}



#bottom p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	color: white;

	margin-left: 25px;

	margin-top: 5px;

	padding: 5px;

}

#footer{

	clear:both;

	padding-top:30px;	

	width:800px;

	height:70px;

	background:top left no-repeat url(../images/framebottom.gif);

	color:#FFFFFF;

	font:"Courier New", Courier, monospace;

	font-size:10px;

}

/*########################################*/

/*##################COL A##################*/

#colA { 

	width: 170px;

	float: left;

	height: 100%;

	background-image: url(images/bg_repeat_menu.jpg);

	background-repeat: repeat-y;

	text-align: left;

	padding-left:10px;



} 

#colA h3 {

	display: none;

}



#colA a{

color:#FFFFFF;

font-size:1.0em;

}

/*########################################*/

/*##################COL B##################*/

#colB {

	width: 420px; 	

	float: left;

	position: relative;

	margin: 0px;

	height: auto 100%;

	padding-right:10px;

	min-height:350px;
	
	display:block; 

} 
#colB img {border:none;}

#colB h1{

font-size:0.9em;

}

#colB a{

color:#FFFFFF;

text-decoration:underline;

font-size:1.0em;

}

#colB #news{

background:url(../images/paper.jpg);

color:#333333;

padding: 10px 10px 10px 10px;

}

#colB .gig{

background:url(../images/paper.jpg);

color:#333333;

padding: 10px 10px 10px 10px;

display:none;

}

#colB .title{

	font-size:1.9em;	

	color:#333333;

	text-decoration:underline;

	font-family:"Courier New", Courier, monospace;

}

#colB .added{

	font-size:1.0em;	

	color:#333333;

	font-style:italic;	

	font-family:"Courier New", Courier, monospace;

}

#colB .article{

	font-size:1.2em;	

	color:#333333;

	text-decoration:none;

	font-family:"Courier New", Courier, monospace;

}
#colB .description{
color:#EEEEEE;
font-size:10px;
}

/*########################################*/

/*#################COL C##################*/

#colC {

	width: 180px; 

	background-repeat: no-repeat;

	background-position: top left;

	float: left;

	position: relative;

	margin: 0px;

	height: auto 100%;

} 

#colC img {
border:none;
padding:1px 1px 1px 1px;

}

#colC .live{

	border:solid 2px #FF0000;

	background:top left no-repeat url(../images/live.gif);

	padding-top:25px;

	padding-left:7px;

	padding-bottom:10px;

	padding-right:7px;

	font-size: 0.8em;

	width:157px;

}
#colC .live a{
	text-decoration:none;
	color:#FFFFFF;
	
}
#colC .live a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	
}

#colC .news{

	border:solid 2px #FF0000;

	background:top left no-repeat url(../images/news.gif);

	padding-top:25px;

	padding-left:7px;

	padding-bottom:10px;

	padding-right:7px;

	font-size: 0.8em;

	width:157px;

}
#colC .news a{
	text-decoration:none;
	color:#FFFFFF;
	
}
#colC .news a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	
}
#twitter_div{

	padding:0;
	margin:0;
	width:176px;
	background: transparent;
	background:top left no-repeat url(../images/twitter.png);
	border:solid 2px #FF0000;
	font-size: 0.7em;
	text-align:left;
	overflow:auto;
	float:left;
	
}
#twitter_div a
{
color:#FFFFFF;
}
#twitter_div a:hover
{
text-decoration:none;
font-style:italic;
color:#FFFFFF;
}


#entrance

{

	color:#000000;	

	width:800px;

	padding-top:100px;

}

#entrance a{

text-decoration:underline;

color:#000000;	

}

#entrance a:hover{

color:#FF0000;

text-decoration:none;
}
#facebook
{
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../images/icon_fb.gif") no-repeat 0 0;

}

#facebook:hover
{ 
  background-position: 0 -32px;
}

#facebook span
{
  display: none;
}
#twitter
{

  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../images/icon_twitter.gif") no-repeat 0 0;

}
#twitter span
{
  display: none;
}
#icons{
text-align:right;
height:34px;
}