.banner_text {color: #fff; font-family: clarendon; font-size: 20pt;}

.text {color: #ddd; font-family: arial; font-size: 9pt;}

.heading {color: #fff; font-family: arial; font-size: 18pt;}

.smalltext {color: #fff; font-family: arial; font-size: 8pt;}



a {color: #fff; font-family: arial,sans-serif; font-size: 8pt; text-decoration: none; }

a:hover {color: violet; font-family: arial,sans-serif; font-size: 8pt; text-decoration: none;}





.link {color: white; font-family: arial,sans-serif; font-size: 9pt; text-decoration: underline; }

.link:hover {color: violet; font-family: arial,sans-serif; font-size: 9pt; text-decoration: underline; }



img.newsfloatleft { 

    float: left; 

    margin: 0px 10px 10px 0px; 

}



img.videothumb { 

    float: left; 

    margin: 0px 2px 0px 0px; 

}



body {

		 margin: 0;

		 padding: 0;

		 background-color: #000;

		 scrollbar-face-color:#000;

		 scrollbar-shadow-color: #000;

		 scrollbar-highlight-color: #aaa;

		 scrollbar-3dlight-color: #000;

		 scrollbar-darkshadow-color: #aaa;

		 scrollbar-track-color: #3a3a3a;

		 scrollbar-arrow-color: #aaa;

		 }



#container {

			width: 100%;

			min-height: 500px;

			height: 100%;

			float: left;

		  background-color: transparent;

			min-width: 1000px;

			width: expression(document.body.clientWidth < 1000 ? "1000px" : "100%" );

			}



* html #container {

			height: 100%;

			h\eight: 100%;

			}







#left_border {

			width: 8%;

			height: 100%;

			float: left;

			background-image: url(../images/left_border2.jpg);

			background-position: 0px 0px;

			background-repeat: repeat-y;

			background-color: transparent;

			/* border: 1px solid yellow; */

			} 



	

#left_side {

			width: 38%;

			height: 100%;

			float: left;

			padding-left: 25px;

			background-color: transparent;

			}

			

#banner {

			width: 400px;

			float: left;

			background-color: transparent;

			}

			

#right_side {

			width: 43%;

			height: 100%;

			float: left;

			background-color: transparent;

			/* background image defined within page */

			}



#content {

			width: 300px;

			height: auto;

			float: left;

			padding: 20px;

			/* background colours defined within page */

			}



* html #content {

			width: 340px;

			w/idth: 340px;

			}



#video_content {

			width: 420px;

			height: auto;

			float: left;

			padding: 40px;

			/* background colours defined within page */

			}



* html #video_content {

			width: 500px;

			w/idth: 500px;

			}



/* ------------------ Media page divs ------------------------- */



#media_container {

			width: 300px;

			float: left;

			height: auto;

			/* border: 1px solid yellow; */

			}



#cd_cover {

			width: auto;

			height: auto;

			float: left;

			padding-top: 10px;

			}

#mp3s {

			width: 140px;

			height: 120px;

			float: left;

			padding-left: 10px;

			padding-top: 10px;

			/* border: 1px solid yellow; */

			}

			

#photo_content {

			width: 100%;

			height: auto;

			float: left;

			background-color: transparent;

			}



* html #photo_content {

			width: 700px;

			w/idth: 700px;

			}

		

#photo_container {

			width: 95%;

			float: left;

			height: auto;

			padding-bottom: 20px;

			}



#photo_box {

			width: 125px;

			height: 115px;

			float: left;

			background-color: transparent;

			padding-bottom: 5px;

			}

			

/* ------------------ End of Media page divs ------------------ */



		



#linkcontainer {

			width: 400px;

			float: left;

			padding-top: 20px;

			background-color: transparent;

			}

			

#linkbox {

			width: 125px;

			float: left;

			background-color: transparent;

			}

#linkbox_gap {
			width: 100%;
			float: left;
			height: 20px;
			}

/* -------------- Test button bar - logo colour: #F8E37A ----------- */



#button_bar {

	width: 420px;

	height: auto;

	float: left;

	border-top: 1px solid #ee8911;

	border-bottom: 1px solid #ee8911;

	}



#button {

	width: 52px;

	float: left;

	text-align: center;

	margin: 10px 0px 5px 0px;

	}





/* ----------------------------------------------------------------- */





#button1 {

	width: 60px;

	height: 30px;

	background-color: #606860;

	float: left;

	padding: 5px 0px 0px 5px;

	border-right: 1px solid black;

	}



#button1:hover {background-color: purple}

* html #button1:hover {background-color: purple; b/ackground-color: purple}





#button2 {

	width: 60px;

	height: 30px;

	background-color: #606860;

	float: left;

	padding: 5px 0px 0px 5px;

	text-align: left;

	border-right: 1px solid black;

	}

	

#button2:hover {background-color: #ff9900}



	

#button3 {

	width: 60px;

	height: 30px;

	background-color: #606860;

	float: left;

	padding: 5px 0px 0px 5px;

	text-align: left;

	border-right: 1px solid black;

	}

	

#button3:hover {background-color: #333366}





#button4 {

	width: 60px;

	height: 30px;

	background-color: #606860;

	float: left;

	padding: 5px 0px 0px 5px;

	text-align: left;

	border-right: 1px solid black;

	}

	

#button4:hover {background-color: #990000}



#button5 {

	width: 60px;

	height: 30px;

	background-color: #606860;

	float: left;

	padding: 5px 0px 0px 5px;

	text-align: left;

	border-right: 1px solid black;

	}

	

#button5:hover {background-color: green}



#button6 {

	width: 60px;

	height: 30px;

	background-color: #606860;

	float: left;

	padding: 5px 0px 0px 5px;

	text-align: left;

	border-right: 1px solid black;

	}

	

#button6:hover {background-color: #000099}



#right_border {

			width: 7%;

			height: 100%;

			float: right;

			background-image: url(../images/right_border2.jpg);

			background-position: 100% 0%;

			background-repeat: repeat-y;

			background-color: transparent;

			}