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



 body{
  margin:0;
  padding:0 0 <length> 0;

  background-color: #E4F6FC;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:75%;
 }
 A:link {
      COLOR: #000000; FONT-FAMILY: "georgia"; TEXT-DECORATION: underline;
}
A:visited {
	 COLOR: #000000; FONT-FAMILY: "georgia"; TEXT-DECORATION: underline;
}
A:active {
	  COLOR: #b4b4b4; FONT-FAMILY: "georgia"; TEXT-DECORATION: underline;
}
A:hover {
	  COLOR: #b4b4b4; FONT-FAMILY: "georgia"; TEXT-DECORATION: underline;
}

 
#userMsg {color:#900; font-weight:bold;} 
 
#pre {
	width:800px;
	margin:0 auto;
	margin-top:-12px;
	height:25px;
	background-color:#b4b4b4;
	border-bottom:3px solid #000;
}

#pre a:hover {color:#FFFFFF;}
#pre a:active {color:#FFFFFF;}
 
 
#page {
	width:804px;
	background-color:#FFF;
	border:2px solid #000;
	margin:0 auto;
	padding:1px;
	
}


#page-admin  {
	width:804px;
	background-color:#FFF;
	border:2px solid #000;
	margin:0 auto;
	padding:1px;
	min-height:1000px;
}

#page-inner {
width: 800px;
border:2px solid #000;
}

#header {border-bottom:2px solid #000;
}

#logo {padding-left:20px;
width:250px;
}
#main {padding:26px;
min-height:500px;
clear:both;}

#main:after {
	display: block;
	content: ".";
	height: 1px;
	overflow: hidden;
	visibility: hidden;
	clear: both; }



#admin {
min-height:600px;
}

#pageid {border-bottom:2px solid #000;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#pageid span {font-size:18px; font-weight:bold;}

.boldit {font-size:18px; font-weight:bold;}

#adminnav {
	float:left;
	width: 150px;
	padding:10px;
}

#adminbody {float:right;
width:600px;
	padding:10px;
border-left:2px solid #000;
}
#footer {text-align:center;
width:800px;
margin:0 auto;
}


#nav {float:right;
margin-top:-50px;
}


#nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	text-transform: none;
}


#nav li {
	list-style:url(../images/bullet_double.gif);
	float: left;
	padding-right:25px;
	padding-left:5px;
	position: relative;
	height:25px;
	font-weight: bold;
	/*width:75px;*/
	}
	
#nav li.nobull {
	list-style: none;
	float: left;
	padding-right:25px;
	position: relative;
	margin-left: -1px;
	list-style:none;
	height:25px;
	}
	
#nav li.none {list-style:none;
width:200px;
padding:3px;}
	
#nav ul li { margin: -1px 0 0 0;
height:auto;
 }
#nav ul li li { margin: -1px 0 0 0; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; background-color:#FFF;  list-style:none;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background-color:#FFF;list-style:none;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #e9f3f8; }
ul.dropdown li a                    { display: block; 
	 								  color: #222; 
									 }
									 									 
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #FFFFFF; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

.submenu {padding:3px;  list-style-type: none;}

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;list-style:none;  }
ul.dropdown ul li 					{ font-weight: normal; background: #FFFFFF; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 
ul.dropdown ul li a:hover				{ color:#09C;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; width:186px}
ul.dropdown li:hover > ul 			{ visibility: visible; }


li.dropdown {list-style:none;}
/*
#nav li:hover ul,
#nav li.dm_hover ul { left: 0; }
#nav li:hover ul ul,
#nav li.dm_hover ul ul { left: -1000em; }
#nav li li:hover ul,
#nav li li.dm_hover ul { left: 100%; }
#nav ul li  a {padding:5px 0 5px 0;}
#nav ul li ul li a {padding:5px 0 5px 0;}

#nav li:hover,
#nav li.dm_hover { z-index: 10; }
#nav li:hover a,
#nav li.dm_hover a { border-color: #B2B2B2; }
*/
#track_left {width:340px;
height:220px;
background-color:#e9f3f8;
margin-bottom:15px;
float:left;
padding:10px;
}

#track_right {width:340px;
height:220px;
background-color:#e9f3f8;
margin-bottom:15px;
float:right;
padding:10px;
}

#track_center {width:340px;
height:220px;
background-color:#e9f3f8;
margin-bottom:15px;
margin:0 auto;
padding:10px;
}

#home_left {width:340px;
float:left;
}

#home_right {width:340px;
float:right;
}

#home_right p.header {margin-left:-20px;}


#albumCover {float:left;
height:200px;
width:80px;
}

#albumText {float:right;
padding-left:20px;
text-align:left;
width:240px;
line-height:150%;
}


li.dots {
	list-style:URL('../images/bullet_triple.gif');
	padding-bottom:6px;
}


#terms
{
  width: 600px;
  height: 100px;
  overflow: auto;
  border:1px solid #999;
}


.app-header {
	background-color:#E4F6FC;
	font-weight:bold;
}