/*

fixed width central column: 720px
top banner: 720 x 150

*/



body, div, p, ul {
  margin:0;
  padding:0;
  border:0;
  }


/* * html {overflow:hidden;}*/

body {
  background:white;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  height:100%;
  font-size: 12pt;
  color: #444;
  }

a {
 text-decoration:none;
 color:#383;
 font-weight: 600;
}

hr {
  color: #888;
  }

blockquote {
 background-color: #EAF5EB;
 padding:7px 10px 1px;
 margin: 3px 21px;
 font-style: italic;
 }

#container, #photodiv {
  padding:0 0 0 50%;
  margin:0 0 0 -360px; /* half column width */
  }

#middle {
  position:relative;
  overflow:hidden;
  min-height:100%;

  }

#content {
  padding:0;

  margin-left:0;
  text-align:justify;
  float:left;
  max-width:720px;    /* column width */
  width:720px;
  background: #fff;
  bottom:0;
  }
#photodiv #content {
background: #000;

}

#top, #footer, #menutop {
  margin:0;
  position:fixed;
  width:720px;         /* column width */
  left:50%;
  margin-left:-360px;  /* half column width */
  }

#top {
 height:20px;
 margin-bottom: 8px;
 padding:0 2% 4px;
 /* border-bottom:1px solid #666;*/
 }

#top p{
 margin-top:4px;
 margin-bottom:0;
 text-align:center;
 padding:0;
}

#bottom {
 text-align:center;
 width: 720px;
}

#logo {
 text-align:left;
 clear:both;

}
#menutop {
  top: 150px;
  height: 40px;
  padding: 4px 2px 3px 2px;
  background-color:black;
  }

#footer {
  top:0;
  height:1000px;
  overflow:hidden;
  background-color:#000
  }


/*
 I use an unordered list for semantic correctness then remove list
specific styling.
 If the page was displayed without a stylesheet,
 the menu would be presented as a list of options.
*/

.menu li {
  list-style:none;
  display: inline;
  margin:0;
  padding:1px 3px;
}
.menu a {
  display: inline;
  height:20px;
  padding:13px 10px;
  color:#222222;
	font-weight: 300;
  }


#top h2 {display:none;}
p {
margin-bottom:10px;

}


h3 {
 background: white;
 color:#383;
 font-size:130%;
 font-weight:bold;
 text-align:center;
 margin:20px 0px 9px;
}

h6 {
 text-align:center;
 margin-bottom: 5px;
}

ol {
 font-size:90%;
 font-style:italic;
 color:black;
 margin-left: 30px;
 }

li {
 margin-bottom:5px;
 margin-left:40px;
}

dl {
 text-align:center;
}

dd,dt{
  display:inline-block;
  font-size:80%;
  /*border: 1px solid #bbb;*/
  padding:3px;
 }

dt {
  font-style: italic;
  width:50px;
  text-align:right;
  }

dd {
  margin:0 30px 0 0;
  width:120px;
  text-align:left;

 }
.search dl {
 width: 550px;
 text-align:left;
 margin:5px auto;
 }

.search dt {
 width:100px;
 }
.search dd {
 margin:0;
 padding:0;
 text-align:left;
 }
.search form{
 border:1px dashed #888;
 padding:20px;
}


.botpad {
  height:35px;
  }

.photos img {
  border: 10px solid black;
  }

#adv {
  position:fixed;
  bottom:0;
  right:0;
 }

 /*  stacking  */
#footer    { z-index:1; }
#adv       { z-index:200; }
#top       { z-index:50; }
#menutop   { z-index:40; }
#content   { z-index:31; }
#middle    { z-index:30; }
#container { z-index:25; }


/* IE6 special handling
* html body {
  padding:0;
  }

* html #container,
* html #photodiv {
  margin-left:-362px;
  z-index:2;
  position:absolute;
  top:0;
  height:100%;
  left:50%;
  margin-left:-365px;
  width:737px;
  padding-left:0;
  }

* html #middle {
  margin:0;
  height:100%;
  }

* html #content {
  position:absolute;
  top:0px;
  left:0;
  padding:0 15px 0 15px;
  width:690px;
  }

* html #menutop {
  position:absolute;
  background: transparent;
  margin:0;
  padding:0;
  height:auto;
  left:0px;
  width:150px;
  z-index:120;
  }


* html #top, * html #footer {
  position:absolute;
  margin-left:-368px;
  }
/* scroll control *
* html body,
* html #container
 {
  overflow-y:hidden;
  }
 * html #middle {
  overflow-y:scroll;
 }
*/
img{
border:none;
}

/* added 10 dec */
#submenu {
 text-align:center;
 color:#222;
 font-size:85%;
 margin:8px 0;
 width:720px;
}

#submenu a {
 padding: 3px 5px;
}

#submenu a.sel {
  color:#888;
}

#submenu a.search {
  color: green;
  font-weight:bold;
}

#submenu a.admin {
  color: red;
}

/*  tables for dog database */
table.grid, table.formbox {
 border-collapse: collapse;
 margin:5px auto 10px;
 font-size:80%;
 }

td, th{
  padding: 2px 5px;
  border: 1px solid #bbb;
}
/*
tr.row1 td{
 background:url(/images/trans1.png) repeat;
}
*/
.formbox th {
  text-align: right;
  font-size: 90%;
  border: 1px dotted #a0a0a0;
  padding: 3px 5px;
  width: 12%;
  /* background:url(/images/trans1.png) repeat; */
  }

.formbox td  {
  text-align:left;
  padding:2px 10px;
  font-size:100%;
  }
 .details, .thumbnails {
 text-align:center;
 vertical-align:middle;
  }

 .details img {
  max-width:732px;
  }

 .thumbnails img {
  padding: 12px;
  vertical-align:middle;
 }
#doggies td {
 text-align:center;
}

#bottommenu {
  border-top: 1px solid #666;
  padding-top: 8px;
  font-size:92%;
  border-bottom: 1px solid #666;
  padding-bottom: 10px;
  }

p.server {
  font-size: 8pt;
  padding-top:10px;
  text-align:center;
  }

	/* for google maps */
	html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 500px; width:720px;}



	@media print {
  /* style sheet for print goes here */
 .details img {
    max-width:5in;
    }
 .thumbnails img {
    max-width:1.25in;
    max-height:1.25in;
    }
    .menu, #links {
   display:none;
   }

}