/*** General Styles ***/

html {
	height:100%;
}
body {
	background:url(../../assets/images/backgrounds/bg.jpg) top center;
	color:#fff;
	font:13px Arial, Helvetica, sans-serif;
	height:100%;
	text-align:center;
	margin-top:-15px;
	*margin-top:0px;
}
h1{
	color:#fff;
	font-size:28px;
	font-weight:bold;
	margin:5px 0 0 5px;
}
h2 {
	font-size:0em;
	line-height:0em;
	text-indent:-1000000px;
	border:solid 1px #3a3b3c;
	background:url(../../assets/images/backgrounds/title-gradient.gif) repeat-x top;
	height:30px;
	margin-bottom:4px;
}
	h2 img {
		display:block;
	}	
h3 {
	font-size:17px;
	font-weight:bold;
	color:#fff;
	padding-bottom:4px;
	margin:0 0 0 8px;
}
a {
	color:#8188b0;
}

p{
	margin:10px 0 0px 10px;
	font:13px Arial, Helvetica, sans-serif;
}

iframe{
	color:white;
}

.vabdo_school{
	color:white;
}

small{
	font-size:10px;
}

/*** Classes ***/

.left {
	float:left
}
.right {
	float:right
}
.center {
	margin:0 auto;
	text-align:center;
}
.clear {
	clear:both;
	display:block;
	height:0em;
}

/*** Classes for the Show/Hide Function RSS Feeds on Homepage ***/

.show {
	cursor:pointer;
}

.show:hover {
	text-decoration:underline;
}

.hide {
	cursor:pointer;
	margin:10px 0;
}
.hide:hover {
	text-decoration:underline;
}

/*** STRUCTURE ***/

#container {
	background: url(../../assets/images/backgrounds/bg-content.gif) repeat-y;
	width:951px;
	margin:0 auto;
	text-align:left;
}


/*** HEADER ***/

#header {
	background:url(../../assets/images/backgrounds/bg-header.jpg) no-repeat center top;
	padding:0 2px;
}
	#header h1 {
		padding-left:30px;
	}
		#header h1 a {
			display:block;
			font-size:0em;
			line-height:0em;
			text-indent:-100000px;
			width:330px;
			height:148px;
		}
	#header div {
		background:url(../../assets/images/backgrounds/bg-menu.gif) repeat-x;
	}
	#header ul {
		float:left;
		height:39px;
		padding-left:8px;
	}	
		#header ul li {
			display:block;
			float:left;	
		}
			#header ul li a {
				display:block;
				float:left;
				font-size:0em;
				line-height:0em;
				text-indent:-1000000px;
				padding:0 9px;
			}
				#header ul li a img {
					display:block;
					padding-top:13px;
				}
		
			/*** Ajax Search Form at the top of Page ***/
				
	#ajaxSearch_form {
		padding-top:6px;
	}
	#ajaxSearch_form fieldset {
		float:right;
		width:290px;
		height:25px;	
		margin-right:5px;
	}
	#ajaxSearch_form input.cleardefault {
			border:0;
			background:url(../images/backgrounds/bg-search.gif) no-repeat top;
			color:#fff;
			float:left;
			color:#000;
			padding-top:5px;
			padding-left:15px;
			width:203px;
			height:25px;
			outline:none;
			font-size:12px;
	}
	#ajaxSearch_submit {
	  float:right;
	  width: 58px;
	  height: 24px;
	  margin: 1px 10px 0 0px;
	  _margin:1px 5px 0 0;
	  padding: 0;
	  border: 0;
	  background: transparent url(../images/backgrounds/search.jpg) no-repeat center top;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
}

.ajaxSearch_resultsInfo {
	font-size:24px;
	margin-bottom:10px;
}

.ajaxSearch_result {
	text-indent:20px;
	font-size:14px;
	margin-bottom:10px;
}

.ajaxSearch_resultLink {
	background: #101010 url(../images/arrow.gif) no-repeat 0% 55%; 		/* first number is left postion, second is top */
	padding:0px 0 0px 25px;
	font-size:18px;
}

.ajaxSearch_resultExtract {
	margin:5px 0 0 20px;
}	
		
		
/*** MAIN CONTENT STUFF ***/

#content {
	width:951px;
	padding-top:8px;
}
#page {
	width:611px;
	float:left;
	padding-left:10px;
	padding-bottom:20px;
}
	#page h2 {
		margin-bottom:18px;
	}
	#page .news {
		margin-bottom:8px;
	}
		#page .news img {
			border:solid 1px #161616;
			display:block;
		}
	#page .music {
		padding:0 20px 20px 20px;
	}
		#page .music h3 {
			font-size:17px;
			font-weight:bold;
			color:#939393;
			padding-bottom:7px;
			text-transform:uppercase;
			margin-left:-2px;
		}
		#page .music ul {
			padding-bottom:7px;
		}
			#page .music ul li {
				font-size:14px;
				font-weight:bold;
				padding-bottom:10px;
				background:url(../images/icons/ico-file.gif) no-repeat 0 0;
				padding-left:23px;
			}
				#page .music .content {
					text-decoration:none;
					cursor:default;	
				}
				#page .music .content:hover {
					text-decoration:none;
					cursor:default;	
				}
		#page .music p {
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			font-size:13px;
			margin-bottom:12px;
			display:block;
			font-weight:normal;
		}
			#page .music p a {
				color:#8188B0;
				font-weight:bold;
				text-decoration:none;
				font-size:14px;
				float:right;
				margin:5px 0px;
			}
			#page .music p a:hover {
				text-decoration:underline;
			}
			
	#page .community {
		padding:0 20px 20px 20px;
	}
		#page .community h3 {
			font-size:17px;
			font-weight:bold;
			color:#939393;
			padding-bottom:7px;
			text-transform:uppercase;
			margin-left:-2px;
		}
		#page .community ul {
			padding-bottom:7px;
		}
			#page .community ul li {
				font-size:14px;
				font-weight:bold;
				padding-bottom:10px;
				background:url(../images/icons/ico-file.gif) no-repeat 0 0;
				padding-left:23px;
			}
				#page .community .content {
					text-decoration:none;
					cursor:default;	
				}
				#page .community .content:hover {
					text-decoration:none;
					cursor:default;	
				}
		#page .community p {
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			font-size:13px;
			margin-bottom:12px;
			display:block;
			font-weight:normal;
		}
			#page .community p a {
				color:#8188B0;
				font-weight:bold;
				text-decoration:none;
				font-size:14px;
				float:right;
				margin:5px 0px;
			}
			#page .community p a:hover {
				text-decoration:underline;
			}
		#page .salesPages ul{
			margin:20px 0 20px 20px;
		}
		#page .salesPages ul li{
			font-size:18px;
		}
			
/*** For the Recent Songs Page ***/
			
	#page .recentSongs {
		background:url(../images/backgrounds/gradient.gif) repeat-x top #2c2c2c;
		border:solid 1px #3a3b3c;
		padding:6px 5px;
		margin-bottom:6px;
	}
		#page .recentSongs img.img {
			display:block;
			padding-bottom:3px;
		}
		#page .recentSongs .list {
			background:#010101;
			padding:10px 14px 10px 12px;
		}
			#page .recentSongs ul {
				padding-bottom:5px;
			}
				#page .recentSongs ul li {
					display:block;
					_height: 1%;
					padding:4px;
					font-size:12px;
					color:#fff;
					border-bottom:1px solid #3F3B3B;
				}
					#page .recentSongs ul li a img {
						display:block;
						float:right;
						margin-right:220px;	
					}
			#page .recentSongs .button img {
				display:block;
			}
			
/*** For the MUSIC Page ***/
			
	.musicList {
		background:url(../images/backgrounds/gradient.gif) repeat-x top #2c2c2c;
		border:solid 1px #3a3b3c;
		padding:10px 5px;
	}
			.musicList ul {
				padding-bottom:5px;
			}
				.musicList ul li {
					display:block;
					_height: 1%;
					padding:4px;
					font-size:12px;
					color:#fff;
					border-bottom:1px solid #3a3b3c;
					clear:both;
					height:110px;
				}
				.musicList ul li:hover {
					background:#3F3B3B;
				}
			.musicList .button img {
				display:block;
			}
			.musicList .cover {
				float:right;
				margin:5px 0px 0 0;
			}
			.musicList .itunes {
				margin:3px 0 0 0px;
			}
			.musicList h4.title {
				font-size:24px;
				font-weight:bold;
				color:white;
			}
			.musicList h4.artist {
				font-size:18px;
				color:white;
			}
				.musicList h5 {
				font-size:12px;
				font-weight:bold;
				color:white;
				margin:6px 0;
			}	
			

/*** SIDEBAR ***/

#sidebar {
	float:right;
	width:306px;
	padding-right:10px;
	padding-bottom:20px;
}
	#sidebar .ad {
		padding-bottom:6px;
	}
		#sidebar .ad img {
			display:block;
		}
	#sidebar .songs {
		background:url(../images/backgrounds/gradient.gif) repeat-x top #2c2c2c;
		border:solid 1px #3a3b3c;
		padding:6px 5px;
		width:294px;
		margin-bottom:6px;
	}
		#sidebar .songs img.img {
			display:block;
			padding-bottom:3px;
		}
		#sidebar .songs .list {
			background:#010101;
			padding:10px 14px 10px 12px;
			width:268px;
		}
			#sidebar .songs ul {
				padding-bottom:5px;
			}
				#sidebar .songs ul li {
					display:block;
					_height: 1%;
					padding-bottom:4px;
					font-size:12px;
					color:#fff;
				}
					#sidebar .songs ul li a img {
						display:block;
						float:right;	
					}
			#sidebar .songs .button img {
				display:block;
			}
			#sidebar .songs .more {
				float:right;
				margin-bottom:12px;
				color:white;
			font-size:11px;
			}
			
			#sidebar .songs .more a{
			color:white;
			text-decoration:none;
			font-weight:bold;
			}
	#sidebar .inside {
		background:url(../images/backgrounds/gradient.gif) repeat-x top #2c2c2c;
		border:solid 1px #3a3b3c;
		margin-bottom:6px;	
		padding:12px 21px 0 21px;
		width:262px;
	}
		#sidebar .inside h3 {
			color:#7ea737;
			padding-bottom:15px;
			font-size:14px;
			font-weight:bold;
		}
			#sidebar .inside h3 a {
				background:url(../images/icons/ico-file.gif) no-repeat 0 0;
				padding-left:20px;
				color:#7ea737;
				text-decoration:none;	
			}
			#sidebar .inside h3 a:hover {
				text-decoration:underline;
			}
			#sidebar .inside h4 {
			color:#fff;
			padding-bottom:15px;
			font-size:12px;
			font-weight:bold;
		}
			#sidebar .inside h4 a {
				padding-left:20px;
				color:#fff;
				text-decoration:none;	
			}
			#sidebar .inside h4 a:hover {
				text-decoration:underline;
			}
		#sidebar .inside .box {
			width:264px;
			padding-bottom:15px;
		}
			#sidebar .inside .box .left {
				width:58px;
			}
				#sidebar .inside .box .left img {
					display:block;
				}
			#sidebar .inside .box .right {
				float:left;
			}
			#sidebar .inside .box h5 {
				font-size:12px;
				color:#df0202;
				padding-bottom:4px;
			}
				#sidebar .inside .box h5 a {
					text-decoration:none;
				}
				#sidebar .inside .box h5 a:hover {
					text-decoration:underline;
				}
	#sidebar .poll {
		background:url(../images/backgrounds/bg-poll.gif) repeat-x top #2c2c2c;
		border:solid 1px #3a3b3c;
		margin-bottom:6px;	
		padding:10px 17px 7px 17px;
		width:270px;
		height:160px;
	}
		#sidebar .poll p {
			padding-bottom:7px;
		}
		#sidebar .poll label {
			padding-left:18px;
			display:block;
			padding-bottom:2px;
			color:#fff;
			font-size:12px;
		}
		#sidebar .poll a {
			float:right;
			display:block;
			padding-top:3px;
			color:#b6b6b6;
			text-decoration:underline;
		}
		#sidebar .poll a:hover {
			color:#fff;
		}
		#sidebar .poll input.img {
			display:block;
			float:left;
		}
		#sidebar .poll h3 {
			font-size:12px;
			margin-bottom:10px;
			font-weight:normal;
		}
		#sidebar .poll ul {
			margin:0 0 10px 20px;
		}		
		#easypollsubmit {			/* the "VOTE" Button */
		  width: 50px;
		  height: 21px;
		  margin: 12px 0px 0 0px;
		  padding: 0;
		  border: 0;
		  background: transparent url(../images/buttons/vote.gif) no-repeat center top;
		  cursor: pointer; /* hand-shaped cursor */
		  cursor: hand; /* for IE 5.x */
		  display:inline;
		  float:left;
		}
		#easypollresult {			/* the "Results" button */
		  float:right;
		  display:inline;
		  width: 80px;
		  height: 26px;
		  margin: 27px 0px 0 0px;
		  COLOR:WHITE;
		  padding: 0;
		  border: 0;
		  background: transparent url(../images/buttons/results.gif) no-repeat center top;
		  cursor: pointer; /* hand-shaped cursor */
		  cursor: hand; /* for IE 5.x */
		}
		
/*** FOOTER ***/
		
#footer {
	background:#090909;
	padding:18px 28px;
	margin:0 2px;
}
	#footer ul {
		padding-bottom:10px;
	}
		#footer li {
			display:inline;
			color:#fff;
			letter-spacing:0.2em;
			font-size:12px;
		}
			#footer li a {
				color:#fff;
				letter-spacing:normal;
				text-decoration:none;
			}
			#footer li a:hover {
				text-decoration:underline;
			}
	#footer p {
		color:#696969;
	}
	
/*** ACCORDION ***/

p.toggler  { 
	cursor:pointer;
	font-weight:bold; 
	color:#fff; 
	margin: 0 0 0px 0; 
	padding:0 0 0 10px; 
	font-size:20px; 
	font-family:Arial, sans-serif;
}

p.toggler:hover	 { 
	color:#DF0202;
}

p.toggler span {
	font-size:12px;
}

.element {
	padding:0 5px;
	overflow: hidden; 
	font-size:14px;
	line-height:22px;
	margin-top:10px;
}

.element p {
	display:block;
	margin-bottom:10px;
}

.element h3 {
	font-size:28px;
}

/*** Form Styles ***/

#form.request{					/** More Narrow than normal forms **/
	border:2px dashed #552789;
	margin:10px 0 0 0px;
	padding:15px 0 0 50px;
	width:350px;
	}
	
#form {
	border:2px dashed #552789;
	margin:10px 0 0 0px;
	padding:15px 0 0 50px;
	width:450px;
	}
	
#form label {
	font-size:14px;
	margin-bottom:5px;
	font-weight:bold;
	display:block;
	clear:both;
}

#form #input {
			border:0;
			background:url(../images/backgrounds/bg-input.gif) no-repeat top;
			color:#000;
			margin:0px 0 20px 0;
			font-size:14px;
			padding-top:3px;
			padding-left:65px;
			width:203px;
			height:25px;
			outline:none;
			font-size:14px;
			clear:both;
}

#form #input:focus, #input:hover {
	background:url(../images/backgrounds/bg-input-hover.gif) no-repeat top;
}

#form #text-area {
			border:0;
			background:url(../images/backgrounds/bg-text-area.jpg) no-repeat top;
			color:#000;
			margin:10px 0;
			font-size:14px;
			padding-top:10px;
			padding-left:65px;
			width:400px;
			height:200px;
			outline:none;
			font-size:14px;
			clear:both;
			overflow:hidden;
}

#form #text-area input{
	padding-left:20px;
}

#form #text-area:focus, #text-area:hover {
	background:url(../images/backgrounds/bg-text-area-hover.jpg) no-repeat top;
}

#formSubmit {
	  float:right;
	  width: 150px;
	  height: 35px;
	  margin: 0px 0px 0 16px;
	  *margin: 0px 0px 0 6px;
	  padding: 0;
	  border: 0;
	  background: transparent url(../images/buttons/submit2.gif) no-repeat center top;
	  cursor: pointer; /* hand-shaped cursor */
}
	
#formSubmit.request {
	  float:left;
	  width: 150px;
	  height: 35px;
	  margin: 0px 0px 0 122px;
	  *margin: 0px 0px 0 122px;
	  padding: 0;
	  border: 0;
	  background: transparent url(../images/buttons/submit2.gif) no-repeat center top;
	  cursor: pointer; /* hand-shaped cursor */
}