body {
	background-color: steelblue;
	text-align: center;
}
img {border: none;}

/* ********************************************************************
     MAIN LAYOUT - 1 container div for banner and single col containers
   ******************************************************************** */  

	/* 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-left: 4px;
	padding-top: 6px;
	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.navBar {
	display: inline;
	float: left;
	/*width: 784px;*/
	margin-top: 10px;
	padding-left: 130px;
	/*border: 1px solid black;*/
}

div.navBar div.linkcont {
    display: inline;
	float: left;
	margin-left: 40px;
	border: 2px solid lightsteelblue;
}

/*div.navBar div.link {
	display: inline;
	float: left;
}	*/

div.navBar a.navbarButton {
	display: block;
	width: 200px;
	border: 1px solid steelblue;
	text-decoration: none;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	background-color: aliceblue;
	color: #00536E;
}

div.navBar a.navbarButton:hover {
	background-color: navy;
	color: white; 
}

/* ***************************************************
    SINGLE COL - container for gallery
   *************************************************** */ 
div.gallcntr{
	width: 940px;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, sans-serif;
	border: 1px solid steelblue;
	background-color: aliceblue;
} 

  /* **************** */
  /* GALLERY LEFT COL */ 
  /* **************** */
div.gallmenucol{
	display: inline;
	float: left;
	width: 176px;
	padding-left: 11px;
	/*border: 1px solid red;*/
}

div.indexttl{
	width: 160px; 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 6px;
	border: 1px solid darkslategray;
	font-weight: bold;
	background-color: #98B2D6;
	color: #00536E;
}

div.menu{
    visibility: hidden;
	width: 172px;
	margin-bottom: 30px;
	border: 2px solid #98B2D6;
}
div.menu a.menuItem {  /* anchors - main menu items */  
	display: block;
    border: 1px solid steelblue;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
	cursor: default;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
	font-variant: small-caps;
    font-weight: bold;
    font-size: 0.9em;
    background-color: #E9F4FF;
    color: #00536E;
}

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

span.menuitemini{
	border-right: 1px solid black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}
span.menuitemvar{
	font-size: 0.9em;
	color: steelblue;
}

#gallbengal, #gallsomali, #galllaperm, #gallmainecoon, #gallbirman,
#gallgreatdane, #galllabradorretriever, #gallflatcoatedretriever, #gallbassethound {
	position: absolute;
	z-index: 500;
	width: auto;
}

#gallbengal a, #gallsomali a, #galllaperm a, #gallmainecoon a, #gallbirman a,
#gallgreatdane a, #galllabradorretriever a, #gallflatcoatedretriever a, #gallbassethound a {
	display: block;
	cursor: pointer;
	font-variant: normal;
    background-color: #E9F4FF; 
}

#gallbengal a.menuItem, #gallsomali a.menuItem, #galllaperm a.menuItem, #gallmainecoon a.menuItem, #gallbirman a.menuItem,
#gallgreatdane a.menuItem, #galllabradorretriever a.menuItem, 
#gallflatcoatedretriever a.menuItem, #gallbassethound a.menuItem {
   background-color: #E9F4FF; 
   font-size: 0.75em;
}
#gallbengal a.menuItem:hover, #gallsomali a.menuItem:hover, #galllaperm a.menuItem:hover, 
#gallmainecoon a.menuItem:hover, #gallbirman a.menuItem:hover,
#gallgreatdane a.menuItem:hover, #galllabradorretriever a.menuItem:hover, 
#gallflatcoatedretriever a.menuItem:hover, #gallbassethound a.menuItem:hover {
	background-color: #000080;
}
#gallbengal a.menuItemHighlight, #gallsomali a.menuItemHighlight, #galllaperm a.menuItemHighlight, 
#gallmainecoon a.menuItemHighlight, #gallbirman a.menuItemHighlight,
#gallgreatdane a.menuItemHighlight, #galllabradorretriever a.menuItemHighlight, 
#gallflatcoatedretriever a.menuItemHighlight, #gallbassethound a.menuItemHighlight {
	background-color: #000080; 
}

div.gallindxbtn{
	margin-top: 10px;
	width: 170px;
}

div.gallindxbtn a {
	display: block;
	width: 170px;
	text-align: center;
	text-decoration: none;
	border: 1px solid slategray;
	padding: 3px;
	background-color: white;
	color: dimgray;
} 
div.gallindxbtn a:hover {
	background-color: navy;
	color: white;
} 

  /* ******************** */
  /* GALLERY MAIN IMG COL */ 
  /* ******************** */
div.gallmaincol{
	display: inline;
	float: left;
	width: 522px;
	margin-left: 21px;
	margin-right: 21px;
	/*border: 1px solid red;*/
}

div.mainimgttl{
	width: 520px; 
	border-top: 1px solid darkslategray;
	border-left: 1px solid darkslategray;
	border-right: 1px solid darkslategray;
	font-weight: bold;
	font-size: 1.25em;
	background-color: #98B2D6;
	color: #00536E;
}

#mainimg{
	/*display: inline;
	float: left;*/
	width: 520px; 
	/*padding-left: 20px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: darkslateblue;
	border: 1px solid darkslategray;
	background-color: lightsteelblue;
}

div.ttlcmntcntr{
	width: 438px;
	margin-top: 10px;
	margin-left: 35px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid darkslategray;
	background-color: #D8E1EE;
}

  /* GALLERY RIGHT COL */ 
div.gallthumbscol{
	display: inline;
	float: left;
	width: 168px;
	/*border: 1px solid blue;*/
}

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