/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background:#D0EAF7;	
	font-size: 11px;
	font-family: Comic Sans MS;
}

#container {
	width: 100%;
	text-align: center;
}

#maincontainer {
	width: 999px;
	margin: 0% auto;
	text-align: left;
}

#header {
	float: left;
	width: 999px;
	height: 179px;
	background:url(../images/header-sample.jpg);
}

#logo {
	float: left;
	width: 999px;
	height: 130px;
	text-align: right;	
}

#search {
	clear: both;
	width: 999px;
	height: 49px;
}

#findpets {
	float: left;
	width: 630px;
	height: 49px;
}

#advanced {
	float: right;
	width: 350px;
	height: 49px;
	text-align: right;
}

#mainbody {
	clear: both;
	width: 999px;
	height: 440px;
	background:url(../images/scalable-background.gif);
}

h1 {
	margin: 0;
	font-size: 15px;
	display: inline;
}

#leftpanel {
	float: left;
	width: 192px;
	height: 440px;
	background:url(../images/best-friends.jpg) bottom no-repeat;
}

#menu {
	float: left;
	width: 192px;
}

#menu ul {                             
	margin: 0;
	padding: 0; 
}

#menu li {    
	list-style: none;
	background:url(../images/menu-buttons.gif) no-repeat;
	height: 20px; 
	padding: 3px 0 0 10px;
	font-size: 11px;
	font-family: verdana;
}

#menu li a  { 
	color:#000000;
	text-decoration: none;
}

#tween {
	clear: both;
}

#bestfriendsimage {
	clear: both;
	height: 189px;
}

#midcontent {
	float: left;
	width: 615px;
	height: 439px;
	border-bottom: 1px solid black;
	
}

#maincontent {
	float: left;
	width: 588px;
	height: 409px;
	
}

#calltoaction {
	float: left;
	width: 588px;
	height: 120px;
}

#recentlyaddedscrollable {
	clear: both;
	width: 588px;
	height: 375px;
	overflow:auto;
	overflow-x: hidden;
}

#scrollablebox {
	clear: both;
	width: 430px;
	height: 320px;
	overflow:auto;
	overflow-x: hidden;
}

#scrollableresource {
	clear: both;
	width: 600px;
	height: 370px;
	overflow:auto;
	overflow-x: hidden;
}

h2 {
	font-size: 15px;
	color:#666666;
}

a {
	color: #CC3300;
}

h3 {
	font-size: 13px;
	margin: 0 0 5px 0;
	color: #336600;
}

h3.grey {
	font-size: 13px;
	margin: 0 0 5px 0;
	color:#999999;
}

.thumbnail {
	width: 75px;
	height: 90px;
	background:url(../images/picture-frame.gif) top no-repeat;
}

.pad {
	padding: 0 15px 0 15px;
	overflow: hidden;
}

.date {
	font-size: 13px;
	font-weight: bold;
}

.smallitalics {
	font-size: 9px;
	font-style: italic;
}

.input {
	width: 180px;
}

.inputsml {
	width: 150px;
}


.option {
	width: 186px;
}

.textbox {
	width: 180px;
	
}

.biglink {
	font-size: 13px;
	font-weight: bold;
}


#rightpanel {
	float: left;
	width: 192px;
	text-align: center;
	height: 440px;
	background:url(../images/rightpanel-bottom.gif) bottom no-repeat;
}

#rightpanelinner {
	float: left;
	width: 192px;
	text-align: center;
	height: 440px;
	background:url(../images/rightpanel-top.gif) top no-repeat;
}