/* 23.04.2008 SY 
	screen.css contains all the layout info for structural level elements which act as the 
	frame work for all the pages.  more specific classes can be found on other sheets
	*/

/* Standard site bits */
*, html, body {
	margin:0px;
	padding:0px;
	text-align:left;
	border:none;
	/*border: solid #ff0000 1px;*/
}
html{
	font-size:1.2em;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#fdecf3;
	background-image: url(../images/stars_gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.clearFix {
	clear:both;
}
ul 
{
	list-style:none;
}
	#container,
	#outerContainer,
	#footer,
	#topNav,
	#flashBanner {
		width: 912px;
		margin:auto;
	}
	
	#outerContainer {
		background-image: url(../images/main_repeat.gif);
		background-repeat: repeat-y;	
	}
		#flashBanner,
		#flashBannerShort {
			float:left;
			margin-top:-40px;
			width:725px;
			padding-left:97px;
		}
		#flashBanner {
			height:296px;
		}
		#flashBannerShort {
			height:196px;
		}
		#footer {
			height:159px;
			background-image: url(../images/animal_footer.gif);
			background-repeat: no-repeat;
			background-position: center top;	
		}
		#footerLink
		{
		    float:right;
		    padding-right:260px;
		    padding-top:120px;		    
		}
		    #footerLink .footerTerms
		    {
		        color:#E9ADCB;
		        display:block;
		        height:20px;
		        width:130px;
		    }	
		    	
		#footerOrchard
		{
		    float:right;
		    margin-right:27px;
		    padding-top:108px;		    
		}
		    #footerOrchard .footerOrchardLink
		    {
		        height:30px;
		        width:90px;
		    }
		        #footerOrchard .footerOrchardLink strong
		        {
		            display:none;
		        }
		#footerGalactus
		{
		    float:right;
		    margin-right:27px;
		    padding-top:120px;
		}
		    #footerGalactus .footerGalactusLink
		    {
		        color:#E9ADCB;
		        display:block;
		        height:20px;
		        width:150px;
		    }

#innerContainer {
	margin:auto;
	clear:left;
	width:725px;
}	

#topNav ul {
	margin:0px;
	padding:0px;
}
	#topNav ul li {
		float:left;
		display:block;
		height:212px;
		background-repeat: no-repeat;
		background-position: left top;	
		margin:0px;
		padding:0px;
	}
	#topNav ul li a strong {
		display:none;
	}
	#topNav ul li a {
		display:block;
		background-repeat: no-repeat;
		background-position: left top;	
		height:212px;
	}
	#topNav ul #mnuHome a:hover,
	#topNav ul #mnuBooks a:hover,
	#topNav ul #mnuAbout a:hover,
	#topNav ul #mnuCompetitions a:hover,
	#topNav ul #mnuFun a:hover,
	#topNav ul #mnuJoin a:hover {
		background-image: none;
	}
	
		#topNav ul #mnuLogo{
			background-image: url(../images/logo_bg.gif);
			width:181px;
		}		
		
		#topNav ul #mnuHome {
			width:166px;
			background-image: url(../images/btn_home_over.gif);
		}
		#topNav ul #mnuHome a {
			width:166px;
			background-image: url(../images/btn_home.gif);
		}
		#topNav ul #mnuHome .on {
			background-image: url(../images/btn_home_on.gif) !important;
		}
		
		#topNav ul #mnuBooks {
			width:83px;
			background-image: url(../images/btn_books_over.gif);
		}
		#topNav ul #mnuBooks a {
			width:83px;
			background-image: url(../images/btn_books.gif);
		}	
		#topNav ul #mnuBooks .on {
			background-image: url(../images/btn_books_on.gif);
		}	

		#topNav ul #mnuAbout {
			width:115px;
			background-image: url(../images/btn_about_over.gif);
		}
		#topNav ul #mnuAbout a {
			width:115px;
			background-image: url(../images/btn_about.gif);
		}
		#topNav ul #mnuAbout .on {
			background-image: url(../images/btn_about_on.gif);
		}

		#topNav ul #mnuCompetitions {
			width:112px;
			background-image: url(../images/btn_competitions_over.gif);
		}
		#topNav ul #mnuCompetitions a {
			width:112px;
			background-image: url(../images/btn_competitions.gif);
		}
		#topNav ul #mnuCompetitions .on {
			background-image: url(../images/btn_competitions_on.gif);
		}

		#topNav ul #mnuFun {
			width:84px;
			background-image: url(../images/btn_fun_over.gif);
		}
		#topNav ul #mnuFun a {
			width:84px;
			background-image: url(../images/btn_fun.gif);
		}
		#topNav ul #mnuFun .on {
			background-image: url(../images/btn_fun_on.gif);
		}

		#topNav ul #mnuJoin {
			width:171px;
			background-image: url(../images/btn_join_over.gif);
		}
		#topNav ul #mnuJoin a {
			width:171px;
			background-image: url(../images/btn_join.gif);
		}
		#topNav ul #mnuJoin .on {
			background-image: url(../images/btn_join_on.gif);
		}