@charset "utf-8";
/* CSS Document */

/*format elements*/
body {background-color: #660000;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: small; 
color:#FFFFFF;
text-align:center;
scrollbar-base-color:#990000
}


a:link {color: #FFCCFF}
a:hover {color:#CCCCCC}
a:visited {color: #FFCCFF}
a:active {color:#CCCCCC}

p {font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color:#FFFFFF;
text-align:left;
padding:5px
}

.highlight {background-color: #333333;
font:Verdana, Arial, Helvetica, sans-serif large; text-align:left; font-stretch:expanded;
padding: 5px 5px 5px 5px;
font-weight:bold; font-size:medium}

.highlightblack {background-color: #000000;
font:Verdana, Arial, Helvetica, sans-serif large; text-align:left; font-stretch:expanded;
padding: 5px 5px 5px 5px;
font-weight:bold; font-size:medium}

.bold {font-weight:bolder}

.center {text-align:center}
 

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*homepage elements*/
#container {margin-left: auto;
margin-right:auto;
width: 1000px;
height:auto}

#header {margin-left: auto;
margin-right:auto;
width: 1000px;
height:75px;
clear:both;
border: thin  #CCCCCC solid}

#logo {width: 495px;
height:75px;
float: left;
}

#banner{width: 475px;
height:60px;
float: left;
padding-bottom: 5px;
padding-left: 5px;
padding-top: 8px}

#navigation {width:1000px;
height:50px;
clear:both;
}

#content {width:775px;
height:auto;
float:left}

#info1 {width: 440px;
height:340px;
float:left;
overflow:hidden;
border: thin #cccccc solid;
overflow:hidden
}

#info2 {width:290px;
height:340px;
float:left;
overflow: auto;
border: thin #cccccc solid;
}

#info3 {width: 440px;
height:250px;
float:left;
overflow:auto;
border: thin #cccccc solid;
}

#info4 {width:290px;
height:250px;
float:left;
overflow:auto;
border: thin #cccccc solid;
}

#flyers {width: 200px;
height:auto;
float:left;
border-top: thin #cccccc solid;
border-bottom: thin #cccccc solid;
padding-bottom:5px}


/*general page elements*/

#containersub {margin-left: auto;
margin-right:auto;
width: 1000px;
height:auto;
clear:both;
border: #999999 thin solid}
 
#clubflyer {width:400px;
height:545px;
float:left;
overflow:auto;
border: thin #cccccc solid;
padding: 5px;
}

#clubflyer500 {width:470px;
height:1000px;
float:left;
overflow:auto;
border: thin #cccccc solid;
padding: 5px;
}

#podcast500
 {width:470px;
height:500px;
float:left;
overflow:auto;
border: thin #cccccc solid;
padding: 5px;}

#clubinfo {width:550px;
height:545px;
float:left;
overflow:auto;
border: thin #cccccc solid;
padding: 5px;
}

#popbox {width: 200px; height: auto;
float: right;
overflow: hidden;
border: thin #000000 solid;
padding: 5px;
background-color: #666666}

#widebox{margin-left: auto;
margin-right:auto;
width: 995px;
height:auto;
clear:both;
padding-top: 10px
padding-bottom:10px;
float:left;
border:#CCC thin solid
}

#widebox2{margin-left: auto;
margin-right:auto;
width: 755px;
height:auto;
clear:both;
padding-top: 10px
padding-bottom:10px;
float:left;
border:#CCC thin solid
}

#footer {margin-left: auto;
margin-right:auto;
width: 1000px;
height:auto;
clear:both;
padding-top: 10px
}

/*dj page*/
#podcasts {width:400px;
height:auto;
float:left;
overflow:auto;
border: thin #cccccc solid;
padding: 5px;
}

#djlist {width:550px;
height:auto;
float:left;
overflow:auto;
border: thin #cccccc solid;
padding: 5px
}

/*spacers*/
#spacer {width: 15px;
height: 50px;
float: left}

#spacerh {width: 770px;
height: 15px;
clear:both}