body    { 
	color: #612a20; 
	font: 12px/14px Arial, sans-serif;
	background: #00FF00 url(images/body-bg.gif) fixed; 
	margin: 0; 
	padding: 0;
	 }

h2 {
	color: #006600; 
	font: 12px/12px Arial, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 4px 0 2px;
	margin: 0px 70px 5px 240px;
	background:#3EF84B;
	border-right: solid 1px #CD853F;
	border-top: solid 1px #CD853F;
	}
	
a:link, a:visited {
	color: #8B4513; 
	font-weight: bold;
	text-decoration: none;
	 }

a:hover, a:active {
	color: #BD5F4E; 
	text-decoration: underline;
	}		
	
#cap {
	font: 31px verdana, sans-serif;
	color:#794c46; 
	font-weight: bold; 
	float:left; 
	height:23px; 
	line-height:23px; 
	overflow:hidden;
	margin-top:3px; 
	margin-right:3px;
	 }
	 	
.cost  {
	color: #612a20; 
	font: 10px Arial, sans-serif;
	 }
	 
.copy  {
	color: #612a20; 
	font: 10px Arial, sans-serif;
	text-align: center;
	margin: 0 0 0 152px;  
	 }

.photoCap  {
	color: #612a20; 
	font: 9px verdana, sans-serif;
	 }

/* floats --------------------------------------- */	
.floatphoto
	{
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #FAAA5F;
	padding: 2px;
	}	
		
.floatright
	{
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #FAAA5F;
	padding: 2px;
	}

.floatleft
	{
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid #FAAA5F;
	padding: 2px;
	}
	
/* ------------------------------------------------------------------------------------- */
/* content-area */

#container  {              
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 690px;                                      	
	z-index: 1;
	background: url(images/bg2.gif) repeat-y top center;    		
	}

#intro  { 
	background: transparent url(images/header-birth.jpg) no-repeat; 
	margin: 0; 
	padding: 0; 
	width: 690px; 
	}

#supportingText { 
	background: url(imges/bg2.gif) repeat-y; 
	margin: 0; 
	padding: 0; 
	width: 690px;
	 }



/* ------------------------------------------------------------------------------------- */
/* hide headlines for image replacement */	

#pageHeader {
             display: none;             
             }


/* ------------------------------------------------------------------------------------- */
/* Animation Bulb */
	
#animationBulb {                          
	padding: 0;
	margin: 0;             
	}

#animationBulb span {             
	display: none;             
	}

#animationBulb h3 {
	position: absolute;
	color: #A5E5F7;
	top: 165px;
	left: 1px;	
	margin: 0;
	padding: 0;
	background: transparent url(images/birthday-bulb.gif) no-repeat;
	width: 345px;
	height: 19px;                       
	}	

/* ------------------------------------------------------------------------------------- */
/* content */

#birthday, #wizzard, #king, #footer {	
	width: 690px;
	margin: 0;
	padding-top: 15px;                          
	}
		
#birthday {
	padding-top: 260px;
	}

#dragon {
	width: 690px;
	margin: 0;
	padding: 0;                          
	}
			
#footer   {
	width: 690px;
	margin: 0;
	font: 10px verdana, sans-serif;
	color: #612a20;
	background: url(images/footer.gif) no-repeat left bottom; 
	padding-bottom: 20px;
	 }

#footer h3  {
	display: none;
	}

#footer p {
	margin-left: 185px;
	}
		
#birthday h3 {
	display: none;
	}

#birthday em  {
	color: #006600; 
	font: 12px/12px Arial, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 4px 0 2px;
	margin: 6px 0 2px 0;
	background:#3EF84B;
	border-right: solid 1px #CD853F;
	border-top: solid 1px #CD853F;
	}	
	
#king h3 { 
	background: url(images/king-h3.gif) no-repeat; 
	margin: 0; 
	padding: 60px 0 0 235px; 
	height: 62px;
	 }	

#wizzard h3   { 
	background: url(images/wizzard-h3.gif) no-repeat; 
	margin: 0; 
	padding: 60px 0 0 235px; 
	height: 62px;
	 }

#dragon h3  {
	 background: url(images/dragon-h3.gif) no-repeat; 
	 margin: 0; 
	 padding: 60px 0 0 235px; 
	 height: 62px;
	  }
	 	 
#birthday span, #wizzard span, #dragon span, #king span {
	display: none;
	}	

#birthday p, #dragon p, #wizzard p, #king p {	
	margin: 0;
	padding: 0 60px 15px 235px;
	}

#dragon p.p1, #wizzard p.p1, #king p.p1 {	
	margin-top: -46px;             
	}

/* ------------------------------------------------------------------------------------- */
/* Naviagtion bar */

#linkList {
	position: absolute;
	top: 250px;
	left: 13px;
	width: 140px;             
	margin:  0 0 10px 0px;
	padding: 0;
	}

#linkList a:link, #linkList a:visited {
	color: #FFF2E0;
	background: url(images/dot-pk.gif) no-repeat 0px 4px;
	padding: 4px 0px 8px 20px; 
	}

#linkList a:hover, #linkList a:active {
	color: #F5F5F5;
	background: url(images/dot-blu.gif) no-repeat 0px 4px;
	padding: 4px 0px 8px 20px;
	}

#ljoin, #lattractions, #lstart {             	
	margin: 0 0 25px 0;
	padding: 0;                          
	}
	
#lstart h3 {             
	background: transparent url(images/start-h3.gif) no-repeat top left;
	width: 143px;
	height: 32px;
	margin: 0 0 10px 0px;
	padding: 0;
	}

#lattractions h3 {             
	background: transparent url(images/attractions-h3.gif) no-repeat top left;
	width: 143px;
	height: 32px;
	margin: 0 0 10px 0px;
	padding: 0;
	} 

#ljoin h3 {             
	background: transparent url(images/join-h3.gif) no-repeat top left;
	width: 143px;
	height: 32px;
	margin: 0 0 10px 0px;
	padding: 0;
	}  	                            

#lstart h3 span, #lattractions h3 span, #ljoin h3 span {
	display: none;
	}	                            

#lstart h3 span, #lattractions h3 span, #ljoin h3 span {
	display: none;
	}	
		
#lattractions ul, #ljoin ul, #lstart ul {	
	margin: 0;
	padding: 0;             
	}

#lstart li  { 
	color: #612a20; 
	font: 12px/14px Arial, sans-serif;
	list-style-type: none; 
	list-style-position: outside;
	margin: 0;
	padding: 0px 0 2px 3px; 
	}

#lstart li a:link, #lstart li a:visited {
	display: block;
	}

#linkList li a.c:link, #linkList li a.c:visited {
	display: inline;
	}

#lattractions li, #ljoin li {             
	color: #612a20; 
	font: 12px/14px Arial, sans-serif;
	list-style-type: none; 
	list-style-position: outside;
	margin: 0;
	padding: 6px 0 2px 3px; 
	}	
		
/* validator --------------------------------------- */ 
#validator {
	position: absolute;
	top: 1804px;
	margin-left: 27px;
	font: 10px verdana, sans-serif;
	color: #F5F5F5;
	}

#validator a {
	color: #fff;
	text-decoration: underline;
	}
#validator  a:hover {
	color: #fff;
	text-decoration: none;
	} 

 /* happily --------------------------------------- */ 
#happy  {
	position: absolute;
	top: 1844px;
	margin-left: 27px;
	color: #612a20; 
	font: 10px Arial, sans-serif;
	 }
#happy a {
	color: #fff;
	text-decoration: underline;
	}
#happy  a:hover {
	color: #fff;
	text-decoration: none;
	}