/*

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

*/



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


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

body {
  background-color:#00AA00;
  background-image: url(/images/gr.png);
  background-attachment: scroll;
  background-repeat: repeat-x;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  height:100%;
  font-size: 12pt;
  color: #fff;
  }

a {
 text-decoration:none;
 color:#383;
 font-weight: 600;
}
a:hover
  {
  color:red;
  }
hr {
  color: #888;
  }

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

.public {font-size:9pt}

#container, #photodiv {
  padding:15px 10px 7px;
  margin: 15px auto;
  background-color: #ffffff;
  color: #444;
  border-radius:10px;
  box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.25);
  }

/* globally set column width ! */
#container, #photodiv, #top, #footer, #menutop, #bottom, #submenu {
  width: 800px;
  }

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

#content {
  padding:0px;
  margin:0 auto;
  text-align: justify;
  background: #ffffff;
  bottom:0;
  }

#photodiv #content {
  background: #000;
  }

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

.news, .normal, .details {
  background: #f1f8f1;
  border-radius:10px;
  box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.25);
  margin:10px;
  padding: 5px 15px;
  overflow:auto;
  }

#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;
}

#logo {
 text-align:center;
 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 {
 color:#383;
 font-size:130%;
 font-weight:bold;
 text-align:center;
 margin: 0 0 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:0px;
  }

.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;
}

#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 {
  padding: 8px 5px;
  border-radius: 7px;
  background-color: white;
}
/*
tr.row1 td{
 background:url(/images/trans1.png) repeat;
}
*/
.formbox th {
/*
  border: 1px dotted #a0a0a0;
*/
  text-align: right;
  font-size: 90%;
  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;
  padding: 2px 5px;
  }

#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;
  }

#donate {
  position: absolute;
  right:2px;
  top:55px;
  }
	/* for google maps */
	html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 500px; width:800px;}



@media print {
  /* style sheet for print goes here */

 .details img {
    max-width:5in;
    }

 .thumbnails img {
    max-width:1.25in;
    max-height:1.25in;
    }
 .menu, .noprint, #links {
   display:none;
   }

}