.banner_text {color: #fff; font-family: clarendon; font-size: 40px;}
.text {color: #ddd; font-family: arial; font-size: 12px;}
.heading {color: #fff; font-family: arial; font-size: 24px;}

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

.thumbs {color: #787878}
.thumbs:hover {color: violet}

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


body {margin: 0; padding: 0; background-color: #000;}

#container {
			width: 100%;
			min-height: 500px;
			height: 100%;
			float: left;
	  	background-color: #000;
			min-width: 1000px;
			width: expression(document.body.clientWidth < 1000 ? "1000px" : "100%" );
			height: expression(document.body.clientHeight < 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: 55%;
			height: 100%;
			float: left;
			padding-left: 25px;
			background-color: transparent;
			/* border: 1px solid yellow; */
			}
			
#banner {
			width: 400px;
			float: left;
			background-color: transparent;
			}
			
#right_side {
			width: 20%;
			height: 100%;
			float: left;
			background-color: transparent;
			/* border: 1px solid yellow; */
			/* background image defined within page */
			}

#newscontainer {
			width: 420px;
			height: auto;
			float: left;
			padding: 20px 0px 20px 0px;
			/* background colour defined within page */
			}

* html #newscontainer {
			width: 420px;
			w/idth: 420px;
			}

#image_container {
			float: left;
			width: 100%;
			height: auto;
			padding-bottom: 10px;
			}
			
img.floatLeft { 
    float: left; 
    margin: 0px 10px 10px 0px;
    border: 1px solid #fff;
		}
			
#list_container {
			float: right;
			width: 220px;
			height: auto;
			}
			
#linkcontainer {
			width: 475px;
			float: left;
			padding-top: 20px;
			background-color: transparent;
			/* border: 1px solid yellow; */
			}

/* -------------- 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}

#button7 {
	width: 60px;
	height: 30px;
	background-color: #606860;
	float: left;
	padding: 5px 0px 0px 5px;
	text-align: left;
	border-right: 1px solid black;
	}
	
#button7:hover {background-color: pink}		
			

#right_border {
			width: 9%;
			height: 100%;
			float: right;
			background-image: url(../images/right_border2.jpg);
			background-position: 100% 0%;
			background-repeat: repeat-y;
			background-color: transparent;
			}