body {
margin: 0;
padding: 0;
text-align: left;
font: 75% arial, tahoma, "Trebuchet MS", verdana, arial, verdana, sans-serif;

}

#container {
width: 100%;
\width: 100%;
w\idth: 99%;
border: 0px solid #eee;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 1.5em;
}

#banner {
height: 145px;
padding: 0;
margin-bottom: 10px;
background: #fff url(images/petbanner.jpg) no-repeat;
color: #6699CC;
}

		/* TOP NAVIGATION */
#navlist {
width: 100%;
padding: 4px 5px 5px 0;
margin: 0 0 20px 0;
text-align: left;
letter-spacing: 3px;
color: #fff;
background: #6699CC;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 5px .75em;
margin: 0;
color: #fff;
background: #6699cc;
text-decoration: none;
}
#navlist li a:link { color: #fff;
background: #6699cc;
}
#navlist li a:visited {
color: #fff;
background: #6699cc;
}
#navlist li a:hover {
color: #000;
background: #ff6633;
}
#navlist li a#current {
color: #fff;
background:#FF6633;
}

		/* LEFT MENU */
.menu ul li {
line-height: 1.5em;
margin: 0 10px 0 0;
padding: 0;
list-style-type: square;
color: #6699cc;
background: inherit;
font: 85% arial, tahoma, "Trebuchet MS", verdana, arial, verdana, sans-serif;
}
.menu ul li a {
color: #F17C0B;
background: inherit;
}
.menu ul li a:hover {
color: #6699CC;
background: inherit;
}

		/* MAIN CONTENT */
#content {
padding: 0 10px 0 10px;
margin-left: 15%;
margin-right: 15%;
color: #555;
background-color: #fff;
}

#content ul {margin-left: 1em; padding-left: 0;}
#content ol {margin-left: 1em; padding-left: 0;}
#content li {margin-left: 1em; padding-left: 0;}


		/* ARTICLES */
.intro {
float:left;
width: 30%;
margin: 3px 0 5px 0;
padding: 5px;
text-align:left;
}
.intro2 {
float:left;
width: 33%;
margin: 3px 0 5px 0px;
padding: 5px;
}
.intro3 {
float:right;
width: 30%;
margin: 3px 0 5px 0;
padding: 5px;
}

		/* LEFT SIDEBAR */
#sidebar-a {
float: left;
width: 15%;
\width: 15%;
w\idth: 15%;
margin-right: 5px;
padding: 0 5px 0 5px;
color: #666;
background-color:#FAF8E9;
}

#sidebar-a ul {margin-left: 1em; padding-left: 0;}
#sidebar-a li {margin-left: 1em; padding-left: 0;}


		/* RIGHT SIDEBAR */
#sidebar-b {
float: right;
width: 15%;
\width: 15%;
w\idth: 15%;
margin: 0 0 0 5px;
padding: 0 5px 15px 5px;
color: #333;
background-color:#FAF8E9;
}

		/* FOOTER */
#footer {
clear: both;
padding: 5px;
margin: 0;
background-color: #6699cc;
color: #fff;
}
#footer a {
text-decoration: none;
color: #fff;
background-color:#6699cc;
}
#footer  a:hover {
text-decoration: none;
color: #FE3F22;
background-color:#6699cc;
}

		/* LINKS */
a {
text-decoration: none;
color: #F17C0B;
}
a:hover {
text-decoration:underline;
color: #666;
background-color:#fff;
}
a img {
border: 0;
}
a.whitelink {
color: #fff
}


		/* IMAGE PROPERTIES */
.border {
padding: 10px;
margin: 10px;
border: 1px solid #476042;
}
.imgleft {
float: left;
border: 1px solid #90b905;
margin: 5px 10px 10px 15px;
padding: 5px;
}

		/* HEADING PROPERTIES */
h1 {
width: 30%;
font-size: 200%;
letter-spacing: 5px;
color:#6699cc;
}
h2 {
font-size: 130%;
text-transform: uppercase;
letter-spacing: 5px;
color:#6699cc;
}
h3 {
padding: 5px;
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #6699CC;
}
h4 {
padding: 5px;
margin-top: 13px; 
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #FF6633;
}
h5 {
font-size: 110%;
text-transform: uppercase;
}

		/* PULL DOWN MENU PROPERTIES */
#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 9px Verdana;
font-color:white;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ff6633;
}

		/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/overlay.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	