.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: white; 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: #fff; 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.floatleft { 
    float: left; 
    margin: 10px 10px 10px 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%" );
			height: expression(document.body.clientWidth < 600 ? "600px" : "100%" );
			}

* html #container {
			height: 100%;
			h\eight: 100%;
			}



#left_border {
			width: 10%;
			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: 45%;
			height: 100%;
			float: left;
			padding-left: 15px;
			background-color: transparent;
			}
			
#banner {
			width: 400px;
			float: left;
			background-color: transparent;
			}
			
#right_side {
			width: 30%;
			height: 100%;
			float: left;
			background-color: transparent;
			/* border: 1px solid yellow; */
			/* 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;
			}




		

#linkcontainer {
			width: 400px;
			float: left;
			padding-top: 20px;
			background-color: transparent;
			}
			
#linkbox {
			width: 125px;
			float: left;
			background-color: transparent;
			}
/* -------------- 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}


#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;
			}