/* Style for band page,
body tags first*/

body {background:#000 url(../media/tile.gif) repeat top left;
text-align : left;
font-family: trebuchet, arial;
font-size: 12pt;
color: black;
}

/*Navigation link details, using class*/
a.nav, a.nav:link {font: 10pt trebuchet, times; color: black; font-weight: normal;text-decoration: none;}
a.nav:visited {font: 10pt trebuchet, times; color: black; font-weight: normal;}
a.nav:active {font: 10pt trebuchet, times; color: black; font-weight: normal;} 
a.nav:hover {font: 10pt trebuchet, times; color: #fff; font-weight: normal;}


/*Main body link details, default*/
p,body,TD {font: 11pt trebuchet, times; color: black; font-weight: normal;}
a, a:link {font: 11pt trebuchet, times; color: black; font-weight: normal;text-decoration: none;}
a:visited {font: 11pt trebuchet, times; color: black; font-weight: normal;}
a:active {font: 11pt trebuchet, times; color: black; font-weight: normal;} 
a:hover {font: 11pt trebuchet, times; color: #d51274; font-weight: normal;}



/*strong text*/
strong{color: #d51274;
}


/*defining content divs*/

/*define 'container' div first for relative positioning*/
#container {position: relative;
background:#000 url(../media/contbg.jpg) no-repeat fixed; 
border: 1px solid white;
margin: auto;
text-align: center; 
width: 900px; height: 545px;
}

/*navigation positioning*/
#navigation {position: absolute;
left: 5px; top: 5px; width: 890px;
background:#993366;
padding: 1px;
border-bottom: 1px solid white;
text-align: left;
}


/*band info text area positioning*/
#band {position: absolute; 
left: 330px; top: 80px; width: 250px; height: 190px;
overflow:auto;
background:#e1e1e1 url(../media/divbgtile.gif) repeat;
border: 3px solid #936;
text-align: left;
margin: 0px;
padding: 10px;
}

/*past band members text area positioning*/
#past {position: absolute; 
left: 615px; top: 80px; width: 250px; height: 190px;
overflow:auto;
background:#e1e1e1 url(../media/divbgtile.gif) repeat;
border: 3px solid #936;
text-align: left;
margin: 0px;
padding: 10px;
}


/*discography text area positioning*/
#music {position: absolute; 
left: 15px; top: 300px; width: 280px; height: 180px;
overflow:auto;
background:#e1e1e1 url(../media/divbgtile.gif) repeat;
border: 3px solid #936;
text-align: left;
margin: 0px;
padding: 10px;
}

/*Simon text area positioning*/
#simon {position: absolute; 
left: 330px; top: 300px; width: 125px; height: 190px;
background:#e1e1e1 url(../media/divbgtile.gif) repeat;
border: 3px solid #936;
text-align: left;
margin: 0px;
padding: 5px;
}

/*John text area positioning*/
#john {position: absolute; 
left: 470px; top: 300px; width: 125px; height: 190px;
background:#e1e1e1 url(../media/divbgtile.gif) repeat;
border: 3px solid #936;
text-align: left;
margin: 0px;
padding: 5px;
}

/*Nick text area positioning*/
#nick {position: absolute; 
left: 610px; top: 300px; width: 125px; height: 190px;
background:#e1e1e1 url(../media/divbgtile.gif) repeat;
border: 3px solid #936;
text-align: left;
margin: 0px;
padding: 5px;
}

/*Roger text area positioning*/
#roger {position: absolute; 
left: 750px; top: 300px; width: 125px; height: 190px;
background:#e1e1e1 url(../media/divbgtile.gif) repeat;
border: 3px solid #936;
text-align: left;
margin: 0px;
padding: 5px;
}



/*footer positioning*/
#footer {position:absolute;
left: 5px; bottom: 5px; width: 885px;
background:#993366; padding:3px;
border-top:1px solid white;
text-align : center;
}

/*Defining image divs*/
#bandpic {position:absolute;
left: 15px; top: 80px
}