body {margin: 3px 0 0 0; font-family: arial, verdana, helvertica; font-size: 1em; /*background: url(/opencms/opencms/petconnect/images/fade.gif) 100% 0 repeat-y; margin-left: auto; margin-right: auto;*/}
p {color: #000; font-size: 14px;}
hr {width: 99%;}
h1,h3,h4,h5,h6 { margin:0; padding: 5px; }
a {color:#c6383c;}
a:hover {color:#555eb5;}

#header {display:table; float:left; /*background: url(../images/header3.gif) 0 0 no-repeat; */width:1024px; height:156px;border-bottom: 2px solid #c6383c;}
#header span {display: none;}
.home { background: url(/opencms/opencms/petconnect/templatesandresources/resources/images/dog-background4.gif) 20px 219px no-repeat; width: 1024px; height: 346px;}
.page-2 {height: 100%;}
.KMF {height: 100%;}

 
form.search {position: absolute; top:2px; left: 200px; text-align: right; padding: 5px; margin: 0 32px 30px 0;}
#searchButton {margin: 0 0 -4px 0;}
p.search {font-size:11px; padding: 0 2px 0 2px; }
a.search {font-size: 11px;}
 

/*
form.search {width: 140px; padding: 5px; margin: 0 32px 30px 0;}
#searchButton {margin: 0 0 -4px 0;}
input {width:154px;}
p.search {width: 146px; font-size:11px; padding: 0 2px 0 2px; }
a.search {width: 140px; font-size: 11px;}
#search {margin: 7px 0 -20px 0; width: 70px; height: 19px;}
*/
/*horizantol navigation on homepage*/
#main-nav {display: inline; margin:0; padding:0; background-color: #f2f3f9; border-bottom: 2px solid #022e62; color:#fff;}
#main-nav ul.nav {color:#555eb5; background-color: #f2f3f9; height: 30px; width: 1004px; display: inline; clear: both; border-bottom: 2px solid #555eb5; float: left; margin:0; padding: 0px 0 0 20px;}
#main-nav ul.nav li {display: inline; list-style-type: none;}
#main-nav ul.nav li a {list-style-type: none; padding: 5px 5px 4px 6px; text-decoration: none; color:#555eb5; font-weight: bold; }
#main-nav ul.nav li a:hover {padding: 10px 20px 8px 10px; background-color: #c6383c; color:#fff; border-left: 2px solid #555eb5; border-right: 2px solid #555eb5;}
#main-nav ul.nav li .square {padding: 0 20px 3px 4px;}

#main-content {margin: 0;}
#left-nav {margin: 0 0 0 0; display: inline; }
p.dogs {float: right; margin: 0 -70px 250px 0;}
p.cats  {float: left; margin: 0 0 0 200px;}
p.vol { float: right; margin: 0 -270px 0 0;}

/*right hand navigation on homepage*/
ul.right-nav {float: left; list-style-type: none; margin: 15px 0 14px 0; font-size: 14px;}
ul.right-nav li a {display: block; border-left: 2px solid #555eb5; width: 150px;float: right; list-style-type: none; padding: 3px; text-decoration: none; color:#555eb5;}
ul.right-nav li a:hover {color:#c6383c; font-weight: normal;} 

.socialmedia {margin:6px 0 -15px 0; width: 170px; padding: 240px 0px 0px 835px;}

#main-content  {margin:0; padding:0;}
.lower-content {padding: 0; margin: -110px 0 10px 0; clear: both; width: 990px;  height: auto; background: transparent; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;}


.top {margin: 0 0 0 -7px;}
.bottom {margin: 0 0 0 -3px;}
.left-col {margin: -15px 0 30px 50px; width: 350px;  padding: 0 80px 0 0 ; border-right: 1px solid #cccccc;}
.right-col {position: absolute; top: 562px; left: 500px; float: right; margin: 15px 0 30px 50px; width: 350px;  padding: 0 0 0 0 ;}
h2 {margin: 15px 0 0 0; color:#fff;  padding: 0 0 0 5px; background:#5861b6; border-bottom: 3px solid #c6383c; border-left: 3px solid #c6383c;}
h2 a {margin: 15px 0 0 0; color:#fff; text-decoration: none; padding: 0 0 0 5px; background:#5861b6; border-bottom: 3px solid #c6383c; /*border-left: 3px solid #c6383c;*/}
h2 a:hover {margin: 15px 0 0 0; color:#c6383c; text-decoration: none; padding: 0 0 0 5px; background:#5861b6; border-bottom: 3px solid #c6383c; /*border-left: 3px solid #c6383c;*/}

.page-core-content {margin-top:15px; display: block; height: auto; width:811px; border-left: 2px solid #cecece; border-right: 2px solid #cecece; border-bottom: 2px solid #cecece;}
.page-core-content h3 {color:#212b86; font-size: 16px; background: url(../images/p2-hd-sq.gif) 0 0 no-repeat; width:817px; height:28px; clear: both; margin: -2px 0 0 -2px;}
.page-core-content h4 {width:97%; margin: 0 0 0 3px; /*border-bottom: 1px solid #c6383c;*/ color:#c6383c; padding: 0 0 0 10px; background: url(../images/header-icon.gif) 0 5px no-repeat;}
.page-core-content h5 {width:97%; font-weight: normal; font-size: 13px; margin: 0 0 0 3px; /*border-bottom: 1px solid #c6383c;*/ color:#212b86; padding: 5px 0 0 10px; }
.page-core-content h6 {width:97%; font-size: 11px; margin: 0 0 0 3px; /*border-bottom: 1px solid #c6383c;*/ color:#c6383c; padding: 5px 0 0 10px; }


.page-core-content p {color:#000;  padding: 1px 0 0 5px;}
.page-core-content p, h5, h6 {font-size: 14px;}

.page-core-content a {color:#c6383c;}
.page-core-content a:hover {color:#555eb5;}

.page-core-content ul {display: block; list-style-type: square; font-size: 12px; color:#555eb5;}
.page-core-content ul li {margin: 10px 0 0 0;}
.page-core-content ul li a {padding:10px 0 0 0;  color:#555eb5; text-decoration: none; margin: -11px 0 5px 1px;}
.page-core-content ul li a:hover {color:#c6383c; text-decoration: underline;}
.page-core-content p.vol-links {margin: 40px 0 0 0;}


/*KyraMacyFoundation-index page*/

.KMF p .text {float:left; clear: both; overflow: hidden; padding: 0 300px 0 0;}
.KMF-content {float: left;  width: 56%; padding: 0 0 0 10px;}
.KMF-news img.kmf {margin: 10px 0 0 0;}
.KMF-news h4 {color:#555eb5; width: 90%; padding:5px; border-bottom: 2px solid #555eb5;}
.KMF-news{float: left; margin: 10px 0 0 0; border: 2px solid #cecece; width:15%;} 
.KMF-news  p { background: url(../images/blue-square.gif) 6px 6px no-repeat;  padding: 0 0 0 15px; color:#555eb5;}
.KMF-news  p a { color:#555eb5; text-decoration: none;}
.KMF-news  p a:hover {color:#c6383c; font-weight: bold;}


.footer {text-align:center; color:#13117a; background:#9fa6e5; border-bottom: 10px solid #c6383c;}
.footer p {padding: 20px 0 0 0; font-weight: bold; color:#13117a;}
.footer a {text-decoration: none;  color:#13117a; padding: 8px;}
.footer a:hover {text-decoration: underline;}


.footer ul.va {list-style-type: none; display: block; float: left; margin:20px 0 0 310px; position: relative;}
.footer ul.va li {list-style-type: none; display: block;}

.footer ul.md {list-style-type: none; display: block; float: right; margin:20px 310px 0 0; position: relative;}
.footer ul.md li {list-style-type: none; display: block;}

.footer-home {text-align:center;color:#13117a;background:#9fa6e5;border-bottom: 10px solid #c6383c;
}
.footer-home p {padding: 20px 0 0 0; font-weight: bold; color:#13117a;}
.footer-home a {text-decoration: none;  color:#13117a; padding: 8px;}
.footer-home a:hover {text-decoration: underline;}


#left-nav {float: left; padding: 25px 0 0 0; margin: 0 0 0 -125px; width: 400px;
}
#right-nav { float: right; width: 150px; font-size:14px; margin: 5px 70px 0 0;
}
#right-nav ul{ display:table; list-style-type:none;
}

#right-nav ul li a { border-left:2px solid #555EB5; color:#555EB5; display:block; float:right; list-style-type:none; padding:3px; width: 150px;
}
ul.right-nav li a:hover {color:#c6383c; font-weight: normal;} 

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:	0; padding:0; list-style:none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul { position:absolute; top:	-999em; width:	10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:	100%;}
.sf-menu li:hover {visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:	relative; margin-right: 10px; }
.sf-menu a {display:block; position: relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:	0; top: 2.5em; /* match top ul list item height */ z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left;margin-bottom:1em;width: 150%;}
.sf-menu a {border-left:1px solid #fff;border-top:1px solid #CFDEFF;padding: .75em 1.5em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:	#13a;}
.sf-menu li {background:#f2f3f9; /*border-bottom: 1px solid #555eb5;/*border-left: 1px solid #c6383c;*/}
.sf-menu li li {background:#AABDE6;}
.sf-menu li li li {background:#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#c6383c;outline:0;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:	10px;height:10px;text-indent: -999em;overflow:hidden;background:url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*

#tabMenu {margin:0;padding:0 0 0 15px;list-style:none;}
#tabMenu .box ul#tabMenu {margin:0;}
#tabMenu .box ul#tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:hand}

#tab-module ul#tabMenu li.comments {background:url(../images/tabNews.gif) no-repeat 0 -32px;}
#tab-module ul#tabMenu li.posts {background:url(../images/tabAdopt.gif) no-repeat 0 -32px;}
#tab-module ul#tabMenu li.category {background:url(../images/tabDogs.gif) no-repeat 0 -32px;}
#tab-module ul#tabMenu li.famous {background:url(../images/tabCats.gif) no-repeat 0 -32px;}
#tab-module ul#tabMenu li.random {background:url(../images/tabInfo.gif) no-repeat 0 -32px;}

#tab-module li.mouseover {background-position:0 0;}
#tab-module li.mouseout {background-position:0 -32px;}
#tab-module li.selected {background-position:0 0;}

#tab-module .box {width:227px}
#tab-module .boxTop {background:url(../images/boxTop.png) no-repeat;height:11px;clear:both}
#tab-module .boxBody {background-color:#282828;}
#tab-module .boxBottom {background:url(../boxBottom.png) no-repeat;height:11px;}

#tab-module .boxBody div {display:none;}
#tab-module .boxBody div.show {display:block;}

#tab-module .boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(arrow.gif)}
#tab-module .boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer}
#tab-module .boxBody div ul li.last {border-bottom:none}
#tab-module .boxBody div li span {font-size:8px;font-style:italic; color:#888;}
*/

/*
.animal-display {font-family: arial; width: 100%; height: 100%; background-color: #ececf2; margin: 180px 0 0 0; border: 1px solid #374576:}
.animal-display h4 {background-color: #374576; margin:0; color:#fff; font-size: 16px; padding: 0 0 0 20px; }
.animal-display h5 {font-size: 16px; color: #374576; margin: 3px 0 8px 0; text-decoration: underline; padding: 0 0 0 6px;} 
.animal-display h6 {font-size: 14px; color: #374576; font-weight: normal; background-color: #fff; margin: 9px 0 9px 0;} 
.animal-display h6 span {color:#F00;}
.animal-display h6 span.catch-line {margin: 0 0 0 350px;}
.animal-display p {font-size: 14px;}
.animal-display img.animal-pic {padding: 5px; float: left;}
*/

html>body.donations {float: left; margin: 12px 0 0 0; background: #ececf2;font: arial, helvetica; width: 170px;}

.donations {float: left; margin: 30px 0 0 0; background: #ececf2;font: arial, helvetica; width: 170px;}
.donations img.btn {text-align: center; margin: 0 0 0 30px;}
.donations img.mail {text-align: center; margin: 4px 0 0 10px;}
.donations h3.donate {font-size: 16px; font-weight: normal; color:#3945b3; margin:-20px 0 0 0; text-align: center; background: url(/opencms/opencms/petconnect/images/header.gif) 0 0 no-repeat;}
.donations h4.donate {font-size: 16px; color:#C00; margin:0;text-align: center;}
.donations h4.donate, a.donate {font-size: 14px; color:#00C; margin: 10px 0px; text-align: center;} 
.donations p.donate {font-size: 12px; color:#00C; margin: 3px 4px; text-align: left;} 


.dog-info {background: url(/opencms/opencms/petconnect/images/blue-background.gif) 0 0 no-repeat; height: 206px;}
.dog-info h5.pet-care {color:#fff; font-size: 14px; margin:0; font-weight: bold; padding: 0 0 0 10px;}
.dog-info ul.pet-care {margin: 10px 0 0 0; color:#bb0721; font-size: 12px;} 
.dog-info ul.pet-care li {padding: 3px 3px; border-bottom: 1px dotted #bb0721; margin: 0 0 0 -10px; width: 180px;}
.dog-info ul.pet-care li a {padding: 3px 3px; text-decoration: none; color:#bb0721;}
.dog-info ul.pet-care li a:hover {color:#fff;}