body {
	background-color: steelblue;
	text-align: center;
}
img {border: none;}
h2 {
	margin-top: -5px;
    color: #00536E
}
ol {width: 400px;}
ul {width: 400px;}
iframe{ 
	margin-left: 4px;
}
/* ***************************************************
     MAIN LAYOUT - 1 col and banner inside container
   *************************************************** */  
	/* CONTAINER div */  
#container {
	width: 950px;
	margin-right:auto;
	margin-left:auto;
	padding: 5px;
	text-align: center;
	border: 5px groove lightsteelblue;
	background-color: white;
}

	/* BANNER div */
	
#banner {
	width: 948px;
	border-bottom: 1px solid black;
	padding-bottom: 2px;
}

	/* SINGLE COL div */
#singlecol {
	width: 948px;
	padding-top: 10px;
	/*padding-left: 5px;*/
	text-align: center;
}
/* --------------------------------------------------- */


/* ***************************************************
    BANNER - logo img on left - titles and nav menubar
   *************************************************** */ 
 
  /* LOGO */
div.logo{
	display: inline;
	float: left;
	margin-left: 26px;
	/*border: 1px solid green;*/
}
   /* --------------- */
   
  /* TITLES */
div.title{
	display: inline;
	float: left;
	width: 780px;
	/*border: 1px solid red;*/
}

div.subtitle{
	display: inline;
	float: left;
	width: 780px;
	/*border: 1px solid green;*/
	font-family: Verdana, sans serif;
	font-weight: bold;
}

div.subtitle2{
	display: inline;
	float: left;
	width: 780px;
	margin-top: 6px;
	/*border: 1px solid green;*/
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
   /* --------------- */

div.menuBar {
	display: inline;
	float: left;
	width: 646px;
	margin-top: 10px;
	padding-left: 66px;
	/*border: 1px solid black;*/
}

div.menuBar div.linkscont {
	width: 644px;
	border: 2px solid lightsteelblue;
}

div.menuBar div.linkcont {
	display: inline;
	float: left;
}	
  
div.menuBar a.menuButton {
	display: block;
	width: 90px;
	border: 1px solid steelblue;
	cursor: default;
	text-decoration: none;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	background-color: aliceblue;
	color: #00536E;
}

div.menuBar a.menuButton:hover {
	background-color: navy;
	color: white; 
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
    background-color: navy;
    color: white;
}

/* DROP DOWN MENUS */

div.menu {
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 101;
   border: 2px solid lightsteelblue;
}

div.menu a.menuItem {
    display: block;
    /*cursor: default;*/
    border: 1px solid steelblue;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 0.9em;
    background-color: aliceblue;
    color: #00536E;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
    background-color: #000080;
    color: #ffffff;
}

div.menu div.menuItemSep {
    border-top: 1px solid #909090;
    border-bottom: 1px solid #f0f0f0;
    margin: 4px 2px;
}


#gdane a.menuItem, #lab a.menuItem, #fcretrvr a.menuItem, #basset a.menuItem,
#bengal a.menuItem, #somali a.menuItem, #laperm a.menuItem, #mcoon a.menuItem, #birman a.menuItem {
	background-color: #E9F4FF;
}
#gdane a.menuItem:hover, #lab a.menuItem:hover, #fcretrvr a.menuItem:hover, #basset a.menuItem:hover,
#bengal a.menuItem:hover, #somali a.menuItem:hover, #laperm a.menuItem:hover, #mcoon a.menuItem:hover, #birman a.menuItem:hover {
	background-color: #000080;
}
#gdane a.menuItemHighlight, #lab a.menuItemHighlight, #fcretrvr a.menuItemHighlight, #basset a.menuItemHighlight,
#bengal a.menuItemHighlight, #somali a.menuItemHighlight, #laperm a.menuItemHighlight, #mcoon a.menuItemHighlight, #birman a.menuItemHighlight {
	background-color: #000080;
}

/* --------------------------------------------------- */


/* ***************************************************
    SINGLE COL - main content
   *************************************************** */ 
div.proghdr{
	/*padding-left: 60px;*/
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	color: #00536E;
}
table.breedprog{
	width: 800px;
	margin-top: 10px;
	margin-left: 74px;
	border: 1px solid black;
	border-collapse: collapse;
	background-color: lightyellow;
}

table.breedprog td {
	padding-top: 10px;
	padding-left: 3px;
	padding-bottom: 10px;
	border: 1px solid black;
	text-align: left;
} 
table.breedprog td.hdrs{
	border: 1px solid black;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	background-color: #FEFFCB;
} 
  /* --------------- */ 

 
  /* INDEX PAGES */
div.indexcntr{
	width: 946px;
	font-family: Arial, sans-serif;
	/*border: 1px solid blue;*/
}

div.leftofindex{
	display: inline;
	float: left;
	width: 209px;
}

div.index{
	display: inline;
	float: left;
	width: 540px; 
	/*padding-left: 20px;*/
	text-align: left;
	color: darkslateblue;
	/*border: 1px solid green;*/
}
div.index h2{
	text-align: center;
}
div.index p{
	margin-bottom: 40px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	color: black;
}

/* INDEX HEADERS */
div.indexhdr{
	margin-top: 20px;
	margin-left: -20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: bold;
}

div.indexsire, div.indexdam, div.indexother {
	margin-top: 10px;
	border: 1px solid black;
}
div.indexsire a, div.indexdam a, div.indexother a{
	display: block;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	color: white;
}
div.indexsire a{
	background-color: steelblue;
}

div.indexsire a span{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
div.indexsire a:hover{
	background-color: navy;
	color: white;
}

div.indexdam a{
	background-color: indianred;
}
div.indexdam a span{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
div.indexdam a:hover{
	background-color: maroon;
	color: white;
}

div.indexother a{
	background-color: skyblue;
}
div.indexother a span{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
div.indexother a:hover{
	background-color: deepskyblue;
	color: white;
}

div.progenysire, div.progenydam {
	display: inline;
	float: right;
	width: 452px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	/*padding-left: 6px;*/
	border: 1px solid dimgray;
	text-align: left;
	background-color: lightyellow;
}
div.progenysire a, div.progenydam a {
	display: block;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	color: white;
}
div.progenysire a{
	background-color: steelblue;
}

div.progenysire a span{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
div.progenysire a:hover{
	background-color: navy;
	color: white;
}

div.progenydam a{
	background-color: indianred;
}
div.progenydam a span{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
div.progenydam a:hover{
	background-color: maroon;
	color: white;
}


/* INDEX PIC AND TEXT */

div.mindexpictxt, div.findexpictxt {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
div.mindexpictxt{
	background-color: #FEFFCB;
}
div.findexpictxt{
	background-color: #FEFFCB;
}

div.indexpiccntr{
	display: inline;
	float: left;
	width: 214px;
	height: 143px;
	border-right: 1px solid black;
}
div.indexpiccntr img{
	display: inline;
	float: left;
	border-right: 2px solid silver;
	border-bottom: 2px solid silver;
	border-top: 2px solid dimgray;
	border-left: 2px solid dimgray;
}
div.indexpictxtcntr{
	display: inline;
	float: left;
	width: 320px;
	/*border: 1px solid red;*/
}

div.indextxt{
	margin-top: 3px;
	padding-top: 4px;
	padding-left: 6px;
	/*border: 1px solid blue;*/
	font-family: "Times New Roman", Times, serif;
	color: darkslategray;
}

/* INDEX TEXT LINK */
div.mindextxtlink, div.findextxtlink{
	display: inline;
	float: left;
	margin-top: 24px;
	padding-right: 10px;
	font-family: "Times New Roman", Times, serif;
	/*border: 1px solid orange;*/
}
div.mindextxtlink a, div.findextxtlink a{
	float: right;
	padding: 3px;
	text-decoration: none;
	border: 1px solid slategray;
	color: dimgray;
}

div.mindextxtlink a:hover{
	background-color: navy;
	color: gainsboro;
}

div.findextxtlink a:hover{
	background-color: maroon;
	color: gainsboro;
}
div.rightofindex{
	display: inline;
	float: right;
} 
  /* --------------- */  
  
  /* ANIMAL OWN PAGES */
 
div.mainpictxtm, div.mainpictxtf, div.mainpictxtl{
	width: 929px;
	margin-left: 8px;
	border: 1px solid black;
}
div.mainpictxtm{
	background-color:  #E9EAFF;
}
div.mainpictxtf{
	background-color: #FFF2F1;
}
div.mainpictxtl{
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: #FEFFCB;
}

div.mainpiccntr{
	display: inline;
	float: left;
	width: 453px;
	height: 303px;
	border-right: 1px solid black;
}
div.mainpiccntr img{
	display: inline;
	float: left;
	border-right: 3px solid silver;
	border-bottom: 3px solid silver;
	border-left: 3px solid dimgray;
	border-top: 3px solid dimgray;
} 

div.animalpedname{
    display: inline;
	float: left;
	width: 473px;
	margin-top: 6px;
	/*border: 1px solid blue;*/
	font-size: 1.05em;
	font-weight: bold;
}

div.litterpedname{
    display: inline;
	float: left;
	width: 443px;
	margin-top: 30px;
	/*border: 1px solid blue;*/
	padding-left: 30px;
	text-align: left;
	font-size: 1.05em;
	font-weight: bold;
}

div.animaldetailscntr{
	display: inline;
	float: left;
	width: 398px;
	margin-top: 20px;
	margin-bottom: 20px;
	/*border: 1px solid green;*/
	text-align: center;
	padding-left: 74px;
}

table.animaldetails{
	width: 326px;
	border: 1px solid dimgray;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
	background-color: lightgoldenrodyellow;
} 

div.litterdetailscntr{
	display: inline;
	float: left;
	width: 378px;
	margin-top: 40px;
	margin-bottom: 6px;
	/*border: 1px solid green;*/
	text-align: center;
	padding-left: 94px;
}
table.litterdetails{
	width: 280px;
	border: 1px solid dimgray;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}
table.litterdetails td{
	padding-top: 6px;
	padding-bottom: 6px;
}  
 
div.siredam{
	display: inline;
	float: right;
	width: 446px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-left: 6px;
	border: 1px solid dimgray;
	text-align: left;
	background-color:  lightyellow;
} 

div.webinfo{
	border: 1px solid dimgray;
	padding-left: 40px;
	padding-right: 40px;
}

  /* --------------- */ 
   
   /* MAIN ANIMAL GALLERY LIMK*/
div.gallbtncntnr{
	margin-top: 10px;
	padding-right: 20px;
	text-align: right;
}
div.gallbtn{
	display: inline;
	float: right;
	width: 170px;
}

div.gallbtn a{
	display: block;
	width: 170px;
	text-align: right;
	text-decoration: none;
	border: 1px solid slategray;
	padding: 3px;
	color: dimgray;
} 
div.gallbtn a:hover{
	background-color: navy;
	color: white;
} 
  /* --------------- */  
  
   
  /* RETURN TO PREV PAGE LINK*/
div.backbtncntnr{
	margin-top: 10px;
	padding-right: 11px;
}
#backbtn{
	display: inline;
	float: right;
	width: 170px;
	text-align: right;
	border: 1px solid slategray;
	padding: 3px;
	color: dimgray;
} 
  /* --------------- */
    
/* OWL NAV LINKS */ 
div.owl_cntnr{
	text-align: left;
}
div.owl{
	width: 360px;
	margin-top: 20px;
	border: 1px solid dimgray;
	padding-bottom: 10px;
} 
div.owl_ttl {
	font-family: Verdana, Helvetica, Arial, serif;
}
div.owl  a {
	text-decoration: none;
	color: dimgray;
}
div.owl  a:hover {
	color: red;
}
 /* --------------- */
  
  /* BOTTOM NAV LINKS */
div.bottomlinks {margin-top: 70px;}
div.bottomlinks a {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	color: #00536E;
}
div.bottomlinks a:hover {
	color: white;
	background-color: #00536E;
}