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

/*make all elements uniform*/

*{	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;}


/*format the body*/
body{	text-align:center;
		background: url(images/body-bg.gif);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#292929;
		}


p, h1, h2, h3, h4, h5, h6, a, ul, li, ol, dt, dd, td, address {
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
p,ul { color:#CCCCCC;
		font-size:13px;
		line-height:1.3em;
		padding:5px 50px 5px 40px;
}

#maincontent li{ margin-left:15px; padding:2px 0;}


h1 { font-size:25px;
		color:#FFFFFF;
		padding:68px 0 20px 50px;
		font-weight:100;
		text-transform:uppercase;
}
h2 {
}
address { color:#ffffff;
			font-size:14px;
			line-height:1.3em;
			font-style:normal;
			text-align:center;
			padding:15px 0 15px 0;
}

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
li {
}


div#maincontent strong{ color:#fff1b1;}


/*container*/
#container{	width:960px;
			text-align:left;
			margin:0 auto;
			position:relative;}

/*format the header*/
#header{	width:960px;
			height:188px;
			}



/*the bar area, can put a horizontal nav here if you want*/
#bar{	height:245px;
		width:960px;
		background:url(images/bar-bg.jpg);
		background-repeat:no-repeat;
		}
		
#flash{	width:713px;
		height:245px;
		position:absolute;
		top:187px;
		right:0;}		

/*format the navigation*/



ul#mainnav {
	margin: 0 0 0 13px;
	padding: 20px 0 0 0;

}

ul#mainnav li {
display: inline; 
	list-style: none;
	margin-bottom: 10px;
	list-style-type: none;

}


ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	width: 214px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0px 7px 10px;
	text-decoration: none;
	border-bottom:1px solid #222222;
	color: #faf3dd;
}

ul#mainnav li a:hover {
color: #000000;
	width: 184px;
	background-image:url(images/status-on.jpg);
	padding-left:40px;
	
}

	ul#mainnav li a#current:link, ul#mainnav a#current:visited {
color: #000000;
	width: 184px;
	background-image:url(images/status-on.jpg);
	padding-left:40px;
}






/*format the content*/
#content{	background:url(images/content-bg.gif);
			background-repeat:repeat-y;}
			


/*left column*/
#maincontent{	float:left;
			width:676px;
			padding: 0 0 10px 0;
			background:url(images/left-bg.jpg);
			background-position:top;
			background-repeat:no-repeat;}



			
				
/*right column*/
#sidebar{	float:right;
				width:284px;
				padding:0 0 0 0;
				background:url(images/right-bg.jpg);
				background-position:top;
				background-repeat:no-repeat;
				}


/*format footer*/
#footer{	clear:both;
			background:url(images/footer-bg.jpg);
			background-repeat:no-repeat;
			background-position:top;
			background-color: #292929;
			width:960px;
			color:#FFFFFF;
			font-size:12px;
			text-transform:uppercase;
			
			}

ul#subnav{	margin:0;
			padding:50px 0 0 0;
			list-style:none;}


#subnav li{	display:inline;
				margin:0;
			padding:0;
			border-right:1px solid #161616;
			
			
			}

#subnav a:link{
			display:inline;
			color:#FFFFFF;
			text-decoration:none;margin:0;
			padding:0 10px 0 10px;
			}
			
#subnav a:visited{
			
			display:inline;
			color:#FFFFFF;
			text-decoration:none;
			margin:0;
			padding:0 10px 0 10px;}

/*copyright information*/
div#copyright {	text-align:center;
				font-size:10px;
				color: #888;
				padding:45px 0 10px 0;
				background:#292929;
				 }
				 


div#copyright a:link, div#copyright a:visited {
color: #fff;
}

div#copyright a:hover, div#copyright a:active {
color: #fff;
}

.ypimg { }


#form{ margin-top:-50px;
		padding-left:20px;}

/* ----------------- IMAGE ELEMENTS ----------------- */

img.left {
	float: left;
	margin-right:15px;
	margin-left:50px;
padding:3px;
	border:1px solid #333333;
		margin-bottom:5px;
}
img.right {
	float: right;
	margin-left:15px;
	margin-right:40px;
	margin-top:7px;

	padding:3px;
	border:1px solid #333333;
}
clear {
	clear: both;
}


/*custom*/

.audio_button{}

.audio_logo{}		

.logos{ padding-bottom:15px;}

.pay{ padding-bottom:15px;}