body{
  font-family:"Comic Sans MS";
  color : #660066;
  background-color : #FFCCFF;  
  font-weight: normal;
  font-size: 12pt;
  margin:10px;
  padding:0px;
}

h1{ 
  text-decoration:underline;
  text-align:center;
  margin:0px auto 0px auto;
}
h1 {font-family:"Chinaone";font-size:36pt;}
h2 {font-family:"Chinaone";font-size:24pt;}
h3 {font-family:"Chinaone";font-size:18pt;}
h4 {font-family:"Chinaone";font-size:12pt;}
p {
  text-align:justify;
  margin:1em;
}
p.no-top-margin {
  margin-top:0px;
  margin-bottom:0px;
}
hr{ 
  border-width:2px 0px 0px 2px;
  border-color:gold;
  border-style:solid;
  background-color:#660066;
  margin:auto auto;
  height:2px;
  width:50%;
}
hr.large{width:75%}
hr.med{width:50%}
hr.small{width:25%}
img.hr{margin:auto auto;display:block;}
h1#page_title{
    text-decoration:underline;
    margin-bottom:0px;
}
ul {
    text-align:left;
}
dl {
  text-align:left;
  margin-left:3em;
}
dt {
  font-weight:bold;
}
span.bold {
  font-weight:bold;
}
.bold-16 {
    font-weight:bold;
    font-size:16pt;
}
.bold-12 {
    font-weight:bold;
    font-size:14pt;
}
.page-title {
    text-decoration:underline;
    margin-top:0px;
    margin-bottom:0px;
}

.std-border {
    border-width:8px;
    border-color:#FFD700 #007700 #007700 #FFD700;
    border-style:groove;
}
img.bordered {
    border-width:10px;
    border-color:#DAA520 #006600 #006600 #DAA520;
    border-style:groove;
}
.content {
  text-align:center;
  min-height:400px;
}
/*
    This Section is for testing;
*/
div {
    margin:.25em;
}
/*
=====================================================
    MAIN CONTAINER 
=====================================================
*/
#main {
    position:relative;
    border:0px #FF0000 solid;  
    left:134px;
    margin:2px;
    max-width:1024px;
    min-height:500px;
}
#main-menu{
    position:fixed;
    left:0px;
    top:0px;
    border:0px #006600 solid; /* darkgreen */
    margin:10px;  
    width:136px;
    min-height:800px;
}
#header, #main-content, #footer{
    padding-left:0em;
    padding-right:0em;
}
#main-content {
    text-align:center;
}
#header {
    position:static;
    margin:auto auto;
    padding:0px;
}
#footer {
    clear:left;
}
#footer p {
    text-align:center;
    font-size:12px;
    margin:0px;
}
#top-menu {
    margin-top:0em;
    margin-bottom:1em;
    margin-right:auto;
    margin-left:auto;
}
#page-title {
    margin-left:auto;
    margin-right:auto;
    clear:left;
    text-decoration:underline;
}

#bottom-menu{
    margin:auto auto;
}
/*
=====================================================
    PUSH BUTTON MENU STYLES
=====================================================
*/
#main-menu img {
    width:130px;
    margin:0px 3px 0px 3px;
    text-align:center;
    border:none;
}
.v-navbar, .h-navbar{
    font-family:"Chinaone";
    color:white;
    font-size:18pt;
    font-weight:normal;
    text-align:center;
    margin:auto auto;
    line-height:1.4em;
    font-decoration:none;
}
.h-navbar {
    font-size:16pt;
    margin-top:0px;
    width:450px;
    height:35px;
    line-height:1.5em;
}
.v-navbar a:visited, .v-navbar a:link, .h-navbar a:link, .h-navbar a:visited  {
    color:white;
    float:left;
    height:35px;
    width:130px;
    background: url('/images/b2_out.gif') transparent 50% 50% no-repeat;
    border-color:#336600;
    margin: 0px 0px;
    padding: 0px 0px; 
    display:block; 
    font-decoration:none;
}
.h-navbar a:link, .h-navbar a:visited {
    text-decoration:none;
    line-height:1.5em;
    float:left;
}
.v-navbar a:hover, .h-navbar a:hover {
    background-image: url('/images/b2_over.gif');
    font-decoration:none;
    color:#660066;
}
#b_care {
  font-size:16pt;
  line-height:1.5em;
}

#home {
}
#home #lg-icon {
  width:400px;
}
#about {
  width:100%;
  margin:auto auto;
}
#about img {
  border:10px purple groove;
  margin:0px;
  width:200px;
}
#about #image1 {

}
#about #summary {
  width:380px;
}
#about #image2 {
}
.show-dogs p{
  text-align:center;
}
.show-dogs img, #available img {
  border:10px #660066 groove;
  margin:6px;
}
.composite-img img{
  display:block;  
}
.composite-img {
  width:610px;
  margin:auto auto;
}
.show-dogs #gigi {
  margin:auto auto;
  width:800px;
}
.show-dogs #samba1, .show-dogs #gigi1, .show-dogs #gigi2 {
  width:300px;
  float:left;
}
.show-dogs #gigi1, .show-dogs #gigi2 {
  width:300px;
}
.show-dogs #gigi2 {
  width:400px;
  clear:right;
}
.show-dogs #samba2, .show-dogs #samba3 {
  width:236px;
}
#boys #bruce {
  width:400px;
}

#available p {
  text-align:center;
}
#care {
  margin-left:1em;
  margin-right:1em;
}
#care h2 {
  text-align:left;
}
#signature {
  margin-right:2em;
}
#signature p {
  text-align:right;
  margin-top:0px;
  margin-bottom:0px;
}
.planned-litter { 
  margin:auto auto;
}
.planned-litter h4 {
  font-family:'Comic Sans MS';
}
#puppies img{
  border:10px purple groove;
}
.dam {
}
.x {
  padding:1em;
}
.sire {
}
.litter  {
  margin:0px;
  margin-bottom:2em;
}
.litter h2 {
  margin-top:0px;
  margin-bottom:0.25em;
}
#available-puppies h3, #available-puppies h4  {
}
#puppies .dam, #puppies .sire {
}
#family {
  position:static;
  height:2300px;
}
img.family {
  position:relative;
  border:10px purple groove;
  margin:0px 0px 0px 0px;
  max-width:300px;
}
div.family {
  position:absolute;
}
p.family {
  margin-top:0px;
  margin-left:0px;
  margin-bottom:0px;
}
#family div {
}
.family#div1 {
  top:250px;
  left:20px;
}
.family#div2 {
  top:350px;
  left:600px;
}
.family#div3 {
  width:580px;
  height:520px;
  top:620px;
  left:20px;
}
.family#div4-1 {
  width:350px;
  top:1020px;
  left:540px;
}
.family#div4-2 {
  top:1170px;
  left:100px;
}
.family#div4-3 {
  top:1620px;
  left:300px;
  z-index:3;
}
.family#div5-1 {
  top:1460px;
  left:20px;

}
.family#div5-2 {
  top:1500px;
  left:640px;

}
.family#div6-1 {
  top:1900px;
  left:50px;
}
.family#div7-1 {
  top:2100px;
  left:390px;
}
.family#div7-2 {
  top:1800px;
  left:640px;
}

.family#image1-1 { 
  width:300px;
}
.family#image1-2 { 
  margin-left:10px;
  margin-right:10px;
  bottom:30px;
  width:250px;
}
.family#text1 {
  position:relative;
  bottom:25px;
  text-align:right;
}
.family#image2-1 { 
  width:250px;
}
.family#image2-2 { 
}
.family#text2 {
  text-align:center;
}
.family#image3-1 { 
  display:block;
  margin-right:10px;
  z-index:2;
  float:left;
}
.family#image3-2 { 
  top:70px;
  right:130px;
  z-index:1;
  display:block;s
}
.family#image3-3 {
  display:block;
  z-index:1;
  bottom:300px;
  left:140px;
}
.family#text3 {
  position:relative;
  right:110px;
  margin-top:1em;
  margin-bottom:1em;
  width:250px;
  bottom:475px;
}
.family#image4-1 { 
  left:30px;
}
.family#text4-1 {
}
.family#image4-2 { 
  width:250px;
}
.family#text4-2 {
  margin-top:10em;
  text-align:right;
  float:left;
}
.family#image4-3 { 
}
.family#text4-3 {
  text-align:right;
}
.family#image5-1 { 
}
.family#text5-1 {
}
.family#image5-2 { 
}
.family#text5-2 {
  text-align:right;
}
.family#image6-1 { 
}
.family#text6-1 {
  text-align:center;
}
.family#image6-2 { 
}
.family#text6-2 {
}
.family#image7-1 { 
}
.family#text7-1 {
  text-align:right;
}
.family#image7-2 { 
  text-align:right;
}
.family#text7-2 {
}
/*
  Gallery
*/
.content#gallery {
  margin:auto auto;
  width:600px;

}
.content#gallery img {
  border:4px purple groove;
}
.content#gallery-image img {
  border:20px purple groove;
  padding:0px;
  margin:0px;
  width:400px;
}
.content #back-top, .content #back-bottom {
  display:block;
  margin-bottom:1em;
  font-family:chinaone;
  font-size:16pt;
}