/* CSS Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #4a0000;
font-size: 14px;
color: #ffe237;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 0px 5px 0px;
 font-weight: normal;
}

/* hotspot rollover */

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 5px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

/* end hotspot rollover */

#wrapper {
width: 960px;
background-color: #000000;
padding: 0px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
border: 1px solid #a52a2a;
}

#vid-wrapper {
width: 800px;
padding: 0px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
/* border: 1px solid #a52a2a; */
}

#header {
margin: 0px;
padding: 0px;
height: 240px;
width: auto;
background-color: #000000;
background-image: url(images/hdr.jpg);
}

#vid-header {
margin: 0px;
padding: 0px;
height: 165px;
width: auto;
background-color: #000000;
background-image: url(../images/video-hdr.jpg);
}

#songtitle {
	color:#ffd700;
	font-size: 9px;
	text-decoration: none;
	padding-bottom: 3px;
}

input { background-color: #f0e89f; 
border-color: #ff0000; 
color: black; 
font-family: arial, verdana, "ms sans serif"; 
font-weight: normal; 
font-size: 10pt; 
}

input.text, textarea {
	background-color: silver;
	border-color: red;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11pt;
}

#navbar {
margin: 0px;
padding: 10px;
height: 20px;
width: auto;
background-color: black;
border-bottom: thin;
border-bottom: solid;
border-bottom: 1px;
border-bottom: #a52a2a;
/* border-top: thin solid 1px #a52a2a; */
}

#footernavbar {
margin: 0px;
padding: 10px;
height: 20px;
width: auto;
background-color: black;
border-top: thin;
border-top: solid;
border-top: 1px;
border-top: #a52a2a;
/* border-top: thin solid 1px #a52a2a; */
}

#navbar a:link,#navbar a:visited, #navbar a:active, #footernavbar a:link, #footernavbar a:visited, #footernavbar a:active {
color: #ffe237;
text-decoration: underline;
display: inline;
margin: 3px;
padding: 3px 3px 3px 3px;
width: auto;
}
#navbar a:hover, #footernavbar a:hover {
color: #ffe237;
background-color:#CC0000;
text-decoration: none;

}

#container {
padding: 0px;
margin: 10px 0px 0px 0px;
/* height: 1%; */
width: auto;
}

#container2 {
padding: 8px;
width: auto;
margin-left: 35px;
margin-top: 15px;
margin-right: 35px;
margin-bottom: 15px;
border: thin 3px dotted #CC0066;
}


#left {
padding: 10px 5px 10px 5px;
height: auto;
width: 305px;
float: left;
margin: 0px 0px 0px 6px;
line-height: 1.8em;
}


#right {
padding: 10px 5px 10px 5px;
height: auto;
width: 575px;
float: right;
margin: 0px 0px 0px 6px;
}





#nav {
margin: 0px;
padding: 5px;
list-style-image: none;
list-style-type: none;
}
#nav li {
margin: 0px;
padding: 5px;
display: block;
background-attachment: scroll;
background-image: url(../testing/front/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
color: #666;
text-decoration: none;
display: block;
margin: 0px;
padding: 3px 15px 3px 15px;
width: 130px;
}
#nav li a:hover {
color: #999;
text-decoration: none;
}

h1 {
font-size: 14px;
margin: 0px;
padding: 0px;
}

.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}
.counter{
	color: red;
	font-size: small;
	font-weight: normal;
}

.disclaimer {
	color: red;
	font-size: 11px;
	font-weight: normal;
}

#footer {
margin: 10px 0px 0px 0px;
text-align: center;
height: 75px;
width:auto;
padding: 15px 0px 15px 0px;
background-color: #000000;
background-image: url(images/footer.jpg);
}
#footer p {
color: #999;
margin: 0px auto 0px auto;
padding: 45px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
} 

#newsletter {
	color:black;
/*	border: thin 1px solid #FF0000; */
	border-top: thin 2px solid #FF0000;
	border-left: thin 2px solid #FF0000;
	border-right: thin 3px solid #6b6b6b;
	border-bottom: thin solid 3px #6b6b6b;
	background-color: #cb090e;
	padding: 15px;
}

#newsletter2 {
	background-color: #8a090c;
	color: #ccc809;
	padding: 15px;
}

#newsletter input.text, #newsletter textarea, #newsletter input {
	background-color: black;
	border-color: red;
	color: #c4c4c4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11pt;

}

#page-error {
background-image: url(imgs/error-bg.jpg);
	color: red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 37px;
	width: 650px;
	height: auto;
	border: thin 1px solid #00FF00;
	margin: 20px;
}