@charset "utf-8";

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #CCCCCC;
}

html, body, p, th, td, li, dd, dt {
  font: 0.9em sans-serif, bauhaus; margin: 0px; padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 { font-size: 1.85em; margin: 0px; padding: 0px; }
h2 { font-size: 1.5em; margin: 0px; padding: 0px; }
h3 { font-size: 1.2em; margin: 0px; padding: 0px; }
h4 { font-size: 1.0em; margin: 0px; padding: 0px; }
h5 { font-size: 0.9em; margin: 0px; padding: 0px; }
h6 { font-size: 0.8em; margin: 0px; padding: 0px; }

/* This controls the color of the smaller Titles h4 and h5 */
.headers {color: #CC66CC;}

/* This controls the color of the smaller Titles h4 and h5 */
li.downloads {color: #666666;}

a { font-size: .95em; font-weight: bold; margin: 0; padding: 0; text-decoration: none;}
a:link { color: #99CC99; text-decoration: none;}
a:visited { color: #99CC99; text-decoration: none;}
a:hover { color: #CC33CC; text-decoration: none;}
a:active { color: #99CC99; text-decoration: none;}


/*START interface container 800w x 800h*/
/* The full generic background artwork is loaded in this container. */
/* The container is also set up here to be centered in the browser window. */
#siteContainer {
position: absolute;
top: 25px;
left: 50%;
overflow: hidden;
height: 560px;
width: 800px;
border: 0px #330033 solid;
margin: 0px 0px 0px -400px;
padding: 0px 0px 0px 0px;
background-image: url("../images/devback3.png");
z-index: 0;
}
/*END INTERFACE CONTAINER*/




/* START lower container for inteface 605px x 798px */
/* This container holds the charity information, the download links, and additional links */
/* The advertising logos are part of the full background image in this version of the template */
/* For the background to be modified and the adverts removed, the original .PSD file will need to be modified*/
#lowerContainer {
position: absolute;
overflow: hidden;
height: 560px;
width: 800px;
border: 0px blue solid;
background: transparent;
margin-top: 15px;
}
#live {
position: absolute;
top: 475px;
left: 125px;
height: 77px;
width: 290px;
border: 0px black solid;
z-index: 2;
}







/* This player block area 350px x 300px */
#player2{
position: absolute;
top: 125px;
left: 106px;
overflow: hidden;
height: 350px;
width: 350px;
border: 0px blue dotted;
background: transparent;
}

/* This controls the color and the position of the charity title */
.purpleLower {
position: absolute;
margin: 0;
padding: 2.5em 0 0 0;
border: 6px green dotted;
color: #CC66CC;
}

/* This controls the charity text block - size, location, and indent of text */
.indentTextBlock_L {
position: absolute;
overflow: hidden;
left: 110px;
height: 138px;
width: 210px; 
margin: 0 1em 0 0; 
padding: 0 0 0 0;
text-align: justify;
word-spacing: .1em;
letter-spacing: .03em;
border: 6px red dotted;
color: #999999;
}

/* This is a block of images that are a transparent gif */
/* This block of images could be turned into a linked imagemap to advertisers */
/* The imagemap would need to be created and placed in the HTML document, but the placement and location would be controlled here */
/* #adverts {
position: absolute;
bottom: 8px;
left: 30px;
overflow: hidden;
height: 96px;
width: 435px;
border: 3px blue dotted;
background-image: url(" ");
} */

/* This controls the placement of the aderra logo */
#aderraLogo {
position: absolute;
top: 485px;
right: 5px;
overflow: hidden;
height: 66px;
width: 180px;
border: 0px blue dotted;
/* z-index: 4; */
}