/* Primary CSS info */

/* some defaults... */
a:link {color: #CC6600; text-decoration: none; font-weight: bold; border: 0px;}
a:visited {color: #CC6600; text-decoration: none; font-weight: bold;}
a:active {color: #FF6600; text-decoration: underline; font-weight: bold;}
a:hover {color: #FF6600; text-decoration: underline; font-weight: bold;}

body {
/* background-image: url('/images/bg.gif'); */
background-color:  	#CCCC99;
/* background-color:  	#4A7044; */
text-align: center;
margin: 0px auto auto auto;
}

#main {
text-align: left;
margin: 5px auto auto auto;
width: 750px;
border-style: none solid solid solid;
border-width: 1px;
border-color: #CC9900;
background-color: #FFFFCC;
}

#header {
background-color: #FFCC66;
border-style: solid none solid none;
border-width: 1px;
border-color: #CC6600;
color: #00EE00;
}

#content {
padding: 5px 20px 5px 30px;
background-color: #FFFFCC;
/* border-style: none solid solid solid;
border-width: 1px;
border-color: #CC6600; */
color: #CC6600;
font: 13px Verdana, sans-serif;
/*height: 400px;*/
}

#footer {
clear: both;
width: 100%;
background-color: #FFCC66;
border-style: solid none none none;
border-width: 1px;
border-color: #CC6600;
padding: 0px 0px 2px 0px;
}

     #footer p {
     margin: 0px 5px 0px 0px;
     color: #CC6600;
     text-align: right;
     font: 9px Verdana, sans-serif;
     }

#logo-skull {
float: left;
margin: 3px 0px 0px 3px;
width: 100px;
height: 129px;
border: none;
}

#logo-text {
float: left;
margin: 3px 0px 0px 3px;
width: 375px;
height: 60px;
}

#player {
float: right;
margin: 6px 6px 0px 0px;
width: 240px;
height: 68px;
border-style: solid;
border-width: 1px;
border-color: #CC6600;
padding: 1px 1px 0px 1px;
}

#head-text {
color: #33CC00;
text-align: center;
font-family: verdana, sans-serif;
font-style: bold;
font-size: 35px;
}

.indent {
margin-left: 30px;
}

.border {
border-style: solid;
border-width: 1px;
border-color: #00ff00;
}

h1 {
font-size: 17px;
color: #FF6600;
}

#img-index {
float: right;
margin: 5px 5px 15px 20px;
padding: 5px 5px 3px 5px;
border-style: solid;
border-width: 1px;
border-color: #CC6600;
/* background-color: #CCCC99; */
background-color: #CCCC99;
color: #444444;
text-align: center;
font-family: verdana, sans-serif;
font-style: italic;
font-size: 10px;
}

     #img-index img {
     width: 400px;
     height: 453px;
     border-style: solid;
     border-width: 1px;
     border-color: #CC6600;
     }

#img-schedule {
float: right;
margin: 5px 5px 15px 20px;
padding: 5px 5px 3px 5px;
border-style: solid;
border-width: 1px;
border-color: #CC6600;
/* background-color: #CCCC99; */
background-color: #CCCC99;
color: #444444;
text-align: center;
font-family: verdana, sans-serif;
font-style: italic;
font-size: 10px;
}

     #img-schedule img {
     width: 400px;
     height: 553px;
     border-style: solid;
     border-width: 1px;
     border-color: #CC6600;
     }

#img-bio {
float: right;
margin: 5px 5px 15px 20px;
padding: 5px 5px 3px 5px;
border-style: solid;
border-width: 1px;
border-color: #CC6600;
/* background-color: #CCCC99; */
background-color: #CCCC99;
color: #444444;
text-align: center;
font-family: verdana, sans-serif;
font-style: italic;
font-size: 10px;
}

     #img-bio img {
     width: 400px;
     height: 300px;
     border-style: solid;
     border-width: 1px;
     border-color: #CC6600;
     }

#img-right {
float: right;
margin: 5px 5px 15px 20px;
padding: 5px 5px 3px 5px;
border-style: solid;
border-width: 1px;
border-color: #CC6600;
/* background-color: #CCCC99; */
background-color: #CCCC99;
color: #444444;
text-align: center;
font-family: verdana, sans-serif;
font-style: italic;
font-size: 10px;
}

     #img-right img {
     width: 400px;
     height: 268px;
     border-style: solid;
     border-width: 1px;
     border-color: #CC6600;
     }

.clear-both {
clear: both;
}
