body {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #4060BF;
	margin: 0;
	padding: 0;
	text-align: center;
}

html, body { /* saves you from the "centering jump" on short pages */
	min-height: 100%;
	margin-bottom: 1px;
}

#holder {
    width: 800px;
    padding: 0;
	margin: 0 auto 0 auto;
    text-align: left;
}

/*******************/
/* Header Elements */
/*******************/

#crwrap {
	margin: 0;
	padding: 0;
}

#cr {
	background: url(../images/bg-cr.jpg) no-repeat right;
	float: right;
	width: 243px;
	height: 32px;
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 10px;
}

* html #cr {
	width: 273px;
	w\idth: 243px;
}

#logo {
	background: url(../images/bg-logo.gif) no-repeat left;

	margin: 0;
	padding: 0;
	height: 32px;
}

* html { height: 1%; }

/* Search form */

#src {
	float: right;
	width: 273px;
	margin: 0;
	padding: 0;
	height: 39px;
	background: url(../images/bg-src.jpg) no-repeat center;
}

#src input {
	color: #006;
	background: #FFF;
	border: 1px solid #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 6px 2px 6px;
	padding: 3px 5px 3px 5px;
}

#src input:focus {

	color: #000;
	background: #FFF;
}

/* Fixes IE buggy stuff */

* html #src form {
	padding: 0 0 3px 0;

	margin: 0;
}

* html #src input {
	margin: 6px 0 0 6px;
	padding: 0 3px 0 6px;
}

/* Top Navigation */
#navwrap {
	width: 800px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-nav-left.jpg) no-repeat left top;
}

#nav {
	margin: 0;
	padding: 0;
	margin: 0 273px 0 36px;
}


#nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#nav li {
	padding: 0;
	margin: 0;
	float: left;
}

li#nav1 a {
	width:91px;
}
li#nav2 a {
	width:100px;
}
li#nav3 a {
	width:100px;
}
li#nav4 a {
	width:100px;
}
li#nav5 a {
	width:100px;
}

/* Page Header Image*/

#hdr-img {
	height: 222px;
	width: 800px;
	background: url(../images/hdr-home.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#dog1 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/dog1.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#dog2 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/dog2.jpg) no-repeat top;

	margin: 0 0 5px 0;
	padding: 0;
}

#dog3 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/dog3.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#dog4 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/dog4.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#dog5 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/dog5.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#cat1 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/cat1.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#cat2 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/cat2.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#cat2 {

	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/cat2.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#cat3 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/cat3.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#cat4 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/cat4.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#cat5 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/cat5.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}

#cat6 {
	height: 150px;
	width: 800px;
	background: url(../media/page/hdr-800/cat6.jpg) no-repeat top;
	margin: 0 0 5px 0;
	padding: 0;
}
/********************/
/* Site wide styles */
/********************/

h1 {
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}


h3 {
	font-size: 14px;
	line-height: 4px;
}

/* Hyper Text */

a:link {
	color: #339;
}

a:visited {
	color: #39F;
}

a:hover, #nav a:active, #nav a:focus {
	color: #F93;
}

td {
font-size: 10px;
}

/****************************/

/* Right Sidebar Starts Here */
/****************************/

#sidebar {
	float: right;
	width: 255px;
	margin: 0;
	background-color: #FFF;
	font-size: 11px;
	line-height: 16px;
}

#sidebar ul {
	padding: 0;
	margin: 0 0 0 15px;
	list-style-type: none;
}

#sidebar li {
	list-style: url(../images/nav-3.gif);
	line-height: 16px;
	padding: 0 0 3px 0;
}

* html #sidebar li {
	padding: 0 0 3px 0;
	margin: 0 8px 0 0;
}

.sidepod { /* Creates one colunm background image for sidebar */
	width: 255px;
	background: url(../images/bg-sidebar.gif);
}

.txtpod { /* Creates the footer in the right sidebar */
	background: url(../images/ftr-sidebar.gif) no-repeat bottom;
	width: 230px;
	margin: 0;
	padding: 15px 10px 20px 15px;
}

/***********/
/* Content */
/***********/

#contenthdr {
	background: url(../images/hdr-contenet.jpg) no-repeat bottom;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 40px;
	font-size: 10px;
	text-align: left;
	vertical-align: text-bottom;
	text-indent: 30px;
	line-height: 25px;
}

#content-2col { /* Creates the content two column background */
	background: #FFF url(../images/bg-content-2col.gif) repeat-y;
	float: left;
}

#contentpod-2col { /* Footer to match the Faux two column */
	width: 545px;
	background: url(../images/ftr-content.gif) no-repeat bottom;
	margin: 0;
	padding: 0;
}

* html #contentpod-2col p { /* This fixes the box model problem with IE win/mac 5-6 */
	padding: 12px;
	margin: 0;
}

.twocol-1 {
	float: left;
	font-size: 11px;
	width: 185px;
	padding: 15px 10px 30px 15px;
	line-height: 16px;
}

* html .twocol-1 { /* Fixes the box model problem with IE win/max 5-6 */
	width: 210px;
	w\idth: 185px;
}

.twocol-2 {
	float: left;
	font-size: 13px;
	width: 310px;
	padding: 0px 10px 30px 10px;
	line-height: 18px;
}

* html .twocol-2 { /* Fixes the box model problem with IE win/max 5-6 */
	width: 335px;
	w\idth: 310px;
}

#content-2col ul {
	padding: 0;
	margin: 0 0 0 3px;
	list-style: none;
}

#content-2col li {
	/*list-style: url(../images/nav-0.gif);*/
	line-height: 13px;
	padding: 0 0 3px 0;
	line-height: 18px;
}

/**********************/
/* Content One Column */
/**********************/

#contenthdr-1col {
	background: url(../images/hdr-contenet.jpg) no-repeat bottom;
	margin: 0;
	padding: 0;
	height: 26px;
	font-size: 10px;
	text-align: left;
	vertical-align: text-bottom;
	text-indent: 30px;
	line-height: 25px;
}

#content-1col { /* Creates content one column background */
	background: url(../images/bg-content-1col.gif) repeat-y;
	float: left;
	width: 545px;
}

#contentpod-1col { /* Footer to match the Faux one column */
	width: 545px;
	background: url(../images/ftr-content.gif) no-repeat bottom;
}

.onecol {
	float: left;
	font-size: 13px;
	width: 520px;
	padding: 0px 10px 30px 15px;
	line-height: 18px;
}

* html .onecol { /* This fixes the box model problem with IE win/max 5-6 */
	width: 545px;
	w\idth: 520px;
}

#content-1col ul {
	padding: 0;
	margin: 0 0 0 15px;
	list-style-type: none;
}

#content-1col li {
	/*list-style: url(../images/nav-0.gif);*/
	line-height: 13px;
	padding: 0 0 3px 0;
	line-height: 18px;
	list-style: circle;
}

/* Footer Starts Here */

#footer {
	font-size: 11px;
	margin: 100px 20px 15px 30px;
	text-align: center;
}

/* IE Bug Start Here Fixes */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* miscellaneous styles */
.brclear { 
     clear:both;
	 height: 0;
     margin:0;
     font-size: 1px;
}

.hrdiv { /* Created grey dotted HR */
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #CCC;
}