* {
	margin: 0;
    padding: 0;
}

/* Home */

.container_home {
  position: relative;
  height:267px;
  width: 1240px;
  background-color: #F2F2F2;
}

img.coverCat{
	float:left;
	width: 750px;
	height:267px;	
}


.parent_home {
	text-align: center;
	padding-bottom:20px;
}

.child_home {
	display: inline-block;
    padding-top: 25px;
	padding-bottom: 20px;
	vertical-align: middle;
	width:520px;
}

p.childLabel_home {
	padding: .5em 0;
	text-align:center;
	font-weight: bold;
	font-style:italic;
}

p.childText_home {	
	text-align:left;
}

img.headerLogoImage {
	width: 350px;
	height:65px;	
}

img.footerLogoImage {
	width: 232px;
	height:40px;	
}



/* Button for Home and Adoption */

.btn {
  border: 1px solid #057D4F;
  color: #057D4F;
  padding: 10px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: white;
  box-shadow: 0px 0px 6px 0px #A4A3A3;
}

.btn:hover {
  background-color: #057D4F;
  color: white;
}



/* Adopted Friends */

.adoptedCats {
	text-align: center;
	margin-top:30px;
	margin-left:70px;
	padding-bottom:65px;
	width: 1100px;
}

.adoptedCatLeft {
	float:left;
}

.adoptedCatCenter {
	display: inline-block;
	margin: 0 auto;
}

.adoptedCatRight {
	float:right;
}



/* Adopttion */

.adoptableCatsLeft {
	text-align: center;
	width:600px;
	margin-top:20px;
	margin-left:60px;
	padding-bottom:10px;
}

.adoptableCatsRight {
	text-align: center;
	width:520px;
	margin-top:20px;
	margin-left:40px;
	height:800px;	
}

.catLeft {
	float:left;
}

.catRight {
	display: inline-block;
	margin: 0 auto;
}

p.catName {
	padding: .5em 0;
	text-align:center;
	font-weight: bold;
}

p.catNameRight {
	padding: .5em 0;
	text-align:left;
	font-weight: bold;
}

p.catText {	
	text-align:left;
}



/* Happy Tails */

.happyTailsLeft {
	text-align: center;
	width:520px;
	margin-top:15px;
	margin-left:60px;
	padding-bottom:25px;
}

.happyTailsRight {
	text-align: center;
	width:520px;
	margin-top:15px;
	margin-left:80px;
	padding-bottom:25px;	
}

.htLeft {
	float:left;
}

.htRight {
	display: inline-block;
	margin: 0 auto;
}

p.happyTailsName {
	padding: .5em 0;
	text-align:center;
	font-weight: bold;
}

p.happyTailsNameRight {
	padding: .5em 0;
	text-align:left;
	font-weight: bold;
}

p.happyTailsText {	
	text-align:left;
}

p.happyTailsQuote {
	font-size: 14pt;
	font-style: italic;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	text-shadow: 2px 2px 2px #D2D2D2;
}


/* Featured Images */

img.nutrition, .healthWellness, .playtime {
	float:right;
	padding-top:40px;
	padding-left:60px;
	padding-right:80px;
}

img.resources {
	float:right;
	padding-top:40px;
	width:350px;
	margin-right:250px;
	opacity: 0.5;
}

img.catTree {
	float:right;
	padding-top:10px;
	padding-left:40px;
	padding-right:80px;
}


/* Playtime */

p.playtime_title_indent{
	padding: .5em 0;
	margin-left: 80px;
	margin-right: 60px;
	color: #006D00;
}

p.playtime_indent{
	padding: .5em 0;
	margin-left: 120px;
	margin-right: 60px;
}



/* Nutrition */

blockquote {
  font-size:14pt;
  font-style: italic;
  line-height: 1.5em;
  background: #F5FAF8;
  border-left: 5px solid #A4A3A3;
  width:700px;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  margin-bottom:50px;
  padding: 0.75em 20px;
  box-shadow: 10px 10px 10px #D2D2D2;
}

blockquote p {
  display: inline;
}

.nutrition_block_image {
    float: left;
	margin-left:100px;
	padding-right:80px;
	margin-bottom: 10px;
	margin-top:20px;
    width: 250px;
    }

.nutrition_block_text {
    float: left;
    width: 200px;
	padding-top:20px;
    }



/* Health & Wellness */

.vetList1 {
    float: left;
	margin-left:60px;
	margin-bottom: 30px;
    width: 300px;
    }			

.vetList2 {
    float: left;
    width: 200px;
	padding-top:20px;
    }
	
.vetList3 {
    float: left;
    width: 400px;
	padding-top:20px;
    }

 .row:after {
    content: "";
    display: table;
    clear: both;
    }



/* Design */

img.wireFrames, .siteMap, .textEditor, .validator, .browser, .ftp {
	width: 1140px;
	height: auto;
	padding-top:20px;
	margin-bottom: 20px;
	margin-left:60px;
}

img.textEditorIcon {
	padding-top:20px;
	margin-left:60px;
}

img.browserIcon {
	padding-top:20px;
	margin-left:60px;
}

img.ftpIcon {
	padding-top:20px;
	margin-left:60px;
}



/* Main Site Elements */

body {	
	font-family: 'Montserrat', sans-serif !important;
	background-image: url("../images/paw_prints.png");
	font-size: 12pt;
	color: #484546;	
    background-color: white;
	width: 1240px;
	/*height:1085px;*/
	margin: 0px auto;	
	box-shadow: 0px 0px 12px 0px #A4A3A3;
}


header {
	height: 145px;	
	padding: 20px 20px 20px 20px;
	background-color: white;
}


nav {
	margin-bottom: 4.25em;
	background-color: white;	
}

#navbar {
  position: relative; 
  z-index: 100;
}


main {
	/*height: 845px;*/
	background-color: white;
	/*overflow: auto;*/	
}


/* Extra Space - bottom of page */

.clearance{
	padding-bottom:50px;	
}

.clearance_sm{
	padding-bottom:20px;	
}

.clearance_lg{
	padding-bottom:250px;	
}

.clearance_top{
	padding-top:30px;	
}



/* Footer */

#footer-container {
  width: 1240px;
}

.footer-bar {
  background-color: #F2F2F2;
  width: 1240px;
  text-align:right;
  box-shadow: 0px 0px 25px rgb(207, 207, 207);
  
}
.footer-bar img{
	float:left;
	margin-left:30px;
	padding-top:15px;
	padding-bottom:11px;
}
.footer-bar ul {
	padding-top:15px;
	padding-bottom:11px;	
	text-align: right;
	display:inline-block;
}

.footer-bar li {
	list-style-type: none;
	padding-top:15px;
	padding-bottom:11px;
	display: inline;
}

.footer-bar li a {
	font-family: inherit;
	color: black;
	font-weight: bold;
	font-size: 9pt;  
	text-decoration: none;
	padding-top:15px;
	padding-bottom:11px;
	padding-left:20px;
	padding-right:20px;
}

.footer-bar p {
	font-family: inherit;
	font-weight: bold;
	font-size: 9pt;  
	padding-top:15px;
	padding-bottom:11px;
	display:inline-block;
}

#footer-container ul li a:hover, #footer-container ul li a:focus {
	color: #057D4F;
}


/* Horizontal Rules */
	
hr {
    border: 0;
    height: 0;
	text-align:left;
	margin-left:30px;
	margin-right:30px;
    box-shadow: 0 0 1px 0.25px #A4A3A3;
}

hr.section {
    margin-left: 60px;
	margin-top:20px;
	border: 0;
    height: 0;
    box-shadow: 0 0 1px 0.25px #A4A3A3;
}



/* Fonts - paragraph text */

p {
	padding: .5em 0;
	margin-left: 60px;
	margin-right: 60px;
}

/* unvisited link */
 a:link {
  color: inherit;
  text-decoration: none;
}

/* visited link */
 a:visited {
  color: #006D00;
}

/* mouse over link */
 a:hover {
  color: #006D00;
  text-decoration: underline;
}

/* selected link */
 a:active {
  color: inherit;
}



/* Fonts - Special Styles for Home */

.copySlogan {
	/*margin-right: 20px;*/
	margin-left:108px;
	margin-right: 30px;
}


p.slogan {
	padding-top: 5px;
	padding-bottom: 100px;	
	margin-right: 82px;	
	text-align: right;
	font-style: italic;
	text-shadow: 2px 2px 2px #D2D2D2;	
}

p.mission {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right:auto;
	width: 60%;
	text-align: center;
	line-height: 1.8;
}



/* Fonts - Special Styles for Resources */

ul.resources {
  margin-left: 80px;
}

ul.resources li {
  font-weight: bold;
  font-size: 12pt;
  padding: .5em 0;
}

ul.resources li a {
  color: #006D00;
  text-decoration: none;
}

ul.resources li a:hover {
  color: #006D00;
  text-decoration: underline;
}


/* Fonts - Special Styles for Adoption - featured cat */

ul.featuredCat {
margin-left: 100px;
 text-align:left

}

ul.featuredCat li {
line-height: .75em;
margin-right: 80px;
  padding: .5em 0;
}



/* Fonts - Special Styles for Health & Wellness - lists */

ul.healthBullets {
  margin-left: 80px;
}

ul.healthBullets li {
  font-weight: bold;
  font-size: 12pt;
  padding: .5em 0;
}

ul.wellnesBullets {
  margin-left: 120px;
}

ul.wellnesBullets li {
  font-size: 12pt;
  padding: .5em 0;
}


/* Fonts - Special Styles for Design - ordered lists */

ol.elements {
  margin-left: 120px;
}

ol.elements li {
  font-weight: bold;
  font-size: 12pt;
  padding: .5em 0;
}

ol.elements li a {
  color: #006D00;
  text-decoration: none;
}

ol.elements li a:hover {
  color: #006D00;
  text-decoration: underline;
}



/* Fonts - heading text */

h1 {
	font-family: 'Gabriela', serif !important;
	font-size: 26pt;
	color: #006D00;
	margin-bottom: 15px;
	padding-left: 30px;
}

h1.sitetitle {
	font-family: 'Gabriela', serif !important;
	font-size: 26pt;
	color: #006D00;
	padding-top: 90px;
	margin-right: 60px;
	margin-bottom: 15px;
	text-align: right;
	text-shadow: 3px 3px 3px #D2D2D2;
}


h2 { 
	font-family: 'Montserrat', sans-serif !important;
	font-size: 18pt;
	color: #000000;
	margin: 25px 0px 20px 60px;
}

h2.sections {
	font-family: 'Gabriela', serif !important;
	font-size: 26pt;
	color: #006D00;
	margin-top: 15px;
	margin-bottom:15px;
	text-align: center;
}


h3 { 
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16pt;
	color: #000000;
	text-align: left;
	margin-left:60px;
	margin-top:10px;	
}



/* Fonts - Special Styles for breadcrumbs menu */

ul.breadcrumb {
  margin-left: 0px;
  padding: 10px 0px 10px 30px;
  list-style: none;
}

ul.breadcrumb li {
  display: inline;
  font-size: 9pt;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: #484546;
  content: "/\00a0";
}

ul.breadcrumb li a {
  color: #006D00;
  text-decoration: none;
}

ul.breadcrumb li a:hover {
  color: #006D00;
  text-decoration: underline;
}



/* The styles for the operation of the 2-tier navigation menu */

#nav_menu ul {
	list-style: none;
	position: relative;                      
	z-index: 100;				       /* So the first submenu can be positioned within the main menu */
}
#nav_menu ul li {
	float: left;
}
#nav_menu ul ul {
	display: none;                     /* Don't display submenu until hover of the li element */
	position: absolute;
	top: 100%;                         /* Position the submenu at the bottom of the main menu */
}
#nav_menu ul ul li {
	float: none;                       /* Display the submenus vertically */
	border-bottom:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
}
#nav_menu ul li:hover > ul {
	display: block;                    /* Display the submenu on hover of the li element */
}
#nav_menu > ul::after {
	content: "";
	display: block;
	clear: both;
}



/* The styles for the formatting of the 2-tier navigation menu */

#nav_menu ul {
	margin: 0;
	padding: 0;
	box-shadow: 0px 8px 8px -8px #A4A3A3;
}
#nav_menu ul li a {
	text-align: center;
	display: block;
	width: 200px;
	padding: 1em 0;
	text-decoration: none;

	/* modify menu background color and font color */
	
	background-color: white;
	color: #484546;	
	font-weight: bold;
}
#nav_menu ul li.lastitem a {
	width: 200px;
}
#nav_menu ul li a.current {
	color: #fff;
	background-color: rgb(5, 125, 79);
}
#nav_menu ul li a:hover, #nav_menu ul li a:focus {
	color: #fff;
	
	/* modify menu background color on hover and focus */
	
	background-color: rgb(5, 125, 79);
}