/*
Steve Clason
Top Dog Strategy
www.topdogstrategy.com

For testing random home images below a background mask.
S. Clason
2 Apr 07

Used with homeLayout.cfm.

1. moved banner background from body to wrapper, changed name.
2. Changed wrapper top margin from 210 to 0.
3. Added ContentWrapper div inside wrapper to hold top margin.
4. Moved 210 top margin from wrapper to contentWrapper.
*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
  font-size: 100.01%;
  font-family: Arial, Helvetica, sans-serif;
}

body, div, span, img, form, h1, h2, h3, h4, h5, h6, ul, li {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
body {
  width: 778px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
  background-color: #1b0466;
  }

/*structural elements*/
#wrapper {
  position: relative;
  width: 778px;
  margin: 0;
  /* border-top: 1px solid transparent; */
  z-index: 4;
}

#phoneNumber { /* White phone number in the header. */
  position: absolute;
  right: 0px;
  color: #fff;
  font-weight: bold;
  z-index: 5;
  top: -22px;
}
#contentWrapper {
  margin-top: -20px;
}
/* Navigation styling. */
#mainNav {
  float: left;
  width: 153px;
  color: #fff;
  font-size: 14px;
}
#mainNav img {/* Only applies to the PetPortal link. */
  display: block;
  margin-left: 25px;
}
#mainNav ul {
  list-style: none;
  margin: 30px 14px;
}
#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:hover, 
#mainNav a:active {
  color: #fff;
  text-decoration: none;
}
#mainNav a:hover {
  color: #FFD38E;
}
#mainNav li.active a {
  color: #FFD38E;
}
#secondaryNav {
  font-size: 14px;
  background-color: #FEEED5;
}
#secondaryNav ul {
  list-style: none;
  margin: 30px 0px;
}
#secondaryNav a, #secondaryNav a:link, #secondaryNav a:visited, #secondaryNav a:hover, 
#secondaryNav a:active {
  color: #1a0466;
  text-decoration: none;
}
#secondaryNav a:hover {
  color: #8E6C7A;
}
#content {
  margin: 0 0 30px 153px;
  padding-bottom: 0px;
  background-color: #fee2b3;
  position: relative;
  background-image: url(../images/content-topCorner.png);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 12px;
}
#sidebar {
  float: right; 
  position: relative;
  width: 187px;
  background-color: #FEEED5;
  position: relative;
  background-image: url("../images/sidebar-SecBorder.png");
  background-repeat: repeat-y;
  padding-left: 35px;
}

#homeSidebar {
  background-color: #FFD38E;
  float: right;  
  width: 429px;
  position: relative;
  background-image: url("../images/sidebar-homeBorder.png");
  background-repeat: repeat-y;
  padding-left: 35px;
}
#homeSidebar #homeImage {
  margin-top: 30px;
  margin-left: 8px;
}
#homeSidebar img {
  float: right;
}
#content .text {
  margin: 0 0 0 24px;
  padding: 0 0 20px 0;
}
#content .homeText {
  margin: 0 0 0 10px;
  padding: 0 0 20px 0;
}
#secondPageImage {
  float: right;
  padding: 15px 28px;
  position: relative;
}
#secondPageImage .random1 {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 3;
}
.topCorner {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}  
.bottomCorner {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
}
/* .bottomCorner {
  position: absolute;
  bottom: 10px;
  left: -24px;
  display: block;
} */
.clear {
  clear: both;
  height: 1px;
}
/*typography*/
a {
  text-decoration: underline;
  font-weight: normal;
  color: #000;
  }
a:link {
  }
a:visited {
  }
a:hover {
  text-decoration: none;
  }
a:active {
  }

h1 {
  font-size: 14px;;
  font-weight: normal;
  padding-top: 30px;;
  margin-bottom: 0em;
  font-weight: bold;
  font-style: italic;
  background-image: url("../images/h1_background.png");
  background-repeat: no-repeat;
  padding-left: 33px;
  background-position: left 33px;
  color: #DE8C04;
  }
h2 {
  font-size: 12px;
  margin: 0;
  padding-top: 30px;
  font-weight: bold;
  color: #1b0466;
  }
h3 {
  font-size: 1.4em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
  }
h4 {
  font-size: 12px;
  margin: 0;
  font-weight: bold;
  }
h5 {
  font-size: 1.0em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
h6 {
  font-size: 0.8em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
img {
  border: 0;
  }
ol, ul, li {/*
  list-style: none;*/
  font-size: 1.0em;
  line-height: 1.2em;
  margin-top: 0.2em;
  margin-bottom: 0.1em; 
  }
p {
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 1.2em 0em 1.2em 0em;
  }
li > p {
  margin-top: 0.2em;
  }
pre {
  font-family: monospace;
  font-size: 1.0em;
  }
strong, b {
  font-weight: bold;
  }