h1 {   
  clear: both;
  font: 700 2.5em "new times roman", georgia, serif;
  color: #000;
}

h2 {
  font: 400 1.5em "new times roman", georgia, serif;
  color: #9FF3FF;
}

h2 a {
  color: #29E3FF;
}

h2 a:hover {
  color: #FFF;
}j

h3 {
  font: 400 1.3em "new times roman", georgia, serif;
  color: #F8D766;
}

h4 {
margin-bottom: -4px;
  font: 700 1em "new times roman", georgia, serif;
  color: red;
}

h5 {
margin-bottom: -4px;
  font: 700 1.2em "new times roman", georgia, serif;
  color: #424040;
}

h6 {
margin-bottom: -4px;
  font: 700 1em "new times roman", georgia, serif;
  color: #424040;
}

p {

  font: 1.0em Ariel, Helvetica, Lucinda, sans-serif;
  color: #424040;
}

p.small
{
  font: 1.0em "sans serif", serif;

  line-height: 80%;
margin-top:-8px;
text-decoration:none;
}

h1, h2, h3, h4, h5, h6, p, dl {

  padding: 0px 5px;
}

a {
  color: blue;
  text-decoration: none;
}




ol, ul {
  margin: 10px 5px;
  padding: 0px 20px;
}

ol {
  color: #FC0;
}

ol span {
  color: #EEE;
}




body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #8cc6fd;
}

#header {
 color: #333;
 width: 902px;
 padding: 10px;
 height: 125px;
margin-top:20px;
margin-left: 0px;

}

#images
{margin-left:44px;
}

#adsense
{margin-left:54px;
}

.logo
{margin-top: -10px;
margin-left: -10px;

}

.funding
{margin-top:-51px;
color:#fff;
}

#adverts
{float:left;
margin-top:12px;
margin-left: 8px;
}

img {
border-width: 1px;
border-color: #000;;
border-style: solid;;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#faux {
 background: url(../images/bg/faux2coldb3.jpg); background-repeat: no-repeat;
margin-top: -34px;
margin-left:0px;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin-top: 20px;
 margin-left:-4px;
 width: 210px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin-top: -45px;
margin-left: 13px;
 padding: 0px;
 width: 440px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin-top:20px;
margin-right:35px;
 padding: 0px;
 width: 195px;
 float: right;
}

#animalphotos
{
position:absolute;
margin-top: -163px;
margin-left: 6px;
font-size: 12px;
color: #FF6600;
}

.nameheader 
{
font-size: 22px;
color: #fff;
margin-left: 250px;
margin-top:-15px;
text-align:center;
}


.dogsname {
color: #fff;
font-size:2em;
}


#factfile
{margin-left:30px;
margin-top:100px;
color:#000;
}


.dog_box {
width: 110px;
float: left;
margin-top: 0px;
margin-left: 6px;
font-size: 12px;
color: #FF6600;

}

.name {
font-size: 12px;
color: #FF6600;
margin-left: 2px;
margin-bottom: 5px;
}
.dog_type {
font-size: 12px;
color: #A85400;
margin-top:0;
margin-left: 2px;
margin-bottom: 5px;
}
.weight {
font-size: 12px;
margin-top:0;
margin-left: 2px;
margin-bottom: 10px;
}

.dog_img {

}

.clear {
clear: both;
}
#footer {
  float: left;
  width: 100%;
  clear: both;
  
  margin-top: -.8em;
  background: #000 url(../images/footerblack.jpg) repeat-x top left;
}
/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 7px;
color: #fff;
}

.clear { clear: both; background: none; }

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.green {
  color: #A1FF45;
}
.white {
color: #fff;
}
.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



.picture { background-color: red;

font: 11px/1.4em Arial, sans-serif; }

.picture img { border: 1px solid #ccc;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 1em; float:left; } 



#myGallery
{margin-left:50px;
width: 90px !important;
height: 90px !important;
} 



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-pullup.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
img {display:block;}
#menu {width:921px; height:25px; background:#b07e4b; text-align:center; border:0px solid #000;}



#menu ul {margin:0px; padding-left:10px; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
* html #menu ul {display:inline;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {position:absolute; left:-9999px; border:1px solid #000;}
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul.level1 {background:#000;}
#menu ul.level2 {background:#ff7e7e;}
#menu ul.level3 {background:#7879ba;}
#menu ul.level4 {background:#ffb200;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#eee; line-height:25px; text-decoration:none;padding:0 20px 0 10px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover ul li {display:block;}

#menu ul ul li:hover {display:block; position:relative;}

#menu ul li:hover > ul {left:-2px; bottom:25px;}
#menu ul ul li:hover > ul {left:100%; top:auto; bottom:-3px;}
#menu li.left:hover > ul {left:auto; right:-2px; bottom:25px;}
#menu li.left ul li:hover > ul {left:auto; right:100%;}


#menu a:hover ul {left:-2px; bottom:8px;}
#menu li.left a:hover ul {left:auto; right:-3px; bottom:8px;}

#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}


#menu li a.fly {background:transparent url(anywidth/arrow.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(anywidth/arrow-left.gif) no-repeat left center;}

#menu li a:hover {background-color:#6600ff;} 
#menu li a.fly:hover {background-color:#6600ff;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#ff0000;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:28px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:28px;}



<!--[if IE 7]>
<style type="text/css">
#menu ul {display:inline;}
#menu ul li:hover ul li {margin-top:-5px;}
#menu ul ul li:hover > ul {bottom:2px;}
#menu ul li:hover ul li > a {margin-left:-5px; padding:3px 20px 2px 0;}
#menu ul li.left ul li a {margin-left:0; padding:1px 10px 2px 0;}
</style>
<![endif]-->