body {
	font-size: 11px;
	font-family:  Arial, Sans-Serif;
	border-collapse: collapse;
	border-spacing:0px;
	margin:0px;
	padding:0px;
	vertical-align:top;
    background: background-repeat url('../images/yellow_bg.gif') repeat-x; 	
}

.leftpanel{
	width:245px;
	vertical-align:top;
}

.smalltext {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 0.8em;
	text-align: left;
	margin-left: 10px;
	border: none;
}


/* TOP SECTION */

#container{
		width:100%;
		float:left;
    	background: #FFFFFF url('../images/hb.gif') repeat-x; 
		margin-top:2px;
		margin-bottom:2px;
		display:inline;
	}

/* END OF TOP SECTION */

/* News Items */
.boxitem{
	margin:5px 10px 0px 10px;
	padding: 8px 0px 5px 0px;
	background-color:#FFFFFF;
	background-image: url('../images/basemid2.gif');
	background-repeat: repeat-x;
	border-top: 0px; 
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;		
	min-height:140px;
	vertical-align:top;
	width:97%;
	height:auto;
	overflow:auto;
}

.rspace  {
	padding-right: 50px;
	color:#ffff99;
	font-weight:bold;	
	}

.lm{
	padding-left: 20px;
	padding-right:20px;
	padding-top:10px;
}

/* End of News Items */

/* Image Formatting */

.imgmainleft {
    float: left;
	border: 1px #000000 solid;
	margin-left:8px;
	margin-right:10px;
	margin-bottom:3px;
	margin-top: 14px;
	font-size: 8px;
	color: #999999;
	font-style:italic;
	background: black;
}

.imgmainleftwhite {
    float: left;
	border: 1px #000000 solid;
	margin-left:8px;
	margin-right:10px;
	margin-bottom:3px;
	margin-top: 14px;
	color: #000000;
	font-style:italic;
}

.imgmainleft250 {
    float: left;
	border: 1px #000000 solid;
	margin-left:8px;
	margin-right:10px;
	margin-bottom:3px;
	margin-top: 14px;
	width:250px;
	font-size: 8px;
	color: #999999;
	font-style:italic;
	background: black;
}

.playerpic {
    float: left;
	border: 1px #000000 solid;
	margin-left:8px;
	margin-right:10px;
	margin-bottom:3px;
	margin-top: 0px;
}

.noborder{
	border:none;
}

.red{
	color:red;
}

/* End of Image Formatting */

/* Base */
#base {
    float:left;
    width:100%;
    background:#FFFFFF url('../images/yellow_base.jpg') repeat-x;       
}


/* CSS Tabs */
#tabs8 {
    float:left;
    width:100%;       
}

#tabs8 ul {
    margin:0;
    padding:10px 5px 0 5px;
    list-style:none;
}

#tabs8 li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs8 a {
    float:left;
    background:url('../images/tableft8.gif') no-repeat left top;
    margin:0;
    text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}

#tabs8 a span {
    float:left;
    display:block;
    background:url('../images/tabright8.gif') no-repeat right top;
    color:#FFFF00;
    font-weight: bold; padding-left:6px; padding-right:8px; padding-top:5px; padding-bottom:4px
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span {float:none;}
    /* End IE5-Mac hack */

#tabs8 a:hover span {
    color:#ffff00;
}

#tabs8 a:hover {
    background-position:0% -42px;
}

#tabs8 a:hover span {
    background-position:100% -42px;
    color: #000;
}

#tabs8 #current a {
    background-position:0% -42px;
}
#tabs8 #current a span {
    background-position:100% -42px;
    color: #000;
}

/* CSS Tabs */
#tabs9 {
    float:left;
    width:100%;       
}

#tabs9 ul {
    margin:0;
    padding:10px 5px 0 5px;
    list-style:none;
}

#tabs9 li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs9 a {
    float:left;
    background:url('../images/tableft8.gif') no-repeat left top;
    margin:0;
    text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}

#tabs9 a span {
    float:left;
    display:block;
    background:url('../images/tabright8.gif') no-repeat right top;
    color:#FFFF00;
    font-weight: bold; padding-left:6px; padding-right:8px; padding-top:5px; padding-bottom:4px
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs9 a span {float:none;}
    /* End IE5-Mac hack */

#tabs9 a:hover span {
    color:#ffff00;
}

#tabs9 a:hover {
    background-position:0% -42px;
}

#tabs9 a:hover span {
    background-position:100% -42px;
    color: #000;
}

#tabs9 #current2 a {
    background-position:0% -42px;
}
#tabs9 #current2 a span {
    background-position:100% -42px;
    color: #000;
}

/* End of CSS Tabs */

/* This holds the tabs */
#tabholder
{
    width: auto;   
    padding: 0px 0px 2px 0px;
	background: #fbfbfb; 
}

#tabholder2
{
    width: auto;   
    padding: 0px 0px 2px 0px;
	background: #fbfbfb; 
}

.clear{
	clear:both;
}

/*Lightbox effect formatting*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('../overlay.png'); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/*End of Lightbox effect*/

/*Galleria*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div{display:block}
.galleria li.active div img{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
/*End of Galleria*/

.boxheader {
	background-color: #CCCCCC;
	font-weight: bold;
}