html {
background-color: #0568B9;
height: 101%;
}

body {
margin: 0;
background: #0568B9 url('../images/background.png') repeat-x;
font-size: 1em;
font-family: "Trebuchet MS", Arial, sans-serif;
}

a img {
border: none;
}

/* Container */

#container {
width: 970px;
margin: 0 auto;
font-size: 85%;
}

/* Header */

#header {
width: 950px;
margin: 0 auto;
}

#headerLeft {
width: 535px;
height: 137px;
float: left;
}

#headerRight {
width: 415px;
height: 137px;
float: left;
background: url('../images/bgDetails.png');
}

#hrDJ {
width: 113px;
height: 118px;
float: left;
margin-top: 15px;
margin-left: 15px;
}

#hrNP {
width: 240px;
color: #d7e7f4;
text-align: left;
float: left;
height: 90px;
margin-top: 17px;
margin-left: 30px;
}

#hrOA {
width: 240px;
color: #d7e7f4;
text-align: left;
float: left;
height: 20px;
margin-left: 30px;
}

.hrTitle {
margin: 0;
font-weight: bold;
font-size: 115%;
}

a.hrLink {
color: #d7e7f4;
}

.hrDetail {
margin: 0;
margin-top: 5px;
}

#divArtist {
font-style: italic;
font-size: 90%;
}

.djName {
font-style: italic;
margin: 0;
font-weight: normal;
font-size: 95%;
}

/* Banner */

#banner {
width: 770px;
height: 225px;
margin: 0 0 0 20px;
clear: both;
float: left;
}

/* Banner Right */
#bannerRight {
width: 160px;
height: 225px;
margin: 0 0 0 5px;
float: left;
}

/* Content Top */

#bgHeader {
width: 970px;
height: 24px;
background: url('../images/bgHeader.png');
clear: both;
}

/* Content */

#content {
background: transparent url('../images/bgContent.png');
}

#resTB {
width: 100%;
}

#resTB a {
color: #0568B9;
}

#resTB a:hover {
color: #A1D2E4;
}

/* Column Container */

.colmask {
float: left;
width: 960px;			/* width of whole page */
overflow: hidden;		/* This chops off any overhanging divs */
}

/* Common Column Settings */
.colright,
.colmid,
.colleft {
float: left;
width: 960px;			/* width of page */
position:relative;
}

.col1,
.col2,
.col3 {
float: left;
position: relative;
padding: 0;
overflow: hidden;
}

/* 3 Column Settings */

.threecol .colmid {
right: 170px;			/* width of the right column */
}

.threecol .colleft {
right: 615px;			/* width of the middle column */
}

.threecol .col1 {
width: 580px;			/* width of center column content (column width (605px) minus padding (10px + 10px) on either side) */
left: 980px;			/* 960px plus left padding (10px) of center column */
}

.threecol .col2 {
width: 140px;			/* Width of left column content (column width (160px) minus padding (5px + 5px) on either side) */
left: 232px;			/* width of (right column (160px)) plus (center column left and right padding (10px + 10px) plus (left column left padding (5px)) */
}

.threecol .col3 {
width: 140px;			/* Width of right column content (column width (160px) minus padding (5px + 5px) on either side) */
left: 867px;			/* 960px - (left column width (160px)) plus (center column left and right padding (10px + 10px) plus (left column left and right padding (5px + 5px) plus (right column left padding (5px)) */
}

#bgFooter {
width: 970px;
height: 24px;
background: url('../images/bgFooter.png');
clear: both;
}

/* Column 1 */

.col1 {
font-size: 90%;
letter-spacing: 0.1em;
line-height: 150%;
}

/* Navigation */

#nav {
list-style: none;
color: #0568B9;
font-size: 130%;
margin: 0;
margin-left: -40px;
line-height: 175%;
letter-spacing: -1px;
}

#nav a {
color: #0568B9;
text-decoration: none;
}

#nav a:hover {
color: #A1D2E4;
}

.paypal {
width: 132px;
margin: 0 auto;
}

/* Footer */

#footer {
width: 920px;
color: #FFF;
font-size: 85%;
margin: 0 auto;
margin-bottom: 40px;
}

#footer a {
color: #FFF;
}

#footerLeft {
width: 380px;
float: left;
}

#footerRight {
width: 530px;
float: left;
text-align: right;
}

/* Core */

#core {
width: 960px;
margin: 0 auto;
color: #6496C8;
font-size: 60%;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 40px;
}

#core a {
color: #6496C8;
}

#core a:hover {
color: #D7E7F4;
}