body {margin:0;
      background-color:#ffffff;
}

#container { 
						background-color:#99CCFF;
	 					color:#006600;   
						max-width:1024px;
						min-width:700px;
						margin-left: 0px;

}

table {
  width: auto;
  height: 1px;
  table-layout: auto;
  border-collapse: collapse;
  border: 1px solid black;
	padding:0px 0px 0px 0px; 
}

th {
  width: 450px;
  height: 1px;
  overflow: hidden;
	font-size: 22px;
  visibility: visible;
  border: 2px solid black;
  padding: 5px;
  background: #0000CC;
	color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  text-indent: 10px;
}

td {
  width: 150px;
	font-weight: bold;
	font-size: 16px;
  height: 1px;
  overflow: hidden;
  visibility: visible;
  border: 1px solid black;
  padding: 5px;
  background: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-indent: 5px;
}

#logo{ color: #000000; 
       font-size:2.5em;
       font-weight:bold;
       border-bottom: 5px solid #000000;
       height:120px;
			 background-repeat: no-repeat;
			 font-family: 'Bradley Hand ITC', cursive;
			 background-image:url(images/longssbanner.jpg); 
			 padding:0px 0px 0px 0px; 
}

#left { float:left;
				width:150px;
				text-align:left;
				margin:0px;
				padding: 0px;
				background-color:#99CCFF;
}

#right{float:right;
				width:200px;
				padding: 0px 0px 0px 0px;
}
#center {margin:0 200px 0 150px;
         padding: 5px 0px 0px 0px;
         background-color:#ffffff;
				 color:#000099;
				font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
				
}
#tablepage {margin:0 75px 0 75px;
	         padding: 10px 0px 0px 20px;
         background-color:#ffffff;
				 color:#000099;
				font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
				
}
#centerright {margin:0 0px 0 150px;
         padding: 0px 0px 0px 0px;
         background-color:#ffffff;
				 color:#000099;
				font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
				
}

#map {margin:0 200px 0 150px;
         padding: 0px 0px 0px 5px;
         background-color:#ffffff;
				 color:#000099;
}

#content {margin:0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         background-color:#ffffff;
				 color:#000099;
}

.altrow { background-color:#d5edb3;
}
.footer { font-size:.75em;
         text-align:center;
				 color:#000099;
         background-color:#ffffff;
         padding: 0px 10px 10px 10px;
}
.photocredit { font-size:.5em;
         text-align:center;
				 padding: 0px 0px 0px 0px;
}	
.navBar { margin-top: 20px;
				text-align: center;
        list-style-type: none;
			 padding:20px 0px 0px 0px; 
			 margin:0px 0px 0px 0px;
}
.nav  {text-decoration:none;
	 padding:0px 0px 0px 0px; 
				font-size: 1.5em;
				font-weight: bold;
				font-family: Corbel, Ariel, sans-serif;

				}
a.nav:link    { color: #006600; background-color: #99CCFF; }
a.nav:visited { color: #003300; background-color: #99CCFF; } 
a.nav:hover   { color: #FF0000; background-color: #99CCFF; }

.sideimages {margin: 30px;}
.sideimagesleft {margin: 10px;
			 padding:5px 0px 0px 0px; 
}
.sideimagesright {margin: 20px;}

.newsitem {
				font-size: 1.1em;
			  font-family: Corbel, Ariel, sans-serif;
	      margin: 10px 15px 15px 15px;
				text-align: center;
				text-decoration: none;
}
a.newsitem:link    { color: #ffffff; }
a.newsitem:hover   { color: #FF0000; }

p { margin:20px;
		font-family: "Book Antiqua",Palatino,FreeSerif,serif;
		font-size:1.1em;
}

h1 {color:#000000;
   font-family: 'Hobby Headline', sans-serif;
		padding:20px 0px 0px 20px; 
		text-align: center;
}
h2 {color:#000099;
	padding:0px 0px 0px 0px; 
		text-align: center;
}
h3 {color:#cc66cc;
    background-color:#ffffff;
				text-align: center;
}
h4 {padding-bottom: 10px;
		padding-top: 10px;
    margin: 0px;
    color: #ffffff;
    background-color: #000099;
		text-align: center;
		font-size:20px;
}
h5 {	text-align: center;
}

#floatright {margin: 10px;
             float: right;
						 width:320px;
}
#floatleft {margin: 10px;
             float: left;
						 width:200px;
}	
#bedroom1{ position: absolute;
      z-index: 1;
      left: 175px;
      top: 325px;
}		
#fencedyard{ position: absolute;
      z-index: 2;
      left: 385px;
      top: 325px;
}			 	 
#bedroom2{ position: absolute;
      z-index: 3;
      left: 595px;
      top: 325px;
}	
#activity1{ position: absolute;
      z-index: 1;
      left: 175px;
      top: 125px;
}		
#activity2{ position: absolute;
      z-index: 2;
      left: 385px;
      top: 125px;
}			 	 
#activity3{ position: absolute;
      z-index: 3;
      left: 595px;
      top: 130px;
}		
#activity4{ position: absolute;
      z-index: 4;
      left: 175px;
      top: 410px;
}		
#activity5{ position: absolute;
      z-index: 5;
      left: 385px;
      top: 410px;
}			 	 
#activity6{ position: absolute;
      z-index: 6;
      left: 595px;
      top: 410px;
}			
