body {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	background-color:#2F417A;
	background-image: url(background.jpg);
  
}

td {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, helvetica, sans-serif;
}
td img {display: block;}
th {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, helvetica, sans-serif;
}
p{
width:900px;
}
a{
color:#414141;
text-decoration:none;

}
a:hover{
text-decoration:underline;
}
.mattblacktabs{
width: 700px;
overflow: hidden;
text-align:center;
margin:auto;
/*border-bottom: 1px solid black; *//*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;

}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
font-weight:bold;
}
.frmusic{
float:right;
width:100px;
height:100px;
border:solid gray;
background-color:#CDCDCD;
text-align:center;
font-size:9px;
}
.footer{
font-size:10px;
text-align:center;
color:#ffffff;
}
.footer a{
color:#ffffff;
}


.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
/*background: transparent url(brcorner.gif) bottom right no-repeat;*/
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}


.cssform p{
width: 600px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.arrow{
float:left;
border:none;
}


.panels{
list-style-type: none;
margin: 0;
padding: 0;
width: 600px; /* width of menu */

}

.panels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}

.panels li div{
background: #333 url(panelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.panels li a:visited, .sexypanels li a:active{
color: white;
}

.panels li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

.button{
cursor:pointer;
border:outset 1px #ccc;
background:#000000;
color:#ffffff;
font-weight:bold;
padding: 1px 2px;
}
#homemain{
background-image: url(musicnotes.jpg);
	background-repeat: repeat;
	
	width:950px;
	margin:auto;
}
.quality{
	font: bold 30px "Impact","Lucida Grande", "Trebuchet MS", Verdana;
	width:900px;
	color:#414141; 
	
	height:50px;

}


#domticker{
margin-left:125px;
height: 100px;

padding: 5px;

	background-color:#CDCDCD;
	border:solid gray;
	width:600px;
}

#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #CDCDCD;
}

#domticker a{
font-weight: bold;
}

#domticker2{
width: 400px;
height: 1.2em;
border: 1px solid black;
padding: 3px;

}

#domticker2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
font-size:26px;
}
.fl{
float:left;
font-size:26px;

}
.clear{
clear:both;
}
.c4{
background-image:url('smuel_r6_c4.jpg');
}