/*----- Basic Layout -----*/

body {
	background:#fff url("../images/bg.jpg") repeat center top;
	color:#000;
	margin:0;
	font:10pt/13pt Verdana, Arial, Helvetica, sans-serif;
	}

#col_left {
	width:230px;
	float:left;
	text-align:center;
	}

#col_right {
	background:url("../images/paw_2.png") no-repeat right top;
	color:#000;
	width:540px;
	min-height:400px;
	float:right;
	text-align:left;
	padding:0 10px 0 0;
	}

#container {
	position:absolute;
	left:50%;
	width:794px;
	margin:0 0 0 -401px;
	}

#content_area {
	background:#f0f0f0 url("../images/paw_1.png") no-repeat left bottom;
	color:#000;
	width:780px;
	margin:0 0 0 7px;
	}

#footer {
	background:#003875;
	color:#969696;
	padding:10px 10px 10px 0;
	text-align:right;
	font-size:0.8em;
	clear:both;
	}

#gradient {
	background:url("../images/bg_top.jpg") repeat-x center top;
	color:#000;
	width:100%;
	min-height:600px;
	text-align:center;
	}

#header {
	background:#8cc63f;
	color:#000;
	height:10px;
	text-align:left;
	}

/*----- Buttons -----*/

.button {
	margin:0 1px;
	}

#button_get_started {
	border:0;
	margin:10px 0 0 0;
	cursor:pointer;
	}

.button_window {
	margin:0 1px;
	}

.buttons {
	display:block;
	text-align:center;
	margin:2px auto;
	}

/*----- Calendar -----*/

.calendar_icon {
	width:20px;
	height:15px;
	border:0;
	position:relative;
	top:2px;
	}

/* the div that holds the date picker calendar */
.dpDiv {
	margin:3px 0 0 25px;
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	background:#c3ceda;
	border:1px solid #000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border:1px solid #000;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background:#849BB3;
	border:1px solid #849BB3;
	color:#fff;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background:#9DC176;
	border:1px solid #9DC176;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background:#999;
	border:1px solid #000;
	color:#fff;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size:12px;
	color:#000;
	font-weight:bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color:#fff;
	font-weight:bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background:#fff;
	font-weight:bold;
	padding:0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background:#fff;
	font-weight:bold;
	}

/*----- Contact Form -----*/

.clarification {
	font-size:0.8em;
	font-style:italic;
	}

#comments {
	width:515px;
	height:150px;
	}

form {
	padding:0 0 20px 0;
	}

fieldset {
	background:#a8b8cb url("../images/form_bg.png") repeat-x left top;
	color:#000;
	border:1px solid #999;
	margin:15px 0;
	}

#step_one fieldset label,
#step_one fieldset input {
	margin:0 0 0 35px;
	}

.input_breed {
	float:left;
	width:160px;
	clear:both;
	margin:10px 0;
	}

.input_name {
	width:160px;
	float:left;
	margin:10px 0;
	}

.input_age {
	width:160px;
	float:left;
	margin:10px 0;
	}

legend {
	background:#f0f0f0;
	color:#333;
	font-weight:bold;
	margin:0 5px;
	padding:0 5px;
	}

p .clarification {
	font-size:0.8em;
	font-style:italic;
	margin:0 0 0 45px;
	}

#submit_one,
#submit_two {
	float:right;
	margin:0 0 15px 0;
	}

/*----- Copyright and Credit -----*/

#footer a:link,
#footer a:visited {
	background:transparent;
	color:#8cc63f;
	text-decoration:underline;
	}

/*----- Drop Shadow -----*/

#corner_left {
	float:left;
	width:8px;
	height:8px;
	}

#corner_right {
	float:left;
	width:7px;
	height:8px;
	}

#shadow_bottom {
	float:left;
	width:778px;
	height:8px;
	}

#shadow_foot {
	position:absolute;
	left:50%;
	width:794px;
	margin:0 0 0 -396px;
	padding:0 0 20px 0;
	text-align:left;
	height:8px;
	}

#shadow_right {
	background:url("../images/shadow_bg.png") repeat-y center top;
	color:#000;
	text-align:left;
	}

/*----- Image Styling -----*/

/*---( Bio Pic )---*/

#bio_pic {
	width:154px;
	height:221px;
	border:0;
	}

#bio_pic_2 {
	width:130px;
	height:182px;
	border:0;
	margin:0;
	}

#bio_pic_3 {
	width:260px;
	height:182px;
	border:0;
	margin:0 10px;
	}

#bio_pic_4 {
	width:130px;
	height:182px;
	border:0;
	margin:0;
	}

/* This is what causes the bio pic to float left */
#pic_floater {
	float:left;
	width:154px;
	margin:15px 12px 0 0;
	text-align:center;
	}

/*---( Logos )---*/

#logo_psa {
	border:0;
	width:130px;
	height:93px;
	margin:20px 0 20px 0;
	}

#logo_psi {
	border:0;
	width:72px;
	height:77px;
	margin:15px 0 0 0;
	}

#logo_southpaw {
	border:0;
	width:208px;
	height:207px;
	position:relative;
	top:0;
	left:12px;
	}

#logo_southpaw_dogtag {
	border:0;
	width:208px;
	height:207px;
	position:relative;
	top:0;
	left:12px;
	}

/*----- Map -----*/

#map {
	width:535px;
	height:535px;
	margin:0 0 10px 0;
	border:1px solid #000;
	}

/*----- MISC -----*/

.bigboldcentered {
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	}

#bio_name {
	font-size:1.4em;
	margin:15px 0 0 0;
	}

.clear {
	clear:both;
	}

#contact_info {
	background:transparent;
	color:#333;
	text-align:center;
	font-size:0.75em;
	font-weight:bold;
	line-height:1.3em;
	margin:20px 0;
	}

h1 {
	font-size:1.8em;
	font-weight:bold;
	margin:15px 0 0 0;
	}

h2 {
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	}

h4 { /* This is used in the unavail box */
	margin:0;
	font-size:1em;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	}

h6 {
	font-size:0.8em;
	font-weight:bold;
	margin:2px 5px 0 5px;
	line-height:1.2em;
	}

#tagline {
	margin:10px 0 0 35px;
	}

u {
	text-decoration:underline;
	}

/*----- Navigation -----*/

#active {
	background:#c3ceda;
	color:#000;
	display:block;
	padding:5px 0;
	}

#nav {
	margin:200px 0 0 0;
	padding:0 25px;
	list-style:none;
	}

#nav a {
	background:transparent;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	display:block;
	padding:5px 0;
	}

#nav a:hover {
	background:#deeacf;
	color:#000;
	}

#nav li {
	border-top:0px;
	border-right:0px;
	border-bottom:3px solid #e6e6e6;
	border-left:0px;
	padding:5px 0;
	font-size:1.2em;
	font-weight:bold;
	}

/*----- Unavail Box -----*/

#unavail_box {
	background:#000;
	color:#fff;
	width:200px;
	margin:0 10px;
	padding:0 5px;
	text-align:left;
	}

#unavail_box_bottom,
#unavail_box_top {
	width:210px;
	margin:0 10px;
	padding:0;
	}

#unavail_list {
	list-style:none;
	margin:0;
	padding:10px 5px;
	text-align:center;
	}

/*----- Why Choose List -----*/

#why_choose {
	list-style:none url("../images/bullet_paw.png");
	}

#why_choose li {
	width:375px;
	margin:10px 0;
	}