body {
margin: 0;
padding: 0;
text-align: center;
background-color:#000000;
color:#ffffff;
font: 12px/1.2 Trebuchet MS, Arial, Helvetica, sans-serif;
}

h1 {
color: #7B7B7B;
font-size: 200%;
}
 
div.body {
margin: 0 auto;
width: 984px;
text-align: left;
margin-top:5px;
}


div.header {
background-color:#000000;
}

div.logobar {
background-image:url(designimages/rarelogo.jpg);
background-repeat:no-repeat;
}

div.adbar {
margin-left:293px;
padding-top:20px;
}
div.rareplayer {
/* background-image:url(designimages/rareplayerbg.jpg); */

background-repeat:no-repeat;
height:140px;
width:550px;
margin-left:90px;
border: solid 1px #BBB;
}
.ie7wrapper div.rareplayer {
height:138px;                   /* IE 7 hack */
}
.rareplayer img {
float: right;
margin: 5px;
border: solid 1px #BBB;
}
.rareplayer h1 {
margin: 0 0.2em;
color: #000000;
font-size: 190%;
}
.rareplayer h2  {
margin: 0.1em 0.2em;
font-size: 150%;
}
.rareplayer p {
margin: 0.1em 0.2em;
font-size: 120%;
}

a img {
border-style: none;
}

div.rpt {
text-align: center;
text-valign: center;
color: #ffffff;
font-size: 190%;
}

div.textbar {
margin-left:293px;
margin-top:0;			/* This line bugs out on IE6 */
}
html>body div.textbar {
margin-top:0px;		/* So add a hack to make it work */
} 

div.navbar {
background-image:url(designimages/menuleft.png);
background-repeat:repeat-y;
background-color:#F00;
padding:0;
margin:0;
}
* html div.navbar {
height:20px;		/* IE navbar hack */
} 

div.navbar_logobottom {
background-image:url(designimages/logobase.jpg);
background-repeat:no-repeat;
margin-left:34px;
padding-left:190px;
}
div.navbar_right {
background-image:url(designimages/menuright.png);
background-repeat:repeat-y;
background-position: top right;
margin:0;
padding:0;
text-align:right;
}
.navbar ul {
white-space:nowrap;
display: block;
list-style-type:none;
padding:0.4em 0 0.4em 0;
margin:0;
}
.navbar li {
white-space:nowrap;
display: inline;
list-style-type:none;
font-size: 120%;
margin:0;
padding:0;
}
.navbar a {
white-space:nowrap;
display: inline;
padding:0.2em 3px 0.3em 3px;
color:#FFF;
font-weight: bold;
text-decoration:none;
margin:0px;
}
.navbar a:hover {
color:#000;
}
.navbar form {
display: inline;
padding-left: 30px;
padding-right:20px;
}
.ie7wrapper .navbar form {
padding-right:16px;
}
.searchbox {
border: solid 1px #000;
margin: 0px;
padding:1px;
}

											/* CONTENT */
div.content {
background-color:#FFFFFF;
color:#000000;
margin:0 24px;
padding: 10px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
}
							/* General formatting, paragraphs, headings, links etc. */
div.content p {

}
div.content h1 {

}
div.content h2 {

}
div.content a {
text-decoration:underline;
color:#F00;
}
div.content a:hover {
text-decoration:none;
}
div.content a:visited {
color:#B00;
}
/* Floated images - set class left or right */
div.content img.left {
float: left;
clear: left;
margin-left: 0px;
margin-right: 10px;
}
div.content img.right {
float: right;
clear: right;
margin-left: 10px;
margin-right: 0px;
}

						/* Right and left columns */
div.left_col {
float:left;
width:200px;				/* If you change one, change the other! */
}
div.right_col {
padding-left:20px;
margin-left:200px;		/* If you change one, change the other! */
}
div.clear {
clear:both;
display:hidden;
height:0px;
margin:0;
padding:0;
}
div.livebox {
background-color:#000;
}
div.livebox .inner {
margin-left: 15px;
width: 370px;
}

div.livebox .inner p {
color:#FFF;
}
div.livebox .inner p.comments {
text-align:right;
}
div.livebox .inner h2 {
color:#FFF;
font-weight:bold;
font-size:100%;
}
div.recentblogs {
margin-left: 15px;
}

						/* Red contact box */
div.contact {
text-align:center;
background-color:#F00;
color:#FFF;
font-size:150%;
padding:5px 0;
}
div.contact span.black {
color:#000;
}
div.contact ul {
white-space:nowrap;
display: inline;
list-style-type:none;
padding:0;
margin:0px;
}
div.contact li {
white-space:nowrap;
display: inline;
list-style-type:none;
margin:0.4em;
padding:0.4em 0px 0.4em 0px;;
}
div.footer div.contact {
font-size:120%;
background-color:transparent;
font-weight:bold;
}
div.contact li.break {
display:block;
}
						/* News items list main page */
div.newsitems {
}
div.newsitems ul {
list-style-type:none;
padding:0;
margin:5px 0;
}
div.newsitems li {
border: solid 2px #F00;
padding:0;
margin-top:5px;
overflow: hidden;
width: 100%;
}
div.newsitems h1 {
margin-left:0.2em;
margin-top:0.4em;
margin-bottom:0;
color: #7B7B7B;
font-size: 170%;
padding-right:5px;
}
div.newsitems h2 {
margin:0.2em 0;
color: #000;
font-size: 125%;
padding-right:5px;
}

div.newsitems h2 a{
color: #000;
text-decoration: none;
}
div.newsitems h2 a:hover{
color: #000;
text-decoration: underline;
}
div.newsitems h2 a:visited{
color: #000;
text-decoration: none;
}
div.newsitems img {
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
div.newsitems p.comments {
display:block;
text-align:right;
vertical-align:bottom;
padding:3px 0;
margin:0;
color:#000;
clear:left;
}
p.comments span {
background-color:#F00;
padding:3px 10px;
}
div.newsitems p {
padding:0;
padding-right:5px;
margin:0;
margin-left:115px;
}
p.comments a {
text-decoration:none;
color:#000;
}
p.comments a:hover {
text-decoration:underline;
color:#000;
}
p.comments a:visited {
color:#000;
}
						/* Schedule list main page */
div.schedule {
padding:0;
margin:0;
}
div.schedule ul {
list-style-type:none;
padding:0;
margin:5px 0;
}
div.schedule li {
border: none;
margin-top:5px;
overflow: hidden;
width: 100%;
padding:0.4em 0;
font-size:110%;			/* Can control overall size of child elements from here */
}
div.schedule li.d0 {
background-color:#BBB;
}
div.schedule li.d1 {
background-color:#FFFFFF;
}
div.schedule h1 {
margin-left:0.2em;
margin-top:0.4em;
margin-bottom:0px;
padding-bottom:0px;
color: #7B7B7B;
font-size: 170%;
padding-right:5px;
}
div.schedule span.day {
color: #000;
}
div.schedule h3 {
margin: 0;
color: #000;
font-size: 100%;
padding-right:5px;
margin-left:3.8em;
}
div.schedule h3 a {
color: #000;
text-decoration: none;
}
div.schedule h3 a:hover {
color: #000;
text-decoration: underline;
}
div.schedule h3 a:visited {
color: #000;
text-decoration: none;
}
div.schedule p {
padding:0;
padding-right:5px;
margin:0;
margin-left:3.8em;
}
div.schedule .time {
float:left;
margin-left:0.6em;
}







											/* FOOTER */
div.footer {
background-color:#FF0000;
background-image:url(designimages/menuleft.png);
background-repeat:repeat-y;
background-color:#F00;
}
div.footer_right {
background-image:url(designimages/menuright.png);
background-repeat:repeat-y;
background-position: top right;
padding-left:24px;
}