/***************************************************

   HTML Element Styles

 ***************************************************/

body {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  background-color: #E2E8EE;
}

#header {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner2.jpg') no-repeat top left;
}

#header2 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner.jpg') no-repeat top left;
}

#header3 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_breeding_program.jpg') no-repeat top left;
}

#header4 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_epe.jpg') no-repeat top left;
}

#header5 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_our_puppies.jpg') no-repeat top left;
}

#header6 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_puppy_classes.jpg') no-repeat top left;
}

#header7 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_raise_a_puppy.jpg') no-repeat top left;
}

#header8 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_service_dogs.jpg') no-repeat top left;
}

#header9 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_volunteer.jpg') no-repeat top left;
}

#header10 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_our_dogs.jpg') no-repeat top left;
}

#header11 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_hearing_dogs.jpg') no-repeat top left;
}

#header12 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_rowan.jpg') no-repeat top left;
}

#header13 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner_beau.jpg') no-repeat top left;
}

#header14 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/brunchj.jpg') no-repeat top left;
}

#header15 {
  width: 850px;
  height: 330px;
  margin: 5px;
  padding: 0px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  background: url('../images/banner3.jpg') no-repeat top left;
}

h1 {
  font-size: 20px;
  color: #29496B;
  font-weight: normal;
}

h2 {
  font-size: 13px;
  color: #29496B;
}

h3 {
  font-size: 12px;
  color: #069;
  font-weight: normal;
}

.breadcrumbs {
  font-size: 10px;
  color: #666;
  font-family: arial, sans-serif;
}

breadcrumbs: a {
  font-size: 10px;
  color: #666;
}

breadcrumbs: hover {
  font-size: 10px;
  color: #666;
}

ul {
  list-style: square;
}

.title {
  font-size: 20px;
  font-weight: bold;
  color: #690;
  padding-left: 10px;
  padding-right: 10px;
  background: #FFF;
}

.footer {
  font-size: 10px;
  color: #555555;
  padding-left: 10px;
  padding-right: 10px;
  background: #FFF;
}

.small {
  font-size: 9px;
  line-height: 12px;
  color: #666;
}

.subtitle {
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-left: 10px;
  padding-right: 10px;
  background: #FFF;
}

#tpanel a {
  color: #000;
  font-size: 13px;
  letter-spacing: 2px;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  background: url('../images/bullet2.gif') no-repeat center left;
}

#tpanel a:hover {
  color: #29496B;
  background: url('../images/bullet2_on.gif') no-repeat center left;
}

#lpanel li {
    padding-bottom:6px;
	padding-left:15px;
	margin-left:-30px;
	background: url('../images/check.gif') no-repeat 0px 2px;
	color: #fb0516;
	font-weight: bold; list-style-type:none	
}

#lpanel a {
  color: #29496B;
  font-size: 13px;
  line-height: 200%;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  background: url('../images/bullet1.gif') no-repeat center left;
}

#lpanel a:hover {
  color: #690A19;
  background: url('../images/bullet1_on.gif') no-repeat center left;
}

#new ul {
	margin-left:0px;
	padding-left:5px;
	padding-top:0px;
	margin-top:0px;
	}

#new li {
    margin-left:0px;
	padding-left:15px;
	line-height: 110%;
	margin-top: 10px;
	list-style-type:none;	
	background: url('../images/bullet_red.gif') no-repeat 0px 1px;
}

#new a {
  font-size: 11px;
  color: #29496B;
  text-decoration: none;
}

#new a:hover {
  color: #690a19;
}

#banner a {
  background: none;
  padding-left: 0px;
}

#banner a:hover {
  background: none;
  padding-left: 0px;
}

#sublinks a {
  color: #29496B;
  font-size: 11px;
  line-height: 100%;
  text-decoration: none;
  padding-left: 0px;
  background: none;
}

#sublinks a:hover {
  color: #690A19;
  font-size: 11px;
  line-height: 100%;
  text-decoration: none;
  padding-left: 0px;
  background: none;
}

a {
  color: #004181;
  text-decoration: underline;
}

a:hover {
  color: #690A19;
  text-decoration: underline;
}

#subnav a {
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  padding: 9px;
}

#subnav a:hover {
  color: #F3E40D;
}

.form-field {
color: 000000;
font-family: arial, verdana, helvetica;
font-size: 10px;
font:8pt;
font-weight: normal;
border: 1px solid #666666;
margin: 0pt;
}

.form-button  {
background-color: cccccc;
margin: 0pt;
font-family: arial, verdana, helvetica;
font-size: 8pt;
font-weight: Normal;
color: 000000;
cursor:hand;
border-background:666666;
border-style:solid;
border-width:1;
position:relative;
}

/* border image rollover effect */

.highlightit img{
border: 1px solid #8CAACE;
}

.highlightit:hover img{
border: 1px solid #690A19;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
border-width: 0px;
}

.highlightit:hover{
color: #690A19;
border: 0px ;
}


/***************************************************
   Site Layout Containers
 ***************************************************/

#title {
  width: 200px;
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 0px;
}

#tpanel {
  position: absolute;
  top: 30px;
  left: 30px;
  padding: 10px;
  font-size: 14px;
}

#lpanel {
  position: absolute;
  top: 310px;
  left: 0px;
  margin: 5px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  width: 160px;
}

div.transbox
  {
  position: relative;
  top: 239px;
  left: 694px;
  width: 125px;
  height: 60px;
  margin: 0px;
  padding: 15px;
  background-color: #29496B;
  border: 1px solid #29496B;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }

div.transtext
  {
  position: relative;
  top: 160px;
  left: 700px;
  font-weight: bold;
  color: #ffffff;
  }

div.transtext a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-height: 200%;
  padding-left: 15px;
}

div.transtext a:hover {
  color: #ffffff;
  text-decoration: none;
  padding-left: 15px;
  background: url('../images/arrow.gif') no-repeat center left;
}

#new {
  margin: 5px;
  padding: 10px;
  position: absolute;
  top: 348px;
  left: 640px;
  width: 180px;
  border: 0px solid #94AFC2;
  background: url('../images/new_bg.gif') no-repeat;
}

#content {
  width: 643px;
  margin: 0px 180px 5px 192px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
}

#content_hp {
  width: 420px;
  padding: 10px;
  background-color: #FFF;
  border: 0px solid #94AFC2;
}

#subnav {
  width: 660px;
  margin: 0px 200px 5px 192px;
  padding: 1px;
  background-color: #2C4B68;
  border: 1px solid #2C4B68;
  color: #fff;
}

#footer {
  width: 643px;
  margin: 0px 200px 5px 192px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #94AFC2;
  text-align: right;
}

#popup {
  width: 643px;
  margin: 10px 10px 10px 10px;
  padding: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 20px;
  background-color: #FFF;
  border: 1px solid #94AFC2; 
}