/* CSS Document */

body{
	font-family:"Times New Roman", Times, serif;
	font-size:90%;
	background-color:#999933;
}

#wrapper{
	margin:5%;
	margin-top:20px;
}

#header{
	width:75%;
	margin:auto;
	text-align:center;
	text-transform:uppercase;
	height:5%;
}

#side{
	margin:10px;
	width:20%;
	float:left;
	clear:left;
	/*position:relative;*/
	position:fixed;
	top:20px;
	left:10px;
	padding:5px;
	border-right-width: thin;
	border-right-style: double;
	border-right-color: #663300;	/*padding-bottom:32%;*/
}

#main{
	
	margin-left:25%;
	margin-top:25px;
	padding:10px;
	padding-top:1px;
	background-color:#CCCC99;
}

#full{
	
	margin-top:25px;
	padding:10px;
	padding-top:1px;
	background-color:#CCCC99;
}

#main img {
	margin-left: 6em;
	margin-right: 6em;
}


/*#footer{
	clear:both;
	margin-top:10px;
	padding:5px;
	text-align:center;
}
*/

div.btn{
	cursor:pointer;
	background-color:#ffcc66;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000;
	border-top-color:#ccc;
	border-left-color:#ccc;
	padding:2px;
	margin:2px;
	width:200px;
	}
	div.btn:hover{
		background-color:#cc0;
	}

div.mapbtn{
	cursor:pointer;
	background-color:#ffcc66;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000;
	border-top-color:#ccc;
	border-left-color:#ccc;
	padding:2px;
	margin:2px;
	width:100px;
	text-align:center;
	}
	div.mapbtn:hover{
		background-color:#cc0;
	}

	a, a:link{
		color:#3333CC;
		text-decoration:underline;	
	}

	a:visited{
		color:#993300;  /* colours can be chopped down to 3 numbers*/
	}
	
	a:active{
		color:#990000;
	}
	
	a:hover{
		color:#660000;
		text-decoration:underline overline;
	}

#imgbox
{
	vertical-align: middle;
	position : absolute;
	border: 1px solid #999;
	background : #FFFFFF; 
	filter: Alpha(Opacity=100);
	visibility : hidden;
	height : 400px;
	width : 400px;
	z-index : 50;
	overflow : hidden;
	text-align : center;
}