body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif ; font-size: 12px; background: #04225f; color: #7f7f7f;}
body * { margin: 0px; padding: 0px; }
#header ul a { color: #fff; font-weight: bold; text-decoration: none; padding-right: 6px;}
#header ul li { display: inline; list-style: none; margin-right: 6px; color: #fff; font-weight: bold;}
#header ul { padding: 10px 0px; margin-left: 25px;}
#header { background: transparent url(images/header-top.gif) repeat-x top; height: 217px;} 
.bkg { background: transparent url(images/header-bkg.jpg) repeat-x center 31px; }

.mid { width: 940px; margin: 0px auto;  position: relative;}

#content { background: #f5f5f5; padding-bottom: 35px;}

h1 { width: 526px; height: 61px; background: transparent url(images/logo.png) no-repeat top left; text-indent: -99999px; top: 67px; left: 20px; position: absolute;}
p.slogan { color: #bdd4e6; font-weight: bold; position: absolute; top: 45px; left: 26px; }

p.rss { position: absolute; text-indent: -9999px; right: 24px; top: 3px;}
p.rss a { width: 24px; height: 24px; display: block; background: transparent url(images/rss.jpg) no-repeat top left;}
p.rss a:hover { background: transparent url(images/rss.jpg) no-repeat top right;}

p.date { width: 356px; height: 55px; position: absolute; top: 155px; right: 20px; background: transparent url(images/date.png) no-repeat top left; text-indent: -9999px;}
#primary { width: 580px; float: left; margin-top: 33px; display: inline;}
#secondary { width: 342px; float: right;  margin-top: 33px; display: inline;}
*html #secondary { width: 345px;}
.content { border: 1px solid #e6e6e6; padding: 19px 18px; background: #fff; margin-bottom: 20px;}
.clear { clear: both;}

#footer { padding-top: 35px; padding-bottom: 20px;}
#footer li a { color: #fff; text-decoration: none; font-weight: bold;}
#footer li { margin-bottom: 6px; list-style: none;}
#footer li span { display: none;}

h2 { color: #306ca5; font-size: 48px; height: 48px; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 22px;}

#footer li a:hover, #header li a:hover, #header li a.this,#footer li a.this { color: #ff7e00;}

.content p {
	line-height: 18px;
	margin-bottom: 24px;
}

.content .news p.title, h3 { font-size: 30px; color: #5c5c5c; margin-bottom: 10px; font-weight: bold;}
.content .news p.title { line-height: 30px;}
.content .news p.news-date { font-size: 12px; color: #306ca5; margin-bottom: 28px; font-weight: bold;}

p.staak { float: right; position: relative; top: -121px;}
p.staak a { display: block ; width: 77px; height: 45px; background: transparent url(images/staak.png) no-repeat top left; text-indent: -9999px;}

.welcome { background: #fff url(images/welcome-logos.jpg) no-repeat 410px 0px;}

.content .bands .band-date { font-size: 18px; font-weight: bold; color: #306ca5; margin-bottom: 3px; margin-top: -3px;}
.content .bands .label { color: #696969; font-size: 12px; font-weight: bold; margin-bottom: 18px;}
.content .bands .artist {margin-bottom: 0px;}
.content .bands .links {margin-bottom: 0px;}

#primary .content .bands .label { margin-bottom: 2px;}

p.band-image { float: left; margin-right: 10px;}
.band-image img, .artist-image img { border: 1px solid #d3d3d3;}
.artist-image p { margin-top: 5px;}
.artist-image { float: left;}
.details { margin-left: 105px;}
#primary .bands { background: none;}

.bands { background: transparent url(images/dots.gif) repeat-x bottom; padding-bottom: 12px; margin-bottom: 24px; clear: both;}
.middle { margin: 0px 7px;}

a { color: #ff7e00; text-decoration: none;}
a:hover { color: #306ca5;}

*html p.date {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.independentsday2009.com/_css/images/date.png', sizingMethod='crop');
	}

*html 	h1 {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.independentsday2009.com/_css/images/logo.png', sizingMethod='crop');
}
*html .bands { height: 1%;}