/* Global Styles */

body{
background-image:url(../images/back.jpg) ;
background-position: top center ;
background-attachment: scroll ;
background-repeat: x-repeat ;
background-color: black ;
margin:0px;
}

td #save_the_vinyl_banner{
background-image:url(../images/save_the_vinyl.jpg) ;
background-position: top center ;
background-repeat: no-repeat ;
background-color: black ;
margin:0px;
width:504px;
height:415px;
}

td #save_the_vinyl_banner h1 a{
display: block;
width: 504px;
height: 415px;
margin:0px;
}

	
td {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#bbbbbb;
	}
	
a {
	color: #aaaaaa;
	outline: 0;
	}
	
a:hover {
	color: #ff0000;
	}

/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url(../images/mm_arrow.gif) 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url(../images/mm_arrow.gif) 14px 45% no-repeat;
	color:#FF6600;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#bbbbbb;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.style1{
	color: #000000;
	text-align: center;
	display:block;
}


/* Form
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#form select {
	font-size: 10px;
	color: #bbbbbb;
	width: 100px;
	background-color: #111111;
	border: 1px solid #303030;
	height: 20px;
	margin: 0;
	padding: 0;
}

#form input.text, textarea, input.security { font: 10px Verdana, Sans-serif; }
#form { width: 504px; padding: 0; margin: 10px 0 0 0; float: left; }
#form form { margin: 0; padding: 0; line-height: 1.3em; }
#form form #float1 div { padding: 0 0 5px 0; margin: 0; }
#form form #float2 div { padding: 0 0 5px 0; margin: 0; }

#form2 select {
	font-size: 10px;
	color: #bbbbbb;
	width: 100px;
	background-color: #111111;
	border: 1px solid #303030;
	height: 20px;
	margin: 0;
	padding: 0;
}

#form2 input.text, textarea { font: 10px Verdana, Sans-serif; }
#form2 { width: 242px; padding: 0; margin: 10px 0 0 0; float: left; }
#form2 form { margin: 0; padding: 0; line-height: 1.3em; }
#form2 form #floatall2 div { padding: 0 0 5px 0; margin: 0; }

#float1 { float: left; width: 242px; margin: 0; padding: 0; }
#float2 { float: right; width: 242px; margin: 0; padding: 0; }
#floatall { clear:both; float: left; width: 504px; margin: 0; padding: 0; }
#floatall2 { width: 242px; margin: 0; padding: 0; }
#floats2s { float: right; width: 242px; height: 150px; margin: 0; padding: 0; background-image:url(../images/sign2savenow.jpg); background-repeat: no-repeat;}

#contactform div, #SecurityLogin div { padding: 0; margin: 0; }
#send{ float:right; padding: 0; margin: 0 0 0 0; }
#send input{ margin-top: 5px; }
#send2{padding: 0; margin: 0 0 0 0; width: 242px;}
#send2 input{ margin: 5px -8px 0 0; float:right;}
#contactform label, #SecurityLogin label { display: block; padding: 0 0 2px 0; margin: 0; color:#bbbbbb; float:left;}
#contactform input.text, #SecurityLogin input.text { width: 242px; }
#contactform textarea, #SecurityLogin textarea { width: 504px; }
#contactform textarea, #SecurityLogin textarea { height:10em; margin: 0 0 15px 0; }

#contactform input.security { width: 100px; }

#contactform input.text, #SecurityLogin input.text, #contactform textarea, #SecurityLogin textarea, #contactform input.security  {
	background-color: #111111;
	border:1px solid #303030;
	padding: 3px;
	color: #666;
	margin: 0; }

textarea#banner {
	width: 504px;
	height: 20px;
	padding: 2px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color: #404040;
	background-color: #111111;
	border:1px solid #303030;
	overflow:hidden;
	line-height:13px;
}

textarea#banner2 {
	width: 242px;
	height: 20px;
	padding: 2px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color: #404040;
	background-color: #111111;
	border:1px solid #303030;
	overflow:hidden;
	line-height:13px;
}

.small {
	font-family: Tahoma, sans-serif;
	font-size: 9px;
}

hr {
	width: 504px;
	color: #404040;
	padding: 0px;
}

/* 	Name: 	glass a 

/* 	Left (Wedges) Background	*/	
	input.cssbutton.glass.a,a.cssbutton.glass.a,div.cssbutton.glass.a {
	width:50px;
	height:19px;
	background:url(../images/bt-sign.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	margin-left:5px;
	}

/* 	:hover Left (Wedges) Background	*/	
	input.cssbutton.glass.a:hover,a.cssbutton.glass.a:hover,div.cssbutton.glass.a:hover {
	width:50px;
	height:19px;
	background:url(../images/bt-sign2.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	margin-left:5px;
	}
	
	
	
/* 	Name: 	glass b 

/* 	Left (Wedges) Background	*/	
	input.cssbutton.glass.b,a.cssbutton.glass.b,div.cssbutton.glass.b {
	width:50px;
	height:19px;
	background:url(../images/bt-clear.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	}

/* 	:hover Left (Wedges) Background	*/	
	input.cssbutton.glass.b:hover,a.cssbutton.glass.b:hover,div.cssbutton.glass.b:hover {
	width:50px;
	height:19px;
	background:url(../images/bt-clear2.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	}

/* 	Name: 	glass c 

/* 	Left (Wedges) Background	*/	
	input.cssbutton.glass.c,a.cssbutton.glass.c,div.cssbutton.glass.c {
	width:50px;
	height:19px;
	background:url(../images/bt-send.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	margin-left:5px;
	}

/* 	:hover Left (Wedges) Background	*/	
	input.cssbutton.glass.c:hover,a.cssbutton.glass.c:hover,div.cssbutton.glass.c:hover {
	width:50px;
	height:19px;
	background:url(../images/bt-send2.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	margin-left:5px;
	}

/* 	Name: 	glass d 

/* 	Left (Wedges) Background	*/	
	input.cssbutton.glass.d,a.cssbutton.glass.d,div.cssbutton.glass.d {
	width:50px;
	height:19px;
	background:url(../images/bt-login.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	margin-left:0px;
	}

/* 	:hover Left (Wedges) Background	*/	
	input.cssbutton.glass.d:hover,a.cssbutton.glass.d:hover,div.cssbutton.glass.d:hover {
	width:50px;
	height:19px;
	background:url(../images/bt-login2.jpg) no-repeat 0 center;
	border: 0px solid #ccc;
	margin-left:0px;
	}	
	
/* 	Menu  */

#menu ul{list-style:none; width:504px; margin:0 0 0 2px; text-align:left; height:38px; padding:0; background:transparent; border: 0px solid #ccc;}

#menu ul li{display:inline;} 
#menu ul li a{display:block; float:left; height:38px; text-indent:-9999px; margin:0 0 0 0;}

#menu ul li a.sign{background:transparent url(../images/menu_text.gif) 0 0 no-repeat; width:101px;}
#menu ul li a:hover.sign, #menu ul li.selected a.sign{background:transparent url(../images/menu_text.gif) 0 -82px no-repeat; width:101px;}

#menu ul li a.view{background:transparent url(../images/menu_text.gif) -101px 0 no-repeat; width:154px;}
#menu ul li a:hover.view, #menu li.selected a.view{background:transparent url(../images/menu_text.gif) -101px -82px no-repeat; width:154px;}

#menu ul li a.friend{background:transparent url(../images/menu_text.gif) -255px 0 no-repeat;  width:124px;}
#menu ul li a:hover.friend, #menu ul li.selected a.friend{background:transparent url(../images/menu_text.gif) -255px -82px no-repeat; width:124px;}

#menu ul li a.supported{background:transparent url(../images/menu_text.gif) -379px 0 no-repeat; width:121px;}
#menu ul li a:hover.supported, #menu ul li.selected a.supported{background:transparent url(../images/menu_text.gif) -379px -82px no-repeat; width:121px;}