html,body { margin: 0; padding: 0; width: 100%; height: 100%; }
body { color: #6A6868; background: #4E403D url(http://html.dogsindanger.com/doggie/images/body-background.gif) repeat-y top center; font: 11px/15px Arial, Helvetica, sans-serif; }
a { color: #756987; text-decoration:none; }
a:hover { color: #e20635;  text-decoration:underline;}

img { border: 0; }
hr { color:#c58c6f;}
table { padding: 0; border: 0; }
table td { padding: 0; border: 0; vertical-align: top; }
img.border { border: 7px solid #484848; }
form { padding: 0; margin: 0; }
input, select { font-size: 9px; color: #5F5F5F;padding: 0; margin: 0; }
#blank { clear: both; margin:10px 10px 10px 10px}



/** HEADER **/
#header { border-bottom: 1px solid #FFF; width: 727px; height: 140px !important; height /**/:126px; background: url(http://html.dogsindanger.com/doggie/images/header-main.jpg) no-repeat top left; position: relative; }

body#memorial #header {  border-bottom: 1px solid #FFF; width: 727px; height: 140px !important; height /**/:126px; background: url(http://html.dogsindanger.com/doggie/images/header-memorial.jpg) no-repeat top left; position: relative; }
body#success #header {  border-bottom: 1px solid #FFF; width: 727px; height: 140px !important; height /**/:126px; background: url(http://html.dogsindanger.com/doggie/images/header-success.jpg) no-repeat top left; position: relative; }


#header p{ color:#333333;  margin: 20px 0 0 290px; color:#821b0d; font-size:13px; }
#header div.counter{ color:#333333;  margin: 0px 0 0 2px; padding-top:100px;color:#ffffff; font-size:13px; width:190px; }

/**MAIN PAGE BUCKETS **/
#introBG { border-bottom: 1px solid #FFF; padding: 22px 25px 0 0px; width: 702px !important; width /**/:727px; height: 247px;   background:#cccccc url(http://html.dogsindanger.com/doggie/images/header3.jpg) no-repeat top left;  }

#testerBG { border-bottom: 1px solid #FFF; padding: 0px 25px 0px 0px; width: 702px !important; height: 245px !important; background:#cccccc url(http://html.dogsindanger.com/doggie/images/header2.jpg) no-repeat top left;   }


#buckets { margin: 0 auto; width: 727px; height: 232px; background-color:#FFFFFF;  position: relative; }
#buckets { color: #626D81; font: 11px/14px Arial, Helvetica, sans-serif; }
#buckets a { color: #ffffff;}
#buckets a:hover { color: #e20635;text-decoration:underline;}
#buckets ul { margin: 0; padding: 0; color: #626D81; list-style-type: none; }
#buckets li { margin: 0; padding:0;  }

#bucketLeft {	padding-top: 17px;	width: 240px;	position: absolute;	top: 0px;	left: 0px;	background: url(http://html.dogsindanger.com/doggie/images/bg-left.gif)  repeat-y;	height: 212px;}
#bucketLeft h3 { margin: -11px 1px 0 20px;  font-size:14px; color:#ffffff; text-transform:uppercase; }
#bucketLeft p { margin: 0 0 0 20px; color:#ffffff; }
#bucketLeft div.pet { margin: 5px 10px 0 20px; }
#bucketLeft form { margin: 5px 1px 0 1px; }

#bucketLeft select { width: 140px; background-color:#455a64; }
#bucketLeft input.button { color: #000000; display: block; background-color:#ffffff;   margin:5px 5px 5px 20px;}

#bucketMiddle { margin: 0 243px; padding-top: 17px; 	width: 240px;position: absolute;background: url(http://html.dogsindanger.com/doggie/images/bg-middle.gif)  repeat-y;height: 212px;color:#ffffff; }
#bucketMiddle h3 { margin: -11px 1px 0 20px;  font-size:14px; color:#ffffff; text-transform:uppercase; }
#bucketMiddle p {  margin: 5px 0 0 20px; }
#bucketMiddle  ul { color:#ffffff; margin: 5px 0 0 0; }
#bucketMiddle  li { color:#ffffff; margin: 0 0 0 10px; }
#bucketMiddle form { margin-top: 8px; }

#bucketRight { padding-top: 17px; width: 240px;height: 212px !important; height /**/:188px; position: absolute;	background: url(http://html.dogsindanger.com/doggie/images/bg-right.gif)  repeat-y; right: 0; }
#bucketRight h3 { margin: -11px 1px 0 20px;  font-size:14px; color:#e20635; text-transform:uppercase; }
#bucketRight p {  margin:0 2px  0 20px; color:#ffffff;  }
#bucketRight div.pet { margin: 5px 10px 0 20px; }
#bucketRight form { margin: 1px 1px 0 1px; }
#bucketRight input{ width: 140px; color: #ffffff; }
#bucketRight select { width: 140px;  }
#bucketRight .button { width: 140px; color: #ffffff;   margin:5px 5px 5px 20px;}
#bucketRight image { border:#29423f 2px solid; }
#bucketRight a { color:#e20635;}

/** LEFT MENU **/
td.submenu { width: 179px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;  border-right: 1px solid #8b9a95;}
td.submenu h3 { margin: 6px 0 0; width: 179px; height: 35px; text-indent: -9999px; }
#submenu { margin: 0; padding:0px; width: 179px; background-color: #918b9a; list-style-type: none; }
#submenu li { margin: 0; padding: 0;  background:  url(http://html.dogsindanger.com/doggie/images/arrow.gif) no-repeat; background-position: 2px 10px; }
#submenu li a { margin: 0; border-top: 1px solid #FFF; padding: 4px 11px; width: 157px !important; width /**/:179px; color: #FFF; display: block; text-decoration: none; font-weight:600;}
#submenu li a:hover { color: #293a42; text-decoration: none; }

/** SEARCH ENGINE **/
#searchDog { padding: 10px 10px 20px 10px; width: 159px !important; width /**/:179px; background-color:#dddedf;}
#searchDog p { margin: 0 0 8px; color: #474747; }
#searchDog h4 { margin: 0 0 5px; width: 128px; height: 9px; text-indent: -9999px; background-color:#0000FF; }
#searchDog input, select { margin-bottom: 2px; width: 147px; color: #000000; display: block; background-color:#FFFFFF; }
#searchDog input.button { margin-bottom: 2px; color: #FFFFFF; display: block; background-color:#455a64; }


/** CONTENT **/
table.container { margin: 0 auto; width: 727px; height: 100%;background-color: #000000; }
td.containercell { padding: 0 40px; width: 727px !important; width /**/:727px; height: 100%;  text-align: left; }
#contentcontainer { border-top: 1px solid #000000; padding-bottom: 5px; border-bottom: 1px solid #8b9a95; background-color:#e3e9e7;}

td.content { border-bottom: 1px solid #293a42; padding: 5px 23px 10px 10px; width: 505px !important; width /**/:548px; background-color: #EFEFEF;background-position: top left;  color: #000; font: 12px/14px Arial, Helvetica, sans-serif; }
body#memorial td.content {  border-bottom: 1px solid #000000; padding: 5px 23px 10px; width: 502px !important; width /**/:548px; background-color: #b9b5b5;background-position: top left;  color: #000; font: 12px/14px Arial, Helvetica, sans-serif;}

.blackbox{background-color: #000000; width: 480px;padding: 10px;font-size:11px;color: #ffffff;}
.purplebox{background-color: #ffffff; width: 480px;padding:10px 10px 0px 10px;font-size:11px;color: #666;}
.colorBG{background-color: #dcfbfb; padding: 5px; color:#616060; font-size:14px; font-weight:bold;border:1px solid #6f9cc5}

h1 { margin: 0 0 25px; width: 500px; height: 17px; text-indent: -9999px; color:#0000CC;}
h2 { margin: 10px 5px 14px; color: #293a42; font-size: 13px; font-weight: bold; text-transform: uppercase; }
h3 { margin: 0 0 2px 10px; color: #534c5d; font-weight: bold; font-size: 11px; text-transform:uppercase; }
h4 { margin: 0; padding: 4px 5px 3px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #FFF; background-color: #293a42; display: block; }
h4 a { color: #FFF; text-decoration: none; }
h4 a:hover { color: #d8cfe6; text-decoration: none; }
p { margin: 0 5px 14px; color:#000000;}

.title {margin: 10px 0 8px 0; color: #41260f; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.dogname {margin: 10px 0 8px 0; color: #29423f; font-size: 13px; font-weight: bold; text-transform: capitalize; }
.dogname a {color:#29423f; }
.dogname a:hover {color:#e20635; text-decoration:underline; }

p.breadcrumb { margin: 0 0 1px; color: #293a42; font-size: 10px; text-transform: uppercase; }
p.breadcrumb a { color: #41260f; text-decoration: none; }
p.breadcrumb a:hover { text-decoration: none; color:#293a42; }

td.content ul { margin: 0 0 14px; padding: 0; list-style-type: none; }
td.content li { margin: 0; padding: 0 0 0 20px; background: url(http://html.dogsindanger.com/doggie/images/arrow.gif) no-repeat; background-position: 2px 10px; }


/** FOOTER **/
#footer { width: 727px; text-align: left; position: relative; padding-top:10px; }
#footer a, #footer a:visited { color:#FFFFFF; font-size:11px;  }
#footer a:hover { color:#c0cbd1; font-size:11px;  }
#footer p { margin: 0 0 12px; color: #919191; font: 9px/12px Arial, Helvetica, sans-serif; }
#footer p.csu { margin-bottom: 20px; margin-left:2PX; color:#FFFFFF;font-size:10px; }z
#footer p.csu a, #footer p.csu a:visited {color:#a0aeb4;  text-decoration:none;}
#footer p.csu a:hover {color:#ffffff; text-decoration:underline;}

/** SNAZZY **/


.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1em; 
padding:0 0px 0px 0px; 
border-bottom:1px solid #FFFFFF;
}


.xsnazzy {
background: transparent; 
width:181px;
float:left; 
margin:0 3px;
}

.xsnazzyRet {
background: transparent; 
width:490px;
float:left; 
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}

.xb5, .xb6, .xb7, .xb8 {
display:block; 
overflow:hidden;
}


.xb1, .xb2, .xb3 {
height:1px;
}

.xb5, .xb6, .xb8 {
height:1px;
}

.xb2, .xb3, .xb4 {
background:#FFFFFF; 
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

.xb5, .xb6, .xb7 {
background:transparent; 
border-left:1px solid #C58C6F;
border-right:1px solid #C58C6F;
}

.xb1 {
margin:0 5px;
background:#FFFFFF;
}

.xb8 {
margin:0 5px;
background:#C58C6F;
}

.xb2 {
margin:0 3px;
border-width:0 2px;
}

.xb5 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}

.xb6 {
margin:0 2px;
}

.xb4 {
height:2px; 
margin:0 1px;
}

.xb7 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #FFFFFF; 
border-width:0 1px; 
height:auto;
font-size:10pt;
font-family:sans-serif;
}

.xboxcontentRet {
display:block; 
border:0 solid #C58C6F; 
border-width:0 1px; 
height:auto;
font-size:10pt;
font-family:sans-serif;
}

* html .xboxcontent {
height:1px;
}

.color_a {
background:transparent;
color:#fff;
}

.color_a2 {
background:#FFFFFF;
color:#000;
}
.retDog {
padding:0px 3px 5px 3px;
margin-left:2px;
height:45px;
}

.searchPic {
border:2px solid #cccccc;
float:left;
margin-right:4px;
vertical-align:top;
}

.dogPicThumb {
border:1px solid #626262;
padding:3px;
margin-left:3px;
}

.memorial {
border-width:5px;
border-color:#7c7c7c;
border-style:groove;
background-color:#000000;
width:125px;
text-align:center;
color:#ffffff;
}

.memorialPic {
float:top;
border:1px solid #c38d73;
}

.memorialHeart {
float:right;
margin-right:3px;
}

.miniPict {
width:40px;
height:25px;
border:1px solid #aaaaaa;
margin-top:3px;
vertical-align:middle;
}

.photoBorder {
border-bottom:1px solid #c58c6f;
}






#pic {
	background-color: transparent;
	left: 0px;
	position: relative;
	top: 0px;
	
}

#pic a .large {
	border: 0px;
	display: block;
	height: 0px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}

#pic a img {
	border: 1px solid #c58c6f;
	margin-top:3px;
	margin-right:3px;
}

#pic a.p1, #pic a.p1:visited {
	background: transparent;
	border: none;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
	
}

#pic a.p1:hover {
	background-color: #e9e6ef;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 2px solid #c58c6f;
	display: block;
	height: 150px;
	left: -210px;
	position: absolute;
	top: -90px;
	width: 200px;
}


.tripMinPic {
width:40px;
height:35px;
border:1px solid;
margin-left:3px;
text-align:center;
}

#AthreeWays {
	background-color:red;
	color:white;
	font-weight:600;
	padding:5px;
	height:25px;
}


.clicked {

	background-color:#ffffff;
	border:1px solid #c58c6f;
	padding:1px 2px 1px 2px;
	font-weight:600;
	color:red;
}

.donations {

	background-color:#ffffff;
	margin-top:3px;
	padding:3px 3px 3px 5px;
	border:1px solid #aaaaaa;
	font-size:8.5pt;
	width:100%
}

.dogName {
font-weight:bold;
font-size:10pt;
border-bottom:1px solid #e9e9e9;
padding-top:4px;
}

.donorName {
font-size:9pt;
border-bottom:1px solid #e9e9e9;
}

.donorAmount {
font-size:9pt;
border-bottom:1px solid #e9e9e9;
}

.homeMidBox {
background: url(http://html.dogsindanger.com/doggie/images/homeGradX.jpg) no-repeat;
}

.shadow2 {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
