body, .bod {
    background: #000 url(../_img/newpegleg2.jpg) no-repeat; 
    margin: 0; 
    border: 0; 
    padding: 0; 
    font: 9px "Lucida Grande", "Lucida Sans Unicode", lucida, helvetica, verdana, arial, sans-serif; 
    color: #FFF;
}

/* base element styles */
form { margin: 0; padding: 0; }
h3 { font-size: 11px; margin: 0; padding: 5px 10px 5px }
p { margin: 0; padding: 0 10px 10px 10px; line-height: 16px; }

.error { position: absolute; background: #F00; top: 10px; line-height: 16px; margin-left: 20px; border: solid 1px black; width: 400px; }
.error p { padding: 5px; margin: 0; }

/* custom div styles */
#accessibility { position: absolute;  left: -9000px;  width: 9000px; }
#container { background: transparent url(../_img/background.gif) no-repeat; height: 100%; height: 575px; width: 835px; overflow: visible; }
#left { width: 190px; float: left; display: block; padding-top: 48px; }
#middle { width: 181px; float: left; display: block; }
#content { width: 415px; float: left; padding-top: 48px; }
#navelements { padding: 20px 0 0 10px; }

/* middle form specific styles */
#mlform {
    background: transparent url(../_img/mlformback.gif) no-repeat;
    width: 181px;
    height: 54px;
    display: block;
} 

#mlform form { padding-top: 10px; }

#mlform input.box {
    font: 12px "Lucida Grande", "Lucida Sans Unicode", lucida, helvetica, verdana, arial, sans-serif;
    background: #000 url(../_img/submitformbox.gif) no-repeat;
    margin: 0;
    padding: 0;
    border: none;
    height: 22px;
    width: 160px;
    float: left;
    display: block;
    color: #FFF;
}

#mlform input.button {
    text-indent: -9000px;
    float: left;
    font-size: 1px;
    background: url(../_img/submitformbutton.gif) no-repeat;
    margin: 0; 
    padding: 0; 
    border: none;
    height: 22px; 
    width: 20px;
    display: block;
    color: #FFF;
}

#mlform #radiobuttons {
    width: 180px;
    display: block;
    float: none;
    clear: both; 
   	margin: 0; 
    padding: 0;
}

/* center content styles */
#logo { margin: 0; padding: 0; text-indent: -9000px; width: 164px; height: 70px; }
#logo a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/logo.gif) top left no-repeat; }

#latestrelease { top: 205px; left: 437px; display: block; position: absolute; margin: 0; padding: 0; text-indent: -9000px; width: 276px; height: 199px; }
#latestrelease h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_latestrelease.gif) top left no-repeat; }
#latestrelease p { margin: 0; padding: 0 10px 10px 10px; }

#latestreleasecontent {
	top: 230px;
	left: 100px;
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 242px;
	height: 196px;
}
#latestreleasecontent p { margin: 0; padding: 5px; line-height: 12px; }

#latestrelease a { text-decoration: none; color: #FFF; }
#latestrelease a:hover { text-decoration: none; color: #F00; }

#copyright { top: 215px; left: 900px; position: absolute; margin: 0; padding: 0; text-indent: -9000px; width: auto; height: 204px; }
#copyright h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background:left no-repeat; }

/* side margin content styles */
#login, #featuredmedia, #tourdates, #headlines { margin: 0 21px 40px 19px; line-height: 12px; }

#featuredmedia ul { margin: 0 0 0 10px; padding: 5px 5px 5px 15px; }
#featuredmedia ul li { list-style: url(../_img/icon_download.gif); }
#featuredmedia a { color: #F00; text-decoration: none; font-weight: bold; }

#replacefeaturedmedia { margin: 0; padding: 0; text-indent: -9000px; width: 151px; height: 15px; }
#replacefeaturedmedia h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_featuredmedia.gif) top left no-repeat; }

#tourdates ul { list-style: none; margin: 0; padding: 0 5px 5px 5px; }
#tourdates ul li, #tourdates ul li { padding: 3px 0; }
#tourdates ul li span { width: 40px; color: #F0E5D4; display: block; float: left; font-weight: bold; }

#replacetourdates { margin: 0; padding: 0; text-indent: -9000px; width: 151px; height: 15px; }
#replacetourdates h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_tourdates.gif) top left no-repeat; }

#headlines ul { list-style: none; margin: 0; padding: 0 5px 5px 5px; }
#headlines ul li, #headlines ul li { padding: 3px 0; }

#replaceheadlines { margin: 0; padding: 0; text-indent: -9000px; width: 151px; height: 15px; }
#replaceheadlines h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_recentheadlines.gif) top left no-repeat; }

#replacelogin { margin: 0; padding: 0; text-indent: -9000px; width: 151px; height: 15px; }
#replacelogin h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_login.gif) top left no-repeat; }

#login form { padding: 10px 0 0 5px; }
#login form img { padding-bottom: 2px; }

#login input.box {
    font: 10px "Lucida Grande", "Lucida Sans Unicode", lucida, helvetica, verdana, arial, sans-serif;
    background: #300;
    margin: 0; 
    padding: 0; 
    border: solid 1px #F1E5D5;
    width: 120px;
    display: block;
    color: #FFF;
}

#latestreleasecontent a, #featuredmedia a:hover, #news h3 a:hover, #msgboard a:hover, #login a:hover, #msgboard a.reply, #headlines a:hover { color: #F0E5D4; text-decoration: none; }
#latestreleasecontent a:hover, #news h3 a, #msgboard a, #login a, #msgboard a.reply:hover, #headlines a { color: #F00; text-decoration: none; }

/* main content styles */
#news, #events, #history, #contact, #media, #albums { margin: 0 5px 40px 18px; line-height: 14px; }
#msgboard { margin: 0 5px 40px 18px; }

#news a, #events a, #history a, #contact a, #media a, #albums a {
    text-decoration: none;
    color: #F00;
    background-color: #000;
}
#news a:hover, #events a:hover, #history a:hover, #contact a:hover, #media a:hover, #albums a:hover {
    text-decoration: none;
    color: #FFF;
}

#replaceevents { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replaceevents h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_events.gif) top left no-repeat; }

#replacemedia { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replacemedia h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_media.gif) top left no-repeat; }

#replacenews { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replacenews h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_newsheadlines.gif) top left no-repeat; }

#replaceessays { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replaceessays h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_essays.gif) top left no-repeat; }

#replacehistory { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replacehistory h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_bandhistory.gif) top left no-repeat; }

#replacecontact { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replacecontact h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_contact.gif) top left no-repeat; }

#replacealbums { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replacealbums h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_albums.gif) top left no-repeat; }

#replacemsgboard { margin: 0; padding: 0; text-indent: -9000px; width: 415px; height: 15px; }
#replacemsgboard h2 { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; background: transparent url(../_img/headers/header_msgboard.gif) top left no-repeat; }

/* menu styles */
#mainnav { width: 164px; height: 154px; background: url(../_img/navbar.gif) no-repeat; margin: 0; padding: 0; position: relative; }
#mainnav li { margin: 0; padding: 0; list-style: none; float: left; }
#mainnav li, #mainnav a { height: 21px; display: block; text-decoration: none; font-size: 1px; text-indent: -9000px; }

#n1 { top: 0; width: 77px; }
#n2 { top: 0; left: 50px; width: 84px; }
#n3 { top: 21px; width: 164px; }
#n4 { top: 42px; width: 87px; }
#n5 { top: 42px; left: 50px; width: 75px; }
#n6 { top: 63px; width: 164px; }
#n7 { top: 84px; width: 164px; }
#n8 { top: 98px; width: 78px; }
#n8b { top: 98px; left: 80px; width: 84px; }
#n9 { top: 120px; width: 164px; }

#n1 a:hover, #n1 a.active:hover { background: transparent url(../_img/navbar.gif) 0px -158px no-repeat; }
#n2 a:hover, #n2 a.active:hover { background: transparent url(../_img/navbar.gif) -77px -158px no-repeat; }
#n3 a:hover, #n3 a.active:hover { background: transparent url(../_img/navbar.gif) 0px -179px no-repeat; }
#n4 a:hover, #n4 a.active:hover { background: transparent url(../_img/navbar.gif) 0px -200px no-repeat; }
#n5 a:hover, #n5 a.active:hover { background: transparent url(../_img/navbar.gif) -87px -200px no-repeat; }
#n6 a:hover, #n6 a.active:hover { background: transparent url(../_img/navbar.gif) 0px -221px no-repeat; }
#n7 a:hover, #n7 a.active:hover { background: transparent url(../_img/navbar.gif) 0px -242px no-repeat; }
#n8 a:hover, #n8 a.active:hover { background: transparent url(../_img/navbar.gif) 0px -263px no-repeat; }
#n8b a:hover, #n8b a.active:hover { background: transparent url(../_img/navbar.gif) -78px -263px no-repeat; }
#n9 a:hover, #n9 a.active:hover { background: transparent url(../_img/navbar.gif) 0px -284px no-repeat; }

#n1 a.active { background: transparent url(../_img/navbar.gif) 0px -314px no-repeat; }
#n2 a.active { background: transparent url(../_img/navbar.gif) -77px -314px no-repeat; }
#n3 a.active { background: transparent url(../_img/navbar.gif) 0px -335px no-repeat; }
#n4 a.active { background: transparent url(../_img/navbar.gif) 0px -356px no-repeat; }
#n5 a.active { background: transparent url(../_img/navbar.gif) -87px -356px no-repeat; }
#n6 a.active { background: transparent url(../_img/navbar.gif) 0px -377px no-repeat; }
#n7 a.active { background: transparent url(../_img/navbar.gif) 0px -398px no-repeat; }
#n8 a.active { background: transparent url(../_img/navbar.gif) 0px -419px no-repeat; }
#n8b a.active { background: transparent url(../_img/navbar.gif) -78px -419px no-repeat; }
#n9 a.active { background: transparent url(../_img/navbar.gif) 0px -440px no-repeat; }

/* global class styles */
.alignright { text-align: right; }
.reset { display: block;  clear: both;  font-size: 1px;  height: 1px;  line-height: 1px;  margin: 0; }
.hide { display: none; }
.hilite { font-weight: bold; }

/* forum specific styles */
#topframe { width: 435px; height: 250px; background: none; margin: 0 0 10px 0; padding: 0; }
#botframe { width: 435px; height: 250px; background: none; margin: 10px 0 0 0; padding: 0; }

#msgboard table { padding: 5px; width: 405px; font-size: 9px; }
#msgboard table tr td { padding: 2px; }
#msgboard table tr th { padding: 2px; color: #F0E5D4; }
#msgboard table tr.ruled td { background: #610300; }