body  {	margin: 0; padding: 0; text-align: center; background-color:#FFF1CC; font: 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {color: #000; font: bold 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
h2 {color: #000; font: bold 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
h3 {color: #000; font: bold 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
img {border: 0;}

a:link, a:visited, a:active {color: #0000FF;}
a:hover {color: #FF0000;} 

.clear {clear:both;}

#container { width: 60em;  
	background:#FFF1CC;
	margin: 0 auto; 
	padding: 0;
	border: 1px solid #000000;
	text-align: left; 
}
.wrapper {margin:0; padding-bottom:2em;}

table {position:relative; display:inline; float:left; }
td {width: 150px;}

#header {position: relative; float:left; margin:0 auto; padding:0; 
		background-color: #ffffcc; 	background-position:center top; 
		width: 60em; height:139px;}

#logo {height: 139px; background-image: url(images/brighter_future_header.jpg); background-position: left;
		background-repeat: no-repeat; background-position: 0 0;}

/* Changed #navbar to #motto since not being used as a navigational bar right now */
#motto {margin: 0; padding: 0;
	text-align: center;
	position: relative; 
	float: left; 
	width: 60em; 
	background-color: #000;
}
#motto ul {
	margin: 0; 
	padding: 0;
	padding-top:.2em;
	padding-bottom:.2em;  
	display: block; 
}
#motto li {
	display: inline;
	list-style: none; 
	padding-right: 1em;
	padding-left: 2em; 
	padding-top:.3em;
	padding-bottom:.3em; 
	letter-spacing:.05em; 
	/*background: url(images/white_diamond.png) no-repeat center left;*/
	 
	text-decoration: none; 
	color: #ffffcc; 
	font: bolder 85%/1.2em "Trebuchet MS", Arial, san-serif;
	}
#motto li#slogan {
	font: 85%/1.3em "Vivaldi", "Trebuchet MS", Arial, san-serif;
	font-size: 1.6em;
}

#motto li + li {background: url(images/white_diamond.png) no-repeat center left;}

#sidebar { position: relative; float: left;
	width: 15em;
	height: 100%; 
	background: #000;
	padding: .5em 0 .5em 1em;overflow: hidden;
}
#sidebar h1 {color: #CC9933; font: bold 110%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#sidebar h2 {color: #CCCC99; font: bold 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#sidebar p {margin-left: 0; 
	margin-right: 10px;
	font: bold 115%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#sidebar ul {margin: 0; margin-bottom:10px; padding: 0px 0 0 5px; list-style:none; float: left; 
			background-image:url(images/sidebkrd.jpg); background-repeat: repeat-y; }
			
#sidebar li {
line-height: 1.75em; 
margin-bottom:-1px; 
border-bottom: 1px solid #ffffcc; 
}
#sidebar li a { 
text-decoration: none; 
padding: 0 0.5em; 
color:#ffffcc; 
font: bold 90%/2em Arial, Helvetica, sans-serif; 
}
#sidebar div.menutop li a:hover  {
margin-top: -1px;
}
#sidebar li a:hover {
padding: 0 0.5em; 
/*margin-top: -2px;*/
background-color:#000; 
/*border-top: 1px solid #fff; 
border-left: 1px solid #fff; 
border-right: 1px solid #fff;*/ 
color: #FFD700;
font: bold 90%/2em Arial, Helvetica, sans-serif; 
}
#sidebar li a:active {
color: #FFD700; 
/*margin-top: -2px;*/
background-color:#000; 
border-top: 1px solid #fff; 
border-left: 1px solid #fff; 
border-right: 1px solid #fff; 
padding:0 0.5em; 
}
#sidebar ul ul {margin:0 1em; }
#sidebar p { font: 85%/1.2em Arial, Helvetica, sans-serif; }

#mainContent { position:relative; float:left; display:inline; padding:0; width:41em; margin: 1em 0 0 1em; }
/* display:inline is needed for ie6 doubled float margin bug */
#mainContent img {margin: 15px;}
#mainContent img.lft{ margin: .75em .75em .75em 0; float: left; text-align:left;}
#mainContent img.rt{ margin: .75em 0 .75em .75em; float: right; text-align:left;}
#mainContent h1 {margin: 0 1em 1em 1em; color: #000;font: bold 120%/1.2em "Trebuchet MS", Arial, sans-serif;}
#mainContent h2 {margin: 0 1em 1em 1em;}
#mainContent h3 {margin: 0 1em 1em 1em; color: #000; font: bold 110%/1.2em "Trebuchet MS", Arial, sans-serif;}
#mainContent p {margin: 0 1em 1em 1em; text-align:left;}
#mainContent p img {margin:1em 1em .5em 0;}
#mainContent p.large {font-weight: bold; font-size: 120%;}

#mainContent li { margin-bottom: 1em; font: 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-spacing: 1px;
}
#mainContent ul {margin-bottom: 2em; }

#mainContent ul.nobullet {list-style:none;}
#mainContent ul.nobullet li {margin-bottom: 3px; font: 100%/1.2em Arial, Helvetica, sans-serif;}

#lfCol { float: left; width: 12em; padding: .5em; clear:both;}
#mdCol { float: left; width: 14em; padding: .5em; }
#rtCol { float: right; width: 12em; padding: .5em; }

ul.thumbnail {margin:0; padding: 0; list-style:none;}

.thumbnail li {
display:inline; /* for ie */
float:left;
height: 130px;
width: 180px;
margin: 10px 10px 10px 20px;
padding: 0; 
}

.thumbnail img { 
margin: 0; border:none;
}

.thumbnail a:hover img  { border-bottom: 1px solid #666;}

h2.music {padding: 2px; font: 110%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;}
p.music {padding: 2px; text-align:center; font: 120%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;}
ul.music li { list-style-type:none; }
ul.djmusic li {list-style: disc; color: #000; font: bold 120%/1.2em "Trebuchet MS", Arial, sans-serif;}


.contactform { margin:1em 0; padding:0; float:left;	background-color:transparent;  						
}
.contactleft {width: 18em; 
			text-align: right;
			clear: both; 
			float: left; 
			display: inline; 
			padding: .25em; 
			margin: .5em 0;		
			font: 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;		
}
.contactright {	width: 21em; 
			float: left; 
			display: inline; 
			padding: .25em; 
			margin: .5em 0;	
			font: 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;		
}

#footer { position: relative; float: left; width: 60em; height:2em; background:#000;} 
#footer p {margin: 0; padding: .7em; color: #FFFFCC; font: 75%/1.2em "Trebuchet MS", Arial, san-serif;	}
#footer a {color: #CC9933; text-decoration:none; }

.fltrt { margin-left: 8px; float: right;	
}
.fltlft { margin-right: 8px; float: left;	
}
.clearfloat { 
	clear:both;
}

.linkicon {
    padding: 3px 0px 0px 0px ; 
    height: 37px;
}
.reviewer {
    display: block;
    width: 75%;
    text-align: right;
    font-style: italic;
 
}

.dj-image-list{
	margin: 0;
	padding: 0;
	float: left;
}