* { margin: 0; padding: 0; }

/* Fonts */ 

.textRed { color: #cf1515; }

	#world ul.menu li a { color: black; }
		#world ul.menu li a:hover { color: #cf1515; }

body { font-family: Tahoma, sans-serif;
	font-size: 62.5%; }

	#world { color: black; }
		
		#world h1 { font-size: 3.5em; font-weight: normal;
			letter-spacing: 0.05em;
			line-height: 1.5; }	
	
		#world h2 { font-size: 2.5em; font-weight: normal;
			letter-spacing: 0.05em; }
		
			#world ul li { font-size: 1.8em; }
		
		#world div.contact p.phone { font-size: 3em;
			line-height: 0.8; }
		#world div.contact p.email { font-size: 1.8em; }
			
			#world div.contact p.email a { color: black; }
				#world div.contact p.email a:hover { color: #cf1515; }
				
		#world p.niceday { font-size: 1.7em; }

	#indoors { color: black; }
		
		#indoors a { color: black; }
			#indoors a:visited { color: #666; } 
			#indoors a:hover { color: #cf1515; }
						
		#indoors h1 { font-size: 1.8em; }

		#indoors #area { font-size: 1.2em; }

		.programs h2 { font-size: 1.2em;
			font-weight: bold; }
			
		.programs h3 { font-size: 1em;
			font-weight: bold; }

/* Page layout */

html { height: 100%; }

body.outside { background: black; }
body.inner { height: 100%;
	background: url("../img/inner_bottom.png") repeat; }
	
	/* The #world is the container for the first page */
	
	#world { position: relative;
		width: 535px; height: 520px;
		margin: 0 auto; padding: 51px 220px;
		background: url("../img/world.jpg") left top no-repeat; }

		#inworld { width: 535px; height: 520px;
			background: url("../img/inworld.jpg") no-repeat; }

		#world h1 { position: absolute;
			top: 270px; left: 373px;
			width: 230px;
			text-align: center; }
		
		#world h2 { padding-top: 86px; margin-bottom: 20px;
			text-align: center; }
		
		#world ul.menu { position: relative;
			width: 310px; height: 70px; 
			margin: 0 auto;
			list-style: none; }
			
			#world ul.menu li { position: absolute; }
				
				#world ul.menu li.partner { left: 0px; top: 28px; }
				#world ul.menu li.contact { left: 150px; top: 0; }
				#world ul.menu li.projects { left: 235px; top: 44px; }
		
		#world div.contact { position: absolute;
			bottom: 150px;
			width: 535px; }
			
			#world div.contact p.phone, #world div.contact p.email  { width: 100%;
				text-align: center; }
		
		#world p.niceday { position: absolute;
			bottom: 100px;
			width: 535px;
			text-align: center; } 
		
		/* Then we walk into the #indoors area */
		
		#indoorWrapper { padding: 86px 0 21px 82px;
			background: url("../img/inner.png") repeat-x; } 

		#indoors { overflow: hidden;
			width: 476px;
			background: white url("../img/indoors_bottom.png") left bottom no-repeat; }
			
			#indoors #heading {	width: 436px;
				padding: 20px 20px;
				background: url("../img/indoors.png") no-repeat; }
			
			#indoors #area { float: left;
				position: relative;
				min-height: 350px;
				padding: 10px 20px 30px 20px; }
			
				* html #indoors #area { height: 350px; } 
			
				#backward { position: absolute; clear: both;
					bottom: 10px; 
					width: 436px;
					text-align: right; }
					
					#backward a { margin-left: 10px; }
			
				#area dl dd, #area p { margin-bottom: 20px; }
					#area dl p { margin-bottom: 0; }
				
				#area ol, #area ul { list-style-position: inside; }
				
				.programs { margin: 20px 10px; }
					
					.programs .programLinks { list-style-type: decimal; }
						
						#area .programs .programLinks a:visited { color: black; }
					
					.programs h2 { margin: 25px 0; }
					.programs h3 { margin: 10px 0; }
					
					/* programs menu jQuery styles */
					.ui-state-active, .ui-widget-content .ui-state-active { font-weight: bold; }
					.ui-tabs .ui-tabs-hide { display: none !important; }
		
			#area .photosDesc { float: left; display: inline; 
				width: 176px; }
				
			#area .photosPreview { float: right; display: inline;
				width: 260px;
				padding-bottom: 20px; }	
				
				#area .photosPreview a img { border: none; }