@charset "utf-8";
/* CSS Document */
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}
/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body{background-image:url(../i/BackgroundTile2.jpg); background-repeat: repeat-x; background-position: 0px 203px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #3f2001; font-size: 14px; color: #663300; line-height: 19px;}

/* Link Settings */
a:link{color: #ca7014; text-decoration: none;}
a:visited{color: #663300;}
a:hover{color: #663300;}

/* Headings */
h1{border-bottom: 1px solid #663300; margin-bottom: 10px;}
h2{color: #1b71a2; margin: 13px 0px 3px 0px;; border-bottom: 1px solid #d8d2ca;}

/* Main Site Containers */
#container{margin: 0px auto 15px auto; width:960px; position: relative; background-color: #FFFFFF;}
#contentContainer{border: 1px solid #cc6600; border-top: none; position: relative; margin: 0px; padding: 0px;}
#headerBackground{position: absolute; top: 0px; right: 0px;background-image:url(../i/HeaderTile1.jpg); background-repeat: repeat-x; height: 630px; width: 100%;}
#header{width:960px; position: relative; background-image:url(../i/Header2.jpg); background-repeat: no-repeat; background-color: #FFFFFF; height: 186px;}
#footerContainer{position: relative; margin: 8px auto 10px auto; width: 960px; background-image: url(../i/footerDogs.jpg); text-align: center;
background-repeat: no-repeat; background-position: 40px 0px; padding: 40px 10px 10px 10px; font-size: 12px; line-height: 18px; height:85px;}
#footerYokies{position: absolute;background-image: url(../i/footerYokies.jpg); background-repeat: no-repeat; top: 0px; right: 70px; width: 194px; height: 127px;}
#designedBy{position: absolute; top: 8px; right: 10px; }

#navContainer{position: relative;}
/* Navigation */
#navigation {background:url(../i/navUp4.jpg) no-repeat; height:41px; margin:0px; padding:0px;}
#navigation span {display: none;}
#navigation li, #navigation a {height:41px; display:block;}
#navigation li {float:left; list-style:none; display:inline;}

#navHome {width: 55px;}
#navGallery {width: 95px;}
#navAvailPuppies {width: 120px;}
#navOlderPuppies {width: 97px;}
#navDogCare {width: 107px;}
#navHealth {width: 121px;}
#navContact {width: 83px;}

#navHome a:hover {background:url(../i/navOver4.jpg) 0px 0px no-repeat;}
#navGallery a:hover {background:url(../i/navOver4.jpg) -55px 0px no-repeat;}
#navAvailPuppies a:hover {background:url(../i/navOver4.jpg) -150px 0px no-repeat;}
#navOlderPuppies a:hover {background:url(../i/navOver4.jpg) -270px 0px no-repeat;}
#navDogCare a:hover {background:url(../i/navOver4.jpg) -367px 0px no-repeat;}
#navHealth a:hover {background:url(../i/navOver4.jpg) -474px 0px no-repeat;}
#navContact a:hover {background:url(../i/navOver4.jpg) -595px 0px no-repeat;}

/* Lists */
.copyList{margin: 10px 0px 10px 0px; list-style-type: disc;}
.copyList li {font-weight: bold; font-size: 13px; margin: 0px 0px 0px 60px; line-height: 20px;}

.drContainer{border-top: 1px solid #CCCCCC; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; clear: left; width: 700px;}
.floatL{float: left; margin: 0px 10px 0px 0px;}
.floatR{float: right; margin: 0px 10px 0px 10px;}
.drPhoto{border: 1px solid #666666;}

/* Layout */
.content{position: relative;  margin: 0px 25px 15px 20px;padding: 0px; width: 915px; text-align: justify;}
.contentTop{position: absolute; top: 0px; left: 0px; width: 799px; height: 10px;}
.contentBottom{position: absolute; bottom: 0px; left: 0px; width: 799px; height: 10px;}
.mapContainer{width:445px; margin: 0px 0px 5px 0px; border: 1px solid #000000;}

.contactFloatL{float: left; width: 450px;}
.contactFloatR{float: right; width: 425px;}

#breedsContainer{position: relative; margin: 0px auto; padding: 65px 0px 0px 30px; width: 866px; height: 176px; background: url(../i/Breeds.jpg) no-repeat;}
.breedCol{float: left; width: 170px; color: #98510a; font-size: 12px; line-height: 17px; font-weight: bold;}
.breedType{font-weight: bold; color: #663300;}

/*Form */
.form{width: 385px; margin: 0px auto;}
.row{clear: left; padding: 6px; font-weight: bold; font-size: 13px;}
label{float: left; width: 135px; text-align: right; margin-right: 5px; padding-top: 3px;}
.txtbx{float: left; width:203px; border: 1px solid #7a6958; padding: 3px;}
.txtbxR{float: left; width:200px; border: 1px solid #7a6958; padding: 3px; border-right: 4px solid #CC0000;}
.ddl{float:left; width:205px; border: 1px solid #7a6958;}
.ddlR{float:left; width:75px; border: 1px solid #7a6958; border-right: 4px solid #CC0000;}
.validation{float:left; color:Red}
.txtarea{width:375px; height: 100px;}
.chkLabel{float:none;}

.picIdentify{float: left; width: 120px; text-align: center; margin-bottom: 5px;}
.picIdentify img{margin: 6px; border: 1px solid #FFFFFF;}

/*Misc */
.clear{margin:0px; padding: 0px; clear: both; height: 0px;}
.center{text-align: center;}
.italic{text-align: center; font-style: italic; padding: 0px 70px 0px 40px; margin: 15px 0px 15px 0px; font-size: 13px; line-height: 16px; font-weight:bold;}
hr.thin{height: 1px; border: 0px; color: #67573e; background-color: #7a6958;}
.smallText{font-size: 12px;}



/*######################## mom######################*/
.errortxt
{
  color:#FF0000;
}

.add_puppie{
background:transparent url(../i/add_puppies.gif);
display:block;
width:104px;
height:23px;
margin-top:10px;
}
.add_puppie span{
position:absolute;
top:-1000px;
}


ul#left_menu {
list-style-type:none;
margin:0;
padding:0;
}
#left_menu li {
background-image:url(../i/left_side_menu_bg.gif);
background-position:0 5px;
background-repeat:no-repeat;
padding-bottom:5px;
padding-left:20px;
}
#left_menu li a {
color:#663300;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
#left_menu li a:hover {
color:#663300;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.tr_listed {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; BACKGROUND-COLOR: #999; TEXT-ALIGN: center;
}
p{width:auto;
padding:0;
margin:0;}

a.view{
display:block;
background-image:url(../i/profile.jpg);
background-position:0 5px;
background-repeat:no-repeat;
padding-left:25px;
width:38px;
height:25px;
padding-top:5px;
font-size:12px;
font-weight:bold;
float:left;
}
a.edit{
display:block;
background-image:url(../i/edit_img.gif);
background-position:0 5px;
background-repeat:no-repeat;
padding-left:20px;
width:38px;
height:25px;
padding-top:5px;
font-size:12px;
font-weight:bold;
float:left;
}
a.delete{
display:block;
background-image:url(../i/del_img.gif);
background-position:0 5px;
background-repeat:no-repeat;
padding-left:20px;
width:38px;
height:25px;
padding-top:5px;
font-size:12px;
font-weight:bold;
float:left;
}
a.move{
display:block;
background-image:url(../i/move.gif);
background-position:0px 7px;
background-repeat:no-repeat;
padding-left:20px;
width:auto;
height:25px;
padding-top:5px;
font-size:12px;
font-weight:bold;
float:left;
}
.admin_available{
font-size:12px;
}