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

body {background:#000; font-family: Helvetica, arial;}

h1 {text-align:center;font-family: Helvetica, arial;}
h2 {text-align:center;font-family: Helvetica, arial; line-height: 1.5em;}
h3 {text-align:center;font-family: Helvetica, arial;}
h4 {text-align:center;font-family: Helvetica, arial; padding:0px; margin:5px 0px 0px 0px;}
h5 {text-align:center;font-family: Helvetica, arial; padding:0px; margin:0px 0px 5px 0px; color:#fff;}
h6 {text-align:center;font-family: Helvetica, arial; padding:0px; margin:0px 0px 10px 0px;}

p {text-align: left;font-family: Helvetica, arial; padding:10px; margin:10px;}
p.pcen {text-align:center;}
p.pright {float:right;}
p.prightcen {float:right; text-align:center;}
p.pleft {float:left;}
p.pleftcen {float:left; text-align:center;}

a { color:#09F; text-decoration:none; font-size:110%;}
a:hover { color:#2c4a66;}

.brighter { color:#fff; text-decoration:none;}
.brighter:hover { color:#09F;}

.smaller { font-size:0.9em;}

img { border:none;}
.imgmargin { margin:10px;}
.bighead { float:right; margin:30px 30px;}

.byline {font-family: Helvetica, arial;}
.sig {float:left; border:none; padding:0; margin:10px; width:205px; height:96px;}
.download {text-align:center;}
.picwrap {float:right; border:none; padding:10px;}
.picwrapleft {float:left; border:none; padding:10px;}

.nodots { list-style-type:none;}
.scroller { overflow-y:scroll; height:700px;}
.tableheads { background:#333; color:#fff;}

.covers { padding:10px;}
.albums { padding:10px; }

/*reg form*/
.reg { margin:20px;}
.redstar { color:#F00;}

.clear { clear:both;}
#clear { clear:both;}

#center { text-align:center; font:30px;}

#container {width:982px; margin: 0 auto; background:#3b3b3b; border:solid 1px #fff;}

#content {
	/*padding:10px;*/
	width:704px;
	min-height:340px;
	float:right;
	margin:30px 30px 30px 0px; 
	font-size:12px;
	color:#fff;
	background:#333333 url(../images/layout/bordertopgrad.png) repeat-x;
	border:2px solid #000;
}
#xcontent {
	padding:10px;
	width:704px;
	min-height:340px;
	float:right;
	margin:30px 30px 30px 0px; 
	font-size:12px;
	color:#fff;
	background:#333333 url(../images/layout/bordertopgrad.png) repeat-x;
	border:2px solid #000;
}

/* --image borders--
.t {background: url(../images/layout/bordertop.png) 0 0 repeat-x;}
.b {background: url(../images/layout/borderbot.png) 0 100% repeat-x;}
.l {background: url(../images/layout/borderleft.png) 0 0 repeat-y;}
.r {background: url(../images/layout/borderright.png) 100% 0 repeat-y;}
.bl {background: url(../images/layout/border_bl.png) 0 100% no-repeat;}
.br {background: url(../images/layout/border_br.png) 100% 100% no-repeat;}
.tl {background: url(../images/layout/border_tl.png) 0 0 no-repeat;}
.tr {background: url(../images/layout/border_tr.png) 100% 0 no-repeat; padding:20px;}
*/
#header { width: 982px; height:120px; margin-left: auto; margin-right: auto;}

#loginmain { color:#fff; font-size:75%; padding:10px 0px 0px 10px; line-height:20px;}

#footer { clear:both; width: 982px; height: auto; margin-left: auto; margin-right: auto; background-color:#000;}
#footer h1 { font-size:22px;text-align:center;font-family: Helvetica, arial; color:#fff; padding-top:10px; margin:0px;}
#footer h6 { text-align:center;font-family: Helvetica, arial; color:#fff; margin:0px;}
#footerdonate {float:left; position:relative; z-index:2; margin-top:-73px; margin-left:30px;}

/*active users*/
#active { text-align:left; color:#fff; font-size:12px; float:left;}

/*copyright*/
#copyright { color:#fff; font-size:12px; float:right;}
#copyright p { text-align:right; position:bottom;}

#tuitionpay1 { float:left; padding-left:20px;}
#tuitionpay2 { float:left; padding-left:10px;}

/*gigs*/
#centertable img { border:none;}
#centertable { text-align:center;}

/*subheaders*/
#subheader { background:#000 url('http://mrbillstunes.com/images/subheader_new.jpg') no-repeat ;margin-top:0px; height:102px; border-bottom: solid 1px #2c4a66;}
#subheader h1 {color:#fff;margin-top:0px;padding-top:37px; font-size:22px;}
#subheaderblog { background:#000 url('http://mrbillstunes.com/images/subheader_new.jpg') no-repeat ;margin-top:0px; height:102px; border-bottom: solid 1px #2c4a66;}
#subheaderblog h1 {color:#fff;margin-top:0px;padding-top:37px; padding-left:212px; font-size:22px;}

.head {height:102px; margin-top:60px;}

#secretsample1 { clear:both; float: right; margin-top:-40px; position:relative; z-index:2;}

.secrettext { color:#000;}
.secrettext:link { color:#000;}
.secrettext:visited { color:#000;}
.secrettext:hover { color:#000;}
.secrettext:active { color:#000;}
.secrettext a { color:#000;}
.secrettext a:link { color:#000;}
.secrettext a:visited { color:#000;}
.secrettext a:hover { color:#000;}
.secrettext a:active { color:#000;}

#freebox { width:100%; border-top:double #000; border-bottom:double #000;}

#linkin { display:block; width:772px; height:60px; background: #000; text-align:center; text-decoration:none; font-size: 22px; color: #fff; margin: none; padding: 25px 0px 0px 0px; border-bottom: solid 1px #2c4a66;}
#linkin:hover { text-align:center; text-decoration:none; background: #2c4a66; color: #fff;}

#networkbar { clear:both; background: #000; padding-left:265px; border-top: solid 1px #2c4a66;}
#networkbar img { border:none; padding:10px 4px 4px 4px; width:33px; height:33px;}
#networkbar h3 { margin-top:0px; padding: 0px 0px -10px 0px;}


/*---Main Nav MENU---*/
#menu ul {display:inline;}
#menu li:hover div ul li {display:inline;}
#menu :hover div ul :hover div ul li a {margin-left:-16px;}

#menu {width:980px; height:58px; background:url(../images/menu/select.gif); text-align:center; border:1px solid #c5d5e8; border-width:1px; margin-left:auto; margin-right:auto; margin-bottom:0px;} 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;} 
#menu ul {display:inline-block;} 
#menu li {display:inline-block; display:inline;} 
#menu ul.level1 div {position:absolute; left:-9999px;} 
#menu ul.level1 {margin:0 auto;} 
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; padding-top:2px;} 
#menu ul li div ul {margin:0; background:url(../images/menu/trans.gif);width: 100px;} 

#menu a.level1-a {display:block; height:23px; font:bold 11px helvetica,verdana,arial,sans-serif; color:#cde; line-height:21px; text-decoration:none;padding:0 15px 0 15px; text-align:center;} 
#menu ul.level1 li.level1-li a.level1-a {
	float:left;
	font-family: helvetica, verdana, arial, sans-serif;
} 
#menu ul li:hover div {left:50%; top:25px; padding-top:0; background:url(../trans.gif); width: 100px;}

#menu ul li:hover div ul {position:relative; left:-50%; padding:7px 0 0 0; margin:0; list-style:none;} 
#menu ul li div ul li a {display:inline-block; font:normal 11px helvetica,verdana,arial,sans-serif; color:#000; line-height:20px; text-decoration:none; padding:1px 6px 2px 6px;} 
#menu a:hover div {left:0; top:25px;} 

#menu a:hover div ul {position:relative; left:-50%; padding-top:7px;} 
#menu li:hover div ul li {display:inline-block;} 
#menu a:hover div ul li a.sub {margin-right:4px;} 
#menu li a.fly {background:url(../images/menu/topdown.gif) no-repeat center bottom;} 
#menu li a:hover, #menu li a.fly:hover {white-space:nowrap; color:#fff; border:1px solid #000; padding:0 14px; border-width:0 1px; background:url(../images/menu/over.gif) repeat-x;} 
#menu li:hover > a, #menu ul li:hover > a.fly {white-space:nowrap; color:#fff; border:1px solid #000; padding:0 14px; border-width:0 1px; background:url(../images/menu/over.gif) repeat-x;} 
#menu ul li div ul li a:hover {color:#000;} 
#menu ul :hover div ul div {left:-9999px;} 
#menu ul :hover div ul li:hover {position:relative;} 
#menu ul :hover div ul li a.drop {background:url(../images/menu/topdown.gif) no-repeat center bottom;} 
#menu ul :hover div ul li a:hover {position:relative; background:url(../images/menu/sub.gif); padding:0 5px 1px 5px; border:1px solid #c5d5e8; color:#000;} 
#menu ul :hover div ul li:hover > a {position:relative; background:url(../images/menu/sub.gif); padding:0 5px 1px 5px; border:1px solid #c5d5e8; color:#000;} 
#menu ul :hover div ul :hover div {left:50%; top:22px;} 
#menu ul :hover div ul :hover div ul {left:-50%; padding:10px; background:#d1d8f5; border:1px solid #fff; border-color:#fff #678 #567 #fff; text-align:center; filter: alpha(opacity=80); opacity:0.8} 
#menu ul :hover div ul :hover div ul li {display:block; height:auto; line-height:15px; text-align:center;} 
#menu ul :hover div ul :hover div ul li a {height:auto; position:static; line-height:15px; color:#000; padding:1px 0;} 
#menu ul a:hover div ul a:hover div ul li a {margin-left:-16px;} 
#menu ul :hover div ul :hover div ul li a:hover {color:#369; background:transparent; border:0; padding:1px 0;} 
#menu table {position:absolute; top:0; height:0; width:0; left:50%; border-collapse:collapse;} 
#menu a:hover table a:hover table {left:50%; width:0; height:20px; top:0; margin-left:-1px;} 
#menu ul :hover div ul :hover div ul li:hover a {background:transparent; border:0;  width: 100px;}


/*TREE MENU*/
#treenav { color:#fff; width:224px; float:left; margin-top:30px; background:#3b3b3b;}
#treenav a { color:#fff; font-size:100%;}
#treenav a:hover { color:#09F;}
#treemenu1 { margin-left:-38px; font-size:10px;}
.excol { text-align:center; font-size:12px;}

.treeview ul{
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
color:#fff;
background: /*white*/ url(../images/treemenu/list.png) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
font-size: 12px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
color:#fff;
background: /*white*/ url(../images/treemenu/closed.png) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

/*================================================= MULTI COLUMN LISTS ================================================*/
/*=====================================================================================================================*/

#multicol { padding:10px 0px 20px;}
#multicol li {
    width:180px;
    margin:2px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    position:relative; /* IE needs this in order to recognize links in all
 columns */
}
#multicol .col1 {
    margin-left:25px;
}
#multicol .col2 {
    margin-left:250px;
}    
#multicol .col3 {
    margin-left:475px;
}
#multicol .colfirst13 {
    margin-top:-225px;
}
#multicol .colfirst26 {
    margin-top:-155px;
}
#multicol .colfirst89 {
    margin-top:-522px;
}

/*====================================== MULTICOL BATH =========================================*/

#multicolbath { padding:10px 0px 75px;}
#multicolbath li {
    width:110px;
    margin:2px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    position:relative; /* IE needs this in order to recognize links in all
 columns */
}
#multicolbath .col1 {
    margin-left:10px;
}
#multicolbath .col2 {
    margin-left:140px;
}    
#multicolbath .col3 {
    margin-left:270px;
}
#multicolbath .col4 {
    margin-left:400px;
}
#multicolbath .col5 {
    margin-left:530px;
}
#multicolbath .colfirst {
    margin-top:-453px;
}