body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:500;
	border:none;
	padding:0px;
	margin:0px;}

ul {list-style-type:none;}

li {list-style-type:none;}

a {text-decoration:none; color:#777777;} 
a:visited {color:#777777;}

a img {border:none;}

img {border:none; padding:0px; margin:0px;}

/*///////////////////////////////*/

#header {height:75px; padding-left:130px;
		width:700px;/*background-color:#33CC66;*/}

.logo {float:left; display:block;}

.wherepanel {
	height:20px;
	padding-top:55px;
	padding-left:5px; /*background-color:#CCCC66;*/
	display:block;
	float:left;}

a:visited .wherebutton{color:#999999;}

.wherebutton {
	display:block;
	float:left;
	padding-right:5px;
	padding-left: 5px;
	color:#BBBBBB;}

.wherearrow {
	display:block;
	float:left;
	color:#BBBBBB;}

#main { /*background-color:#FFFF99;*/ /*need height for colour to show*/
		/*height:500px;*/ /* control this via variable?*/
		}
		
#menupanel {
	width: 130px;
	float:left;
	/*height:inherit;*/
	padding-right:0px;  /*background-color:#FFCC99*/;
	padding-top:126px;}   

.menubutton {
background-image:url(../images/menuOut.gif);
background-position:right;
background-repeat:no-repeat;
padding-top:4px;
padding-left:20px;
padding-right:10px;
color:#FFFFFF;
width:81px;  /* remove this to have the buttons length defined by text*/
float:left;
margin:0px;
margin-bottom:4px;
height:17px;}

.firstmenu {background-image:url(../images/menuOutTop.gif);}

.lastmenu {background-image:url(../images/menuOutBottom.gif);}

#wordspanel {
	/*background-color:#00FA9A;*/
	position:relative;
	display:block;
	float:left;
	z-index:2;
	overflow:visible;}
	
#wordslinks {
	height:21px;  
	padding-top:26px; /*background-color:#FFbb99;*/
}

.wordbutton {
	background-image:url(../images/menuOutTop.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top:4px;
	padding-right:10px;
	padding-left:10px;
	float:left;
	width:85px;     /* take out to have word lengths define button width*/
	height:17px;
	margin:0px;
	margin-right:4px;
	color:#FFFFFF;
	}
	
#newsline {
	padding-left:20px;
	color:#999999;
}
	
/*taken out since would mean we couldn't extend the buttons to have longer words and still have the button rollover colour (without JS)*/
/*.wordtableft {   
	height:21px;
	width:5px;
	float:left;
	background-image:url(../images/wordLeftTabOut.gif);
}*/

#words {
	/*min-height:400px*/; /* control this via variable? does it work in all browsers?*/
	/*height: 447px;*/  /*control this via variable to match main image size, all images for the same page need to be the same height IMAGE height minus 63*/
	background-color: rgb(233,233,238);   /*MAIN COLOUR!!!!!!!!!!!!!*/
	padding-right:25px;
	padding-left:20px;
	padding-bottom:50px;
	display:block;
	float:left;
	}

#words a {
	text-decoration:underline;
}	

#title {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 800;*/
	margin-top:10px;
	margin-bottom:10px;
/*	background-color:#33CCFF;*/}

#bold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:800;
	border:none;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
}

#italic {
	font-style:italic;
}

#boldlist {
	font-weight:800;
	margin-left:20px;
}

#indent {
	padding:8px;
	padding-left:15px;
}

#highlight {
	/*background-color:rgb(178,178,242);*/
	/*background-color:rgb(255,255,255);*/
	padding:8px;
	padding-left:15px;
	font-size:11px;
	font-weight:800;
	/*color:rgb(54,54,80);*/
	
	/*background-image:url(../images/stripe1.gif);
	background-position:left;
	background-repeat:repeat-y;*/
	/*background-image:url(../images/roundedHighlight.gif);
	background-position:top right;
	background-repeat:no-repeat;*/
	/*margin-right:25px;*/
}

#topcorner {
	background-image:url(../images/horizontal_top_right_corner.gif);
	background-position:right;
	background-repeat:no-repeat;
}
	
#picturepanel {
	position:relative;
	left:-20px;   /*the width of the DownlinksPanel or button depending which drives width plus 20px to account for corner*/
	/*background-color:#33CCFF;*/
	height:550px;
	display:block;
	float:left;
	z-index:1;}	

#picture {
	/*background-color:#99CC66;*/
	/*height:463px;*/    /*set with variable same as words height? or set words height in relation toi image size*/
	margin-top:47px;
	overflow:hidden;}	

#piclinkspanel {
	height:35px;
	padding-top:4px;
	display:block;
	float:right;
	/*background-color:#00FFCC;*/
	visibility:hidden;
	}

.piclink {
	display:block;
	float:right;
	margin-left:4px;
	background-color: rgb(233,233,238);   /*MAIN COLOUR!!!!!!!!!!!!!*/
	padding:3px;}
	
#footer {
	color:rgb(151,151,166);
	display:block;
	float:left;
	padding-top:2px;}
	
#hiddenimages {visibility:hidden;/*width:400px;height:400px;*/}