html{
	height: 100%;
	margin-bottom: 1px;
}

body{
	padding: 0; 
	margin: 0;
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a{color: #17B8F4; text-decoration: none; font-weight: bold;}
a:link {color: #17B8F4; text-decoration: none;}
a:visited {color: #F27111;}
a:hover {text-decoration: underline; color: #F27111;}
a:active {color: #F27111;}

a img{border: 0px;}

#wrapper{width:750px; background-color:#fff; margin: 0 auto; display: block;}

#main_nav{
	margin: 0px 0px 12px 12px;
}



#copyright{
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: Gray;
	margin-bottom: 25px
	}
	
#content{
	background-image: url(/public/img/middle_bkg.gif); 
	background-repeat: no-repeat;
	width: 750px;
	min-height: 250px;
	display: block;
}

#content_internal{
	background-image: url(/public/img/internal_bkg.gif); 
	background-repeat: repeat-x;
	width: 750px;
	min-height: 250px;
	display: block;
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}



#sidenav{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
}

#sidenav ul{
	list-style-type: none;
	list-style-image: none;
	list-style: none;
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom:  25px;
}

#sidenav a{color: #17B8F4; text-decoration: none; font-weight: bold;}
#sidenav a:link {color: #17B8F4; text-decoration: none;}
#sidenav a:visited {color: #F27111;}
#sidenav a:hover {text-decoration: underline; color: #F27111;}
#sidenav a:active {color: #F27111;}

#home_news{
	background-color: #fff;
	display: block; 
	width: 220px;
	min-height: 150px;
	height: 150px;
	border: 1px solid #cdcdcd;
	padding:	10px 20px 0 10px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
}

#home_news a{color: Gray; text-decoration: none;}
#home_news a:link {color: Gray; text-decoration: none;}
#home_news a:visited {color: #F27111;}
#home_news a:hover {text-decoration: underline; color: #F27111;}
#home_news a:active {color: #F27111;}

#navcolumn{
	display: block; 
	float: left;
	width: 250px;
	left: 12px;
	top: 16px;
	padding: 16px 0 0 12px;
	height: 200px;
/*	border: 1px solid #00f; */
	min-height:400px;
}

.animalthumb{
	border: 1px solid #cdcdcd;
	padding: 1px;
}
.animalpic{
	border: 1px solid #cdcdcd;
	padding: 1px;
}

#infocolumn{
	/*border: 1px solid #f00; */
	margin: 0 10px 0 275px;
	min-height:400px;
}

#infocolumn a{color: #17B8F4; text-decoration: none; font-weight: bold;}
#infocolumn a:link {color: #17B8F4; text-decoration: none;}
#infocolumn a:visited {color: #F27111;}
#infocolumn a:hover {text-decoration: underline; color: #F27111;}
#infocolumn a:active {color: #F27111;}

#infocolumn_internal{
	padding: 65px 5px 5px 5px;
	/* border: 1px solid #f00; */
	margin: 0 10px 0 275px;
	min-height:400px;
}


.welcome{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 10px 0 10px;
	}
	
img.welcome {padding: 4px 10px 0 5px;}

.individualpet img{
	border: 1px solid #cdcdcd;
	padding: 1px;
	margin: 0;
}

.welcome a{color: #17B8F4; text-decoration: none; font-weight: bold;}
.welcome a:link {color: #17B8F4; text-decoration: none;}
.welcome a:visited {color: #F27111;}
.welcome a:hover {text-decoration: underline; color: #F27111;}
.welcome a:active {color: #F27111;}

#blurbs{
	padding: 15px 4px 10px 6px;
	font-family: verdana,sans-serif;
	font-size:10px;
}
	
.available{padding: 10px 0px 5px 5px;}

	
table.pets{
	margin: 15px 4px 20px 6px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	
}

table.pets td{padding-bottom:20px; vertical-align:top;}
table.pets img{margin-right:20px;}

#individualpet{
	padding: 0 10px 5px 0;
	margin:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	width: 475px;
}

#footer{
	background-image: url(/public/img/footer_bkg.gif);
	background-repeat: repeat-x;
	width: 750px;
	height: 67px;
	display: block;
	position: relative;
	vertical-align: middle;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Gray;
	margin-top: 15px;
}

#footer td{
	width: 750px;
	height: 67px;
	text-align: center;
}

#footer a{color: #A52A2A; text-decoration: none;}
#footer a:link {color: #A52A2A; text-decoration: none;}
#footer a:visited {color: #f27111;}
#footer a:hover {text-decoration: underline; color: Gray;}
#footer a:active {color: #A52A2A;}

.greybar{
	background-color: #ccc;
	min-height: 2px; 
	float: left;
	width: 100%; 
}

.attention{
	background-color: #E0E0E0;
	padding: 10px;
}

h1{
	font-size: 16px;
	font-weight: bold;
}

h2{
	font-size: 14px;
	font-weight: bold;
	color: #f27111;
}

h3{
	font-size: 12px;
	font-weight: bold;
	color: Gray;
	margin: 2px 0 0 0;
}

#landf{
	text-align: center;
}

.box{
	border: 2px;
	border-color: #CDCDCD;
   border-style: solid;
	padding: 8px;
	margin: 6px 0 3px 0;
}

#basicform{
	background-color:#eee;
	border:2px solid #ccc;
	padding:5px;
	color: #515151;
	width: 425px;
}

#basicform input, #basicform textarea{
	border:1px solid #ccc; padding:5px;
}

#basicform input.checkbox{
	border:none;
}

#basicform td{
	vertical-align:top;
	padding:5px;
	border-bottom:2px solid #eee;
}

#basicform td.featurerow p{
	padding:5px 10px 10px 40px;
}

#basicform th{
	text-align:left;
}

#petListTable{width:100%; border:1px solid #eee;}
#petListTable th{text-align:left; background-color:#eee; padding:3px; white-space:nowrap;}
#petListTable td{padding:3px;}


span.required, span.error {

color: #cc0000;
font-size: 10px;

}



/*-- Main Navigation --*/

#navigation {
margin: 0;
padding: 0 0 0 15px;
width: 650px;
clear: both;
height: 27px;
}

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

#navigation ul li { 
margin: 0;
padding: 0;
float: left;
}

#navigation ul li a {
display: block;
padding: 4px 8px 5px 8px;
font-weight: bold;
color: #a72623;
text-decoration: none;
float: left;
text-transform: uppercase;
}

#navigation ul li a:hover {
background: #a72623;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}






/*-- Form Styles ----- */

.generic_form {



}

.generic_form {

padding: 18px 0 16px 0;
border: none;
border-bottom: solid 2px #cdd8e0;
margin: 0 0 18px 0;


}

.generic_form fieldset {

float: left;
clear: both;
border: none;

}

.generic_form legend {

font-family: Georgia, Times, "Times New Roman", serif; 
color: #fff;
font-size: 18px;
padding: 0 4px 5px 0px;
margin: 0;
border: none;

}

.generic_form ul, .generic_form ul li { 

list-style: none; 
margin: 0;
padding: 0;

}


.generic_form ul li { 

border-bottom: solid 1px #ddd;
margin: 0 0 6px 0;
padding: 0 0 6px 0;

}

.generic_form ul li span {

	margin: 0 0 0 6px;

} 

.generic_form p.note { 

font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;

}

.generic_form ul li input { 

	margin: 0 6px 0 0; 
	vertical-align: middle;	
}

.generic_form label {

display: block;
font-weight: bold;

}

.generic_form ul li label {

	display: inline;

}
.generic_form input.forminput {

padding: 3px;
font-weight: bold;

}

.generic_form fieldset {

padding: 0 0 10px 0;
border:  none;

}

.generic_form p { float: none; }

.generic_form p.formrow { 


width: 400px;
 

}

.generic_form p input.forminput { width: 400px; }

.generic_form p.formcol1 input.forminput , .generic_form p.formcol2 input.forminput { width: 400px; }

.generic_form p.formcol1 {
/*
float: left;
clear: both;
*/
}

.generic_form p.formcol2 {

/*margin: 0 0 0 200px;*/

}

.formcheck label { display: inline; }
.formcheck span {
	
	display: block;
	padding: 3px 0;

}

.generic_form p { padding-left: 0; }

.generic_form span.required, .generic_form span.error {

color: #cc0000;
font-style: italic;
font-size: 11px;

}

.generic_form span.error { display: block; } 

.generic_form .checkbox label, #forminset .checkbox label {

display: inline;
margin: 0 0 0 6px;

}



.generic_form textarea {

width: 350px;
padding: 3px;
font-weight: bold;
height: 250px;

}

p.errornotice {

color: #b5121b;
font-size: 13px;
background: #cc0000;
padding: 9px;
margin: 0 0 18px 0;

}

input.submit {

padding: 5px;
font-weight: bold;

}

.generic_form input.submit { margin: 0 0 18px 0; }


.generic_form .small input.forminput  { width: 65px; }

.generic_form h3 {

border-bottom: solid 1px #ddd;
color: #711023;
font-size: 18px;
padding: 8px 0 10px 0;
margin: 0 0 10px 0;

}

p.error {

color: #cc0000;

}

p.usernotice {

background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;

}

span.note { 

font-size: 11px; 
display: block;

}

.generic_form p.paver {

	padding: 12px;
	background: #eee;
	border: solid 1px #ddd;
	text-align: center;
	font-weight: bold;
	font-size: 14px;

}

.generic_form p.paver .row1, .generic_form p.paver .row2 {
	
	display: block;

}

.generic_form p.paver input {

	text-align: center;
	width: 20px;
	
}

.formcheck input.small {

	width: 30px;
	margin: 0 5px 0 0;
}

.compact p { 

clear: both;
float: left;
padding: 0; 

}

.compact label { 



}

.compact fieldset { 

border: 0; 
padding: 6px; 

}

.compact fieldset legend { padding: 0; }

.compact input { 

margin: 0; 
padding: 3px;

}

.compact input.submit { 

padding: 2px;
margin: 12px 0 0 0;


}

#forminset {

padding: 10px;
background: #666e77;
margin: 0 0 12px 0;

}

#forminset ul {

list-style: none;

}

#forminset .checkbox {

border-top: solid 1px #fff;
padding: 10px 0 10px 0;
margin: 12px 0 0 0;

}