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

#gdaneprogeny a.menuItem, #labprogeny a.menuItem, #fcretrvrprogeny a.menuItem, #bassetprogeny a.menuItem,
#bengalprogeny a.menuItem, #somaliprogeny a.menuItem, #lapermprogeny a.menuItem, #mcoonprogeny a.menuItem, #birmanprogeny a.menuItem {
	background-color: #E9F4FF;
}
#gdaneprogeny a.menuItem:hover, #labprogeny a.menuItem:hover, #fcretrvrprogeny a.menuItem:hover, #bassetprogeny a.menuItem:hover,
#bengalprogeny a.menuItem:hover, #somaliprogeny a.menuItem:hover, #lapermprogeny a.menuItem:hover, #mcoonprogeny a.menuItem:hover, #birmanprogeny a.menuItem:hover {
	background-color: #000080;
}
#gdane a.menuItemHighlight, #lab a.menuItemHighlight, #fcretrvr a.menuItemHighlight, #basset a.menuItemHighlight,
#bengalprogeny a.menuItemHighlight, #somaliprogeny a.menuItemHighlight, #lapermprogeny a.menuItemHighlight, #mcoonprogeny a.menuItemHighlight, #birmanprogeny a.menuItemHighlight {
	background-color: #000080;
}
/* --------------------------------------------------- */


/* ***************************************************
    SINGLE COL - main content
   *************************************************** */ 

  /* FRONTPAGE */
 
  /* menus and centrepiece */
div.fpsidetxt{
	display: inline;
	float: left;
	width: 324px;
	height: 232px;
}
div.fptxthdr{
	font-weight: bold;
	text-align: center;
	color: #00536E;
}

div.fpbreeds{
	padding-left: 4px;
	font-size: 0.75em;
	text-align: center;
	font-weight: bold;
	background-color: lightskyblue;
	color: white;
	
}

div.fpmenudogs, div.fpmenu{
	display: inline;
	float: left;
	width: 116px;
	margin-top: 20px;
	margin-left: 100px;
	border: 1px solid lightsteelblue;
	text-align: left;
	background-color: aliceblue;
}
div.fpmenudogs a{
	display: block;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	text-decoration: none;
	font-weight: bold;
	color: #00536E;
}
div.fpmenudogs a:hover{
	background-color: navy;
	color: white;
}

div.fpmenu a{
	display: block;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	text-decoration: none;
	font-weight: bold;
	color: #00536E;
}
div.fpmenu a:hover{
	background-color: navy;
	color: white;
}

div.fpimg{
	display: inline;
	float: left;
}

  /* below centrepiece */
div.fpstable{
	width: 938px;
	padding-top: 6px;
	font-weight: bold;
	text-align: center;
	color: #00536E;
}

  /* imgs and text */
div.imgtxtcntr{
	width: 938px;
}

div.fpdogsimg{
	display: inline;
	float: left;
	margin-top: 60px;
}

div.fptxt{
	display: inline;
	float: left;
	width: 520px; 
	margin-top: 15px; 
	margin-left: 84px;
	text-align: left;
	color: #00536E;
}

div.fpcatsimg{
	display: inline;
	float: right;
	margin-top: 140px;
}
  /* --------------- */
 
  /* 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;
}

/* 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;
}

/* 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: #E9EAFF;
}
div.findexpictxt{
	background-color: #FFF2F1;
}

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{
	width: 240px;
	margin-top: 24px;
	padding-left: 60px;
	font-family: "Times New Roman", Times, serif;
	text-align: right;
	/*border: 1px solid orange;*/
}

div.mindextxtlink a, div.findextxtlink a{
	/*float: right;*/
	display: block;
	width: 180px;
	padding: 3px;
	text-decoration: none;
	border: 1px solid slategray;
	color: dimgray;
}
div.mindextxtlink a{
	background-color: #F1F2FF;
}
div.findextxtlink a{
	background-color: #FFFBFB;
}
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{
	width: 929px;
	margin-left: 8px;
	border: 1px solid black;
}
div.mainpictxtm{
	background-color:  #E9EAFF;
}
div.mainpictxtf{
	background-color: #FFF2F1;
}

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.animaldetailscntr{
	display: inline;
	float: left;
	width: 398px;
	margin-top: 6px;
	margin-bottom: 6px;
	/*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;
}  
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;
} 


  /* --------------- */ 
   
   
  /* PEDIGREE CHARTS */

div.winbarcntr{
	width: 940px;
	margin-left: 4px;
	margin-top: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: maroon;
}
div.winlc{
    display: inline;
	float: left;
	width: 5px;
	padding-top: 4px;
	height:22px;
	background: url("images/win_bar_lc_26.jpg");
	background-repeat: no-repeat;
}
div.winbar{
	display: inline;
	float: left;
	padding-left: 4px;
	padding-top: 4px;
	width: 927px;
	height:22px;
	background: url("images/win_bar_tile_h26.jpg");
	text-align: left;
}
div.winbar span{
	font-family: "Times New Roman", Times, serif;
	color: black;
}
div.winrc{
    display: inline;
	float: right;
	width: 4px;
	padding-top: 4px;
	height:22px;
	background: url("images/win_bar_rc_26.jpg");
	background-repeat: no-repeat;
}

div.chartframecntr{
	text-align: left;
}

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

  /* 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;
} 
  /* --------------- */  
  
   /* INDEX LINKS */ 
  
div.indexlinks{
	margin-top: 20px;
	font-size: 1.5em;
	font-weight: bold;
	font-variant: small-caps;
	color: #00536E;
}  
div.indexlinks a{
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	font-size: 0.75em;
	color: #00536E;
} 
div.indexlinks a:hover{
	color: white;
	background-color: #00536E;
} 
  /* --------------- */
  
  
  /* FULL INDEX LINKS */ 
  
div.fullindexhdr{
	margin-top: 10px;
}
div.fullindexhdr a{
	text-decoration: none;
	font-weight: bold;
	color: #00536E;
}
div.fullindexhdr a:hover{
	background-color: navy;
	color: white;
}

div.fullindexsubhdr{
	padding-left: 40px;
}
div.fullindexsubhdr a{
	text-decoration: none;
	color: #00536E;
}
div.fullindexsubhdr a:hover{
	background-color: navy;
	color: white;
}

div.fullindexitem{
	padding-left: 60px;
	color: #00536E;
}
div.fullindexitem a{
	text-decoration: none;
	color: steelblue;
}
div.fullindexitem a:hover{
	background-color: navy;
	color: white;
}
  /* --------------- */
 
  /* INFO PAGES*/ 
div.infopagecontent{
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Times New Roman", Times, sans-serif;
	color: #00536E;
	text-align: left;
}  

table.contactform {
	width: 450px;
}

table.contactform td {
	font-family: "Times New Roman", serif;
	vertical-align: top;
}

table.contactform td span {
	font-size: 13px;
	color: royalblue;
}
  /* --------------- */
  
/* 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: 30px;}
div.bottomlinks a {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	color: #00536E;
}
div.bottomlinks a:hover {
	color: white;
	background-color: #00536E;
}