/***** Global Settings *****/

html, body {
  border:0;
  margin:0;
  padding:0;
}

body {
  background: url('../img/BG_Gradation.png') #cccccc top left repeat-x;
  font:11px/15px Arial, Verdana, Helvetica, sans-serif;
  top:0;
  left:0;
  padding:0;
}

table, tr, td , th{ 
  text-align: left;
	vertical-align: top;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
  font-weight:normal;
}

h3 {
  color: #000;
  font:20px/28px Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 2px 0;
}

h4 {
  color: #945C48;
  font:18px/26px Arial, Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0;
  padding: 0px 0 10px 20px;
}
/***** Common Formatting *****/

p, ul, ol {
  margin:0;
}

ul, ol {
  padding:0;
}

blockquote {
  margin:1.25em;
  padding:1.25em 1.25em 0 1.25em;
}

small {
  font-size:0.85em;
}

img {
  border:0;
}

sup {
  position:relative;
  bottom:0.3em;
  vertical-align:baseline;
}

sub {
  position:relative;
  bottom:-0.2em;
  vertical-align:baseline;
}

acronym, abbr {
  cursor:help;
  letter-spacing:1px;
  border-bottom:1px dashed;
}

/***** Global Classes *****/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.caps    	   { text-transform: uppercase; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** Layout *****/
#wrap {
  width: 900px;
  height: 575px;
  margin:0px auto;
  background: url('../img/Grid-Pattern.png') top left repeat;
}
#wrap_tour {
  width: 960px;
  height: 615px;
  margin: 0px auto;
  padding: 10px 0;
  background: #fff;
}
#body_tour {
  background: url('../img/Grid-Pattern.png') top left repeat;
}
#wrap_admin {
  width: 800px;
  margin:0px auto;
}
#outer_left_side{
  width: 200px;
  float: left;
  margin-top: 20px;
}

#outer_right_side{
  width: 700px;
  float: right;
  margin-top: 20px;
  background: url('../img/WhiteBox.png') top left no-repeat;
  min-height: 485px;
}

#logo{
  position: absolute;
  z-index: 100;
  margin-left: 40px;
}

#pet_of_the_day{
  position: absolute;
  z-index: 50;
  margin-top: 135px;
  margin-left: 20px;
}


#banner, #middle_holder {
  padding-left: 40px;
  
}

#middle_holder {
  margin-top: 20px;
  height: 380px;
}

#footer {
  margin-top: 20px;
  min-height: 50px;
  background: url('../img/Basebar.png') top left no-repeat;
  color: #B3B3B3;
}

/***** Links *****/
a,
a:link,
a:visited {
  color: #945C48;
  text-decoration: none;
}

.textNav {
  position: absolute;
}

.textNav  ul{
  list-style:none;
	margin:0;
	padding:0;
}

.textNav  li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
}

#footer ul{
  float: right;
  margin: 17px 25px 0 0;
}

#footer li{
  margin: 0px;
  margin-left: -5px;
  padding: 0px;
  display: inline;
  font: 10pt Arial, Verdana, Helvetica, sans-serif;
  list-style-type: none;
}
.adminTextNav  {
  color: #000000;
  font-weight: bold;
  padding: 10px 20px 0 20px;
}
.adminTextNav li{
  display: inline;
  font: 10pt Arial, Verdana, Helvetica, sans-serif;
  list-style-type: none;
}
.adminTextNav a:hover {
  color: #3C84C5;
}

/***** Footer *****/
#footer p{
  padding-top: 5px;
  font:0.8em Arial, Verdana, Helvetica, sans-serif;
  color: #444444;
  text-align: center;
}

#sitecredits {
  width: 900px;
  margin: 5px auto;
}

#sitecredits a {
  float: right;
}

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

.label {
  color: #945C48;
  font:12px/16px Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

#left_content {
  float: left;
  width: 390px;
  max-height: 372px;
}
#inner_left_content{
  padding: 0;
  margin: 0;
  overflow: auto;
  max-height: 314px;
}
#left_content p{
  margin: 0 15px 0 15px;
  overflow: auto;
}

#right_content {
  float: right;
  margin: 0;
  width: 260px;
  height: 392px;
}
#pet_of_the_day_pic{
  position: absolute;
  z-index: 1;
  height: 145px;
  margin: 154px 0 0 35px;
  overflow: hidden;
}
#pet_of_the_day_writeup{
  position: absolute;
  z-index: 100;
  width: 132px;
  height: 160px;
  margin: 310px 0 0 40px;
  overflow: auto;
}
#pet_of_the_day_nav{
  position: absolute;
  z-index: 100;
  margin-top: 488px;
}
#pet_of_the_day_nav img{
  cursor: pointer;
  margin-left: 40px;
}
#grey_separator_bar {
  margin: -2px 50px 0 0;
}
.news_item{
  width: 355px;
  padding-bottom: 10px;
  margin: 0 0 10px 10px;
  border-bottom: 1px solid #cccccc;
}
.news_date{
  padding-left: 12px;
  font-weight: bold;
}
#right_main_nav{
  position: absolute;
  z-index: 9999;
  width: 260px;
}
#random_pet{
  position: absolute;
  z-index: 9998;
  margin-top: 180px;
}
 #ie6msg {border: 3px solid #CC0000; margin: 8px 0; background: #cc9999; color: #000;} 
 #ie6msg h4 {margin: 8px; padding: 0;} 
 #ie6msg p {margin: 8px; padding: 0;} 
 #ie6msg p a {font-weight: bold; color: #006;} 
 #ie6msg p a  {font-weight: normal; color: #006;}