html, body {
  margin: 0;
  padding: 0;
}

body {
	background-color: #000000;
	background-repeat:no-repeat;
	text-align: left;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: medium;
	width: 100%;
	color: #000000;

}

/* used to pre-load hover images for fast animation */
.hiddenImage {display:none;}

#loading {
	position:static;
	display:block;
	float:left;
	margin: 0;
	width: 173px;
	height: 38px;
	margin-top: 20px;
	margin-left:0px;
	overflow: visible;
	background-image:url(_images/loading.gif);
	left: 25px;
	top: -20px;
}

/* Animated seagull placement */
#seagull { 
	position: absolute; margin-top: 250px; margin-left: 11px;
	float: left;
	display:block;
	width: 200px;
	height: 156px;
	background-image:url(_images/seagull.gif);
	background-position: -109px 0px;
	background-repeat:no-repeat;
	overflow: hidden;
	/* hack for IE */
    display: inline;
}




a {
	color: #FF0000;
	text-decoration: underline;
}

a:hover {
	color: #FFD7D7;
	text-decoration: underline;
}

/* KEEP EVERYTHING CONTAINED */
#wrapper {
	display:block;
	margin: 0 auto 0 auto;
	padding: 0;
    width: 1000px;
	height: 760px;
	text-align: left;
	
	background-image: url(background_test.jpg);
	background-repeat: no-repeat;
	overflow: visible;
}

/* Invisible Home Link */

	/* Allows for an invisible clickable area to be placed as a home link */ 
	
	#menu_home {
		display:block;
		position:absolute;
		overflow:hidden;
		width:239px;
		height:231px;
		z-index:1;
		left: 231px;
		top: -20px;
	}

/* Top Menu */

	#menu_top {
		position: absolute;
		margin-top: 67px;
		margin-left:310px;
		border: none;
		width: 650px;
		height: 112px;
		overflow: visible;}
	
		/* GET RID OF BULLETS AND MARGIN */
		#menu_top ul {margin:0; padding:0; list-style-type:none;}
		
		/* APPLY GAPS */
		#menu_top li {float:left; margin-top:0px;  margin-left: 0px;  margin-right: 0px;}
		
		/* ADD INITIAL IMAGES (OPTIONAL) */
		#menu_top li.list1 {background:transparent;}
		#menu_top li.list2 {background:transparent;}		
		#menu_top li.list3 {background:transparent;} 
		#menu_top li.list4 {background:transparent;}
		#menu_top li.list5 {background:transparent;}		
		#menu_top li.list6 {background:transparent;}

		/* GENERAL LINK STYLING (ALSO CAN BE USED WITHOUT UL OR LI) */
		#menu_top a {	display: block;
						width: 128px;
						height: 0px;
						padding-top: 112px;
						overflow: hidden;
						float: left;
						margin-top: 0px;
						margin-left: 0px;
						margin-right: 0px;
						}
		
	
		/* HACK FOR IE */
		* html #menu_topm a:link, * html #menu_top a:visited {height:128px; he\ight:0;}
		
		
		/* ADD IMAGES TO LINKS */
		#menu_top a#item1 {background:transparent url(_images/gal.gif) -0px -0px no-repeat;}
		#menu_top a#item2 {background:transparent url(_images/about2.gif) -0px -0px no-repeat;}
		#menu_top a#item3 {background:transparent url(_images/pir.gif) -0px -0px no-repeat;}
		#menu_top a#item4 {background:transparent url(_images/game2.gif) -0px -0px no-repeat;}		
		#menu_top a#item5 {background:transparent url(_images/par.gif) -0px -0px no-repeat;}
        #menu_top a#item6 {background:transparent url(_images/links2.gif) -0px -0px no-repeat;}		
		
		
		/* HOVER STYLE*/
		#menu_top a#item1:hover {background:transparent url(_images/gal_hover.gif) -0px -0px no-repeat; z-index:50;}
		#menu_top a#item2:hover {background-position: -128px 0px; z-index:50; background-repeat: no-repeat;}
		#menu_top a#item3:hover {background:transparent url(_images/pir_hover.gif) -0px -0px no-repeat; z-index:50;}
		#menu_top a#item4:hover {background-position: -128px 0px; z-index:50; background-repeat: no-repeat;}
		#menu_top a#item5:hover {background:transparent url(_images/par_hover.gif) -0px -0px no-repeat; z-index:50;}
		#menu_top a#item6:hover {background-position: -128px 0px; z-index:50; background-repeat: no-repeat;}

		
       /* HACK FOR IE */		
		* html #menu_top a:hover {height:128px; he\ight:0;}		
	
	    /* CLICK STYLE*/
		#menu_top a#item1:active {background:transparent url(_images/gal.gif) -0px -0px no-repeat;}
		#menu_top a#item2:active {background:transparent url(_images/about2.gif) -0px -0px no-repeat;}
		#menu_top a#item3:active {background:transparent url(_images/pir.gif) -0px -0px no-repeat;}
		#menu_top a#item4:active {background:transparent url(_images/game2.gif) -0px -0px no-repeat;}		
		#menu_top a#item5:active {background:transparent url(_images/par.gif) -0px -0px no-repeat;}
        #menu_top a#item6:active {background:transparent url(_images/links2.gif) -0px -0px no-repeat;}		
		
		/*  Make item drop when it is selected */
		#menu_top a.selected {
			margin-top: 25px;	
		
		
		}		
		
		
	
	

	
/* Bottom Menu */	
	
	    /* CLEAR THE FLOAT */
		#menu_bottom {	position:absolute; margin-top: 655px; margin-left: 700px;
						border:none; 
					    width:250px; height:90px;
						overflow:hidden; }
		
	
		/* GET RID OF BULLETS AND MARGIN */
		#menu_bottom ul {margin:0; padding:0; list-style-type:none;}
		
		/* APPLY GAPS */
		#menu_bottom li {float:left; margin-top:0px;  margin-left: 0px;  margin-right: 0px;}
		
		/* ADD INITIAL IMAGES (OPTIONAL) */
		#menu_bottom li.list1 {background:transparent;}
		#menu_bottom li.list2 {background:transparent;}		 
		
		/* GENERAL LINK STYLING (CAN ALSO BE USED WITHOUT LISTS*/
		#menu_bottom a {display:block; width:89px; height:0; padding-top:128px; color:#000; overflow:hidden;
						float:left; margin-top:0px;  margin-left: 0px;  margin-right: 0px;}

		
		/* HACK FOR IE */
		* html #menu_bottom a:link, * html #menu_bottom a:visited {height:128px; he\ight:0;}
		
		/* ADD IIMAGES TO LINKS */
		#menu_bottom a#item1 {background:transparent url(_images/play3.gif) -0px -0px no-repeat;}
		#menu_bottom a#item2 {background:transparent url(_images/email3.gif) -0px -0px no-repeat;}
		
		
		/* HOVER STYLE*/
		#menu_bottom a#item1:hover {background-position: -87px 0px; z-index:50;}
		#menu_bottom a#item2:hover {background-position: -87px 0px; z-index:50;}
		
       /* HACK FOR IE */		
		* html #menu_bottom a:hover {height:128px; he\ight:0;}		
	
	    /* CLICK STYLE*/
		#menu_bottom a#item1:active {background-position: -174px 0px; z-index:50;}
		#menu_bottom a#item2:active {background-position: -174px 0px; z-index:50;}		
		
		
/* CONTENT */
/* Where all the content is stored */

#content {
		position:absolute; margin-top: 235px; margin-left: 360px;
		border:none;
		width:542px; height:391px;
		overflow:auto;
		
		/* define scrollbar colours */
		scrollbar-base-color: #FFCC33;
		scrollbar-face-color: #FFCC33;
  		scrollbar-shadow-color: #FFCC33;
  		scrollbar-highlight-color: #FFCC33;
  		scrollbar-3dlight-color: #FFCC33;
  		scrollbar-darkshadow-color: #FFCC33;
  		scrollbar-track-color: #FFFF99;
  		scrollbar-arrow-color: Black;
		
}

#content h1 {
		font-size: 1.5em;
		font-weight:bold;
		margin-top:40px;
		margin-left: 10px;
		color:  #13233A;

}

#content h2 {
		margin-left: 15px;
		padding-top: 60px;
		font-weight:bold;
		font-size: 1.2em;
		color:  #13233A;

}

#content a {
		color: #13233A;
		font-weight: bold;
}

#content p {
		margin-left: 20px;
		margin-top: 5px;
		margin-right: 20px;
		font-size: 0.8em;
		text-align: justify;
		
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; 
		margin-bottom:10px;
		
		}

#content li {list-style: square;}

#content ul {	
		text-align: left;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		font-size: 0.8em;
		
		padding-left: 20px;
		margin-right: 10px;
		
		

}		

.highlight_red {
		color: #FF0000;
		font-weight: bold;
}

.highlight_orange {
		color: #FF6600;
		font-weight: bold;

}

.highlight_black {
		color: #000000;
		font-weight: bold;

}
		

#menu_screen {
	position: absolute; margin-top: 235px; margin-left: 362px; margin-right: 0px;
	
	width: 522px; height: auto;
	background-color: #FFCC33;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	z-index: 50;


}
	

#menu_screen a {
	float: right;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	padding-right: 7px;
	padding-left: 7px;
	color: #FFFFFF;
	

	
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	/* border-color: #406572;	 */
	
	


}

#menu_screen a:hover {
    color: #FFCC33;
	background-color: #406572;

}