
body {
	background: #554739 url("../images/bkg_site.gif") top left repeat;
	margin: 0px;
	padding: 0px;
	font-family: verdana, sans-serif; 
	color: #000;
}
	
a {color: #c00; font-weight: bold;}

div#page {width: 800px; margin: 0px auto; padding: 0px; background: url("../images/bkg_fulllength2.gif") top center repeat-y; text-align: center;}

div#wrap {width: 780px; margin: 0px auto; padding: 0px; background: url("../images/bkg_leftColBox3.jpg") bottom left 
no-repeat; text-align: left;}

#header {width: 780px; height: 180px; background: url("../images/photo_masthead.jpg") top left no-repeat; display: block;}
#header h1 { width: 199px; height: 150px; margin: 0px; padding: 0px; text-indent: -9999px; background: 
url("../images/title_ECEC_2.gif") top left no-repeat; display: block;} 
#header p#sitename {width: 199px; height: 150px; margin: 0px; padding: 0px; text-indent: -9999px; background: 
url("../images/title_ECEC_2.gif") top left no-repeat; display: block;}

/* ------ Navigation */
#header #nav {display: block; clear: left; height: 30px; padding: 0px; background: url("../images/bkg_nav.gif") top left 
repeat-x;}
#header #nav ul {height: 30px; margin: 0px; padding: 0px;}
#header #nav ul li {height: 30px; margin: 0px; float: left; list-style-type: none;}
#header #nav ul li a {text-decoration: none;}

#header #nav ul li a {display: block; height: 30px; margin: 0px; padding: 0px; text-indent: -9999px; border: 0px;}
#nav-artists, #nav-artists a:link, #nav-artists a:visited, #nav-artists a:hover {width: 95px; background: url("../images/nav_artists.gif") top left no-repeat;}
#nav-schools, #nav-schools a:link, #nav-schools a:visited, #nav-schools a:hover {width: 104px; background: url("../images/nav_schools.gif") top left no-repeat;}
#nav-nationals, #nav-nationals a:link, #nav-nationals a:visited, #nav-nationals a:hover {width: 150px; background: url("../images/nav_nationals.gif") top left no-repeat;}
#nav-aboutus, #nav-aboutus a:link, #nav-aboutus a:visited, #nav-aboutus a:hover {width: 110px; background: url("../images/nav_aboutus.gif") top left no-repeat;}
#nav-contactus, #nav-contactus a:link, #nav-contactus a:visited, #nav-contactus a:hover {width: 125px; background: url("../images/nav_contactus.gif") top left no-repeat;}

#content {/*margin-top: 30px;*/ display: block; font-size: 11px; line-height: 16px;}
#content #main {width: 600px; margin: 0px; padding: 0px; float: right;}
#content #sidebar {width: 180px; margin: 0px; padding: 0px; float: left; background: #350c01;}
#content h1 {font-size: 22px;  line-height: 26px;}

#bedrock {width: 760px; height: 100px; margin: 0px; padding: 10px; color: #fff; background: #333; display: block; font-size: 10px; clear: both; float: none;}

#artist_image {margin-left: 10px; margin-bottom: 10px;}

#jukebox { float: right; clear: both;}
/* ---------- Common Elements */

p.section-title {margin: 0px; padding: 2px 5px; font-size: 10px; text-transform: uppercase; clear: both; float: none; border-top: 1px solid #666; border-bottom: 1px solid #666; background: #ef9f07; color: #000; font-weight: bold; letter-spacing: 1px; height: 15px;}
p.section-more {margin-top: -19px; text-transform: uppercase; letter-spacing: 1px; text-align: right;}
form {font-family: verdana, sans-serif; font-size: 10px;}
table {margin-left: 15px;}
div.goodstuff {padding: 15px;}
div.goodstuff ul {list-style-type: disc;}

/* li.artist_list {
	color: #CC0000;
}

li.artist_list a {
	font-weight: normal;
	text-decoration: none;	
}
li.artist_list a:hover{
	text-decoration: underline;	
} */

/* ---------- Homepage */

/* ----- Featured Artist */
#firstSection {background: #ef9f07 url("../images/bkg_yellowsection1.gif") top left repeat-x;}

div.featured {margin: 0px; padding-bottom: 5px;}
div.featured p.featured-links {float: right; width: 85px; margin: 0px; padding: 5px 0px 0px 5px;}

div.featured p.featured-title {margin: 10px 0px -5px 10px; padding: 0px; font-size: 22px; font-weight: bold;}
div.featured p {margin-left: 10px;}
div.featured p.featured-img {margin: 0px;}

/* ----- Recent News & More Artists */
div.section {clear: both: 0px; padding: 0px; background: url("../images/bkg_section.gif") bottom left repeat-x;}

ol {margin: 0px; padding: 0px; list-style-type: none;}
ol li {width: 200px; margin: 0px; padding: 0px; float: left; background: url("../images/bkg_vertSeparator.gif") center right no-repeat;}
ol li.lastitem {background: none;}
ol li img {margin: -8px 0px 0px;}
ol li p {margin: 0px; padding: 5px;}
ol li p b a {color: #000;}

/* ---------- Sidebar */

#sidebar p.section-title {margin: 0px; padding: 0px; text-transform: none; clear: both; float: none; border: none; background: none;}

/* Band Search */
#leftColBox1 {padding-top: 10px; padding-bottom: 10px; background: url("../images/bkg_leftcolBox1.jpg") top left no-repeat; text-align: center;}
#leftColBox1 form input, #leftColBox1 form select {width: 150px;}
#leftColBox1 form input.pushButton {width: auto; margin-right: 15px;}

/* Find Your School */
#leftColBox3 {margin: -2px 0px 0px; padding-top: 0px; background: #350c01 url("../images/bkg_leftcolBox3.jpg") top center no-repeat; text-align: 
center;}

/* ---------- Footer */
div.footer {height: 100px; margin: 0px; padding: 10px; color: #fff; background: #333;}

/* ----- Hacks */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.content  {display: inline-block;}
/* Hides from IE-mac \*/
* html .content  {height: 1%;}
.content {display: block;}
/* End hide from IE-mac */
