﻿
body  {
  background-image: url("../images/PalmTrees.jpg");
  background-color: #000000;
  background-repeat: no-repeat;
  }


h2 {

	color: darkred;

	font-size: large;

	font-family: Arial, Helvetica, sans-serif;

}
#main_container {
	margin: auto;
	/*background-repeat: repeat;*/
	/*z-index: 1;*/
	/*visibility: visible;*/
	width: 1000px;
	height: 1125px;
	position: relative;
	/*background-image: url('../images/PalmTrees.jpg');*/
}






#top_header {
	/*border: 2px ridge #FFFFFF;*/
	width: 1000px;
	padding: 0px;
	margin: 0px auto 0px auto;
	height: 500px;
	position: inherit;
	top: 100px;
}

#header_table {

	margin-left: auto;

	margin-right: auto;

	width: 850px;



}

#menu_table {
	/*border: 2px ridge #FFFFFF;*/
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	/*background-image: url('../images/menu_background.jpg');*/
	font-size: medium;
	color: #FFFFFF;
	line-height: 20px;
	top: 20px;
	position: absolute;
	left: 300px;
}



#menu_table_bottom {

	width: 600px;

	margin-left: auto;

	margin-right: auto;

	font-size: xx-small;

	border-collapse: collapse;

}

.menu_item-left {

	border-width: 2px;

	border-style: none solid none none;

	border-color: #808080;

	color: #FFFFFF;

	text-align: center;

	height: 5px;

	width: 212px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: small;

}

.menu_item-right {

	border-width: 2px;

	border-style: none none none solid;

	border-color: #808080;

	color: #FFFFFF;

	text-align: center;

	height: 5px;

	width: 212px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: small;

}

.menu_items {

	border-width: 2px;

	border-style: none solid none solid;

	border-color: #808080;

	color: #FFFFFF;

	text-align: center;

	height: 5px;

	width: 212px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: small;

}



#logo {

	background-position: center;

	padding: 0px;

	margin: 0px;

	width: 234px;

	background-image: url('../images2/dupage_logo.jpg');

	height: 180px;

	background-repeat: no-repeat;

}

#left_column {

	background-color: #666666;

	padding: 0px 0px 0px 0px;

	margin: 0px;

	width: 100%;

	overflow: auto;

	font-family: Arial, Helvetica, sans-serif;

	color: darkred;

	font-size: small;

}

#CENTER_COLUMN {

	background-color: #666666;

	padding: 2px;

	margin: 0px;

	width: 291px;

	cursor: default;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	cursor: hand;

	cursor: pointer;

}

#right_column {

	background-color: #666666;

	color: #ffffff;

	overflow: auto;

	vertical-align: top;

	font-family: Ariel-Helvetica, sans-serif;

	font-size: small;

	scrollbar-arrow-color: #FFFFFF;

	scrollbar-3dlight-color: #4F4F82;

	scrollbar-darkshadow-color: #4F4F82;

	scrollbar-face-color: #000000;

	scrollbar-highlight-color: #FFFFFF;

	scrollbar-shadow-color: #d0d0d0;

	scrollbar-track-color: #4F5F87;

	padding-left: 3px;

}



a:link {

COLOR: #E6E6E6;

text-decoration: none;

}

a:visited {

COLOR: #E6E6E6;

text-decoration: none;

}

a:hover {

COLOR: #FFFFFF;

font-weight: bold;

text-decoration: none;

}

a:active {

COLOR: #FFFFFF;

text-decoration: none;

}





.handcursor{

cursor:hand;

cursor:pointer;

}



#navlist li { list-style-type: square; }



#tom_bio {

	background-color: #172639;

	visibility: hidden;

	width: 234px;

	height: 180px;

	z-index: 1;

	color: #FFFFFF;

	position: absolute;

	top: 40px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

}

#darryl_bio {

	background-color: #172639;

	visibility: hidden;

	width: 234px;

	height: 180px;

	z-index: 1;

	color: #FFFFFF;

	position: absolute;

	top: 40px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;





}

#ron_bio {

	background-color: #172639;

	visibility: hidden;

	width: 234px;

	height: 180px;

	z-index: 1;

	color: #FFFFFF;

	position: absolute;

	top: 40px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;





}

#bob_bio {

	background-color: #172639;

	visibility: hidden;

	width: 234px;

	height: 180px;

	z-index: 1;

	color: #FFFFFF;

	position: absolute;

	top: 40px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;





}

#john_bio {

	background-color: #172639;

	visibility: hidden;

	width: 234px;

	height: 180px;

	z-index: 1;

	color: #FFFFFF;

	position: absolute;

	top: 40px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

}



#video_player_and_text {

	z-index: 1;

	visibility: visible

}







#text_under_video {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	padding: 2px;

	text-align: left;

	font-size: small;

	font-weight: lighter;

	margin: 2px;

	visibility: visible;

	z-index: 1;

}

#motown_song_list {

	background-color: black;

	color: #FFFFFF;

	padding: 2px;

	text-align: left;

	visibility: hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	clip: rect(auto, auto, auto, auto);

	position: absolute;

	top: 324px;

	width: 291px;

	z-index: 2;



}

#seventies_song_list {

	background-color: black;

	color: #FFFFFF;

	padding: 2px;

	text-align: left;

	visibility: hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	clip: rect(auto, auto, auto, auto);

	position: absolute;

	top: 324px;

	width: 291px;

	z-index: 2;



	}

#eighties_song_list {

	background-color: black;

	color: #FFFFFF;

	padding: 2px;

	text-align: left;

	visibility: hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	clip: rect(auto, auto, auto, auto);

	position: absolute;

	top: 324px;

	width: 291px;

	z-index: 2;

}

#classic_rock_song_list {

	background-color: black;

	color: #FFFFFF;

	padding: 2px;

	text-align: left;

	visibility: hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	clip: rect(auto, auto, auto, auto);

	position: absolute;

	top: 324px;

	width: 291px;

	z-index: 2;



}

#adult_contemp_song_list {

	background-color: black;

	color: #FFFFFF;

	padding: 2px;

	text-align: left;

	visibility: hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	clip: rect(auto, auto, auto, auto);

	position: absolute;

	top: 324px;

	width: 291px;

	z-index: 2;





}

#misc_song_list {

	background-color: black;

	color: #FFFFFF;

	padding: 2px;

	text-align: left;

	visibility: hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	clip: rect(auto, auto, auto, auto);

	position: absolute;

	top: 324px;

	width: 291px;

	z-index: 2;



}







.main_table {

	border: 2px ridge #FFFFFF;

	width: 850px;

}

.bot_menu_items {

	border-width: 2px;

	border-style: none solid none solid;

	border-color: #808080;

	color: #FFFFFF;

	text-align: center;

	width: 100px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: small;

}



#song_list_table {

	color: white;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	width: 845px;

	margin: auto;

	border: 2px solid #FFFFFF;

	vertical-align: top;

	table-layout: auto;

	clip: rect(auto, auto, auto, auto);

	top: auto;

	position: relative;

	background-color:#000;



}

#contact_us_main_container {

	font-family: Arial, Helvetica, sans-serif;

	background-image: url('images2/Background2.jpg');

	background-repeat: repeat-x;

	width: 850px;

	height: 1000px;

	border-color: #FFFFFF;

	margin-right: auto;

	margin-left: auto;

}



#videos_main_container {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	background-image: url('images2/Background2.jpg');

	background-repeat: repeat-x;

	width: 850px;

	height: 1000px;

	border-color: #FFFFFF;

	margin-right: auto;

	margin-left: auto;



#you_tube_videos_container {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

}

.footer_table {

	text-align: center;

	width: 850px;

	table-layout: fixed;

}

.song_list_sub_tables {

	vertical-align: top;

	top: 0px;

	left: 0px;

}

.left_column_sub_text {

font: bold 12px tahoma, verdana, sans-serif;

	text-align: center;

	background-color: #d6dff7;

	color: darkred;

	border: 1px solid #FFFFFF;

	border-width: 0 1px 1px 1px;

	filter: alpha(opacity=100);

	padding-top: 5px;

	padding-bottom: 5px;



}

