body
{
	background-color: #006EA6;
	color: #003c77;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 0;
	border: 0;
	margin: 0;
	margin-top: 10px;
	background-image: url(../Images/fade_background.jpg);
	background-repeat: repeat-x;
}

a {
color: #06a;
}
a:visited {
color: #07b;
}
a:active, a:hover {
color: #604;
}

div.alignCenter, p.alignCenter {
	text-align: center;
}
div.alignLeft, p.alignLeft {
	text-align: left;
}
div.alignRight, p.alignRight {
	text-align: right;
}



table {
	border-collapse: collapse;
	vertical-align: top;
}

div#OuterFrame
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
	text-align: center;
	background-image: url(../Images/outer_shadow.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

table#Layout {
	min-height: 200px;
	margin: 0;
	padding: 0;
	width: 960px;
	position: relative;
	left: -10px;
	top: -10px;
}

table#Layout td#Top
{
	background-color: #000441;
	background-image: url(../Images/main_top.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 20px 10px 0 10px;
	border-width: 0;
	border-color: #FFF;
	border-style: solid;
	height: 140px;
	text-align: left;
	background-position: 0 10px;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#Top div#TopBanner
{
	height: 90px;
	background-image: url(../Images/zenfro_banner.png);
	background-repeat: no-repeat;
	text-align: right;
	color: #003c77;
}

table#Layout td#Top div#TopBanner a
{
	color: #003c77;
}


table#Layout td#Menu
{
	margin: 0;
	padding: 0;
	border-width: 0;
	border-color: #FFF;
	border-style: solid;
	background-color: transparent;
	background-image: url(../Images/FadeBack.png);
}
table#Layout td#TopCandyCurves
{
	margin: 0;
	padding: 0;
	border-width: 0 10px 0 10px;
	border-color: #FFF;
	border-style: solid;
	background-color: #dcdcdc;
}

table#Layout td#TopCandyCurves img#mblcc
{
	float: left;
	position: relative;
	top: -17px;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#TopCandyCurves img#mbrcc
{
	float: right;
	position: relative;
	top: -17px;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#TopCandyCurves img#tlcc
{
	float: left;
	position: relative;
	top: -7px;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#TopCandyCurves img#trcc
{
	float: right;
	position: relative;
	top: -7px;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#Bottom
{
	margin: 0;
	padding: 0;
	border-width: 0;
	background-color: transparent;
	background-image: url(../Images/main_bottom.png);
	background-position: 0 bottom;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#Bottom img#blcc
{
	float: left;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#Bottom img#brcc
{
	float: right;
	behavior: url(css/iepngfix.htc);
}
table#Layout td#MainSection
{
	background-color: #DCDCDC;
	min-height: 400px;
	margin: 0;
	padding: 30px;
	padding-top: 15px;
	border-color: #FFF;
	border-style: solid;
	border-width: 0;
	text-align: left;
	background-image: url(../Images/main_background.png);
}

table#Layout td#MainSection p , table#Layout td#MainSection div
{
padding-left: 0;
}
img.png {
	behavior: url(css/iepngfix.htc);
}

/* Required for navigation */

div#navcontainer
{
	width: 940px;
	margin: 0;
	margin-left: 0;
	margin-top: 0px !important;
	padding: 0;
	padding-top: 20px;
	border: 0px #f00 solid;
	position: bottom;
}

#navigation
{
	height: 30px !important;
	height: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 10;
	float: left;
	display: inline;
	background-image: url(../Images/trans_blue.png);
	behavior: url(css/iepngfix.htc); 
	width: 100%;
}



/* Top level */
#navigation li
{
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	border-left: 1px #ffffff solid;
	background-color: #036;
	background-image: url(../Images/ButtonBack.png);
}

#navigation li.first{
	border-left: 0px #fff solid;
}	
#navigation ul li.first{
	border-right: 1px #f00 dashed;
}	

#navigation li#RightEnd, #navigation li#RightEnd:hover  {
	background-image: none;
	background-color: transparent;
	position: relative;
	margin: 0;
	padding: 0;
	height: 30px !important;
	height: 26px;
	background-image: url(../Images/ButtonRightEnd.png);
	behavior: url(css/iepngfix.htc);
}


#navigation li:hover {
	position:relative;
	z-index:10;
	cursor:pointer;
	background-image: url(../Images/ButtonBackRev.png);
}
#navigation a
{
	float: left;
	display: block;
	margin: 2px 0 2px 0;
	height: 22px;
	width: auto;
	padding: 2px 10px 2px 10px;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
	background: transparent;
	color: #fff;
	font-weight: normal;
}
#navigation a em {
	font-style:normal;
	}
#navigation .r {
	float:right;
}

#navigation a:hover, #navigation li:hover a { 
	color:#efefef; 
	}


#navigation li.current a  { 
	color:#eee; 
	background-image: url(../Images/ButtonBackRev.png);
}
#navigation li.current li a  { 
	background-image: url();
}
#navigation .drop a:hover, #navigation .drop:hover a {
	height:20px;
	color:#4d6927; 
	background-image: url(../Images/spacer.gif);

	}

/* sub level 1 */
#navigation ul
{
	position: absolute;
	width: 150px;
	top: 28px;
	left: -2px;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent url(../Images/spacer.gif) left bottom no-repeat;
}
#navigation ul li, #navigation ul li.first
{
	display: block;
	width: 148px;
	padding-right: 0px;
	background: transparent url(../Images/spacer.gif) right top repeat-y;
	border: 0;
	border-left: 1px;
	border-style: solid;
	border-color: #005a8f;
}

#navigation ul a
{
	color: #4d6927;
	display: block;
	float: left;
	height: auto !important;
	font-size: 11px !important;
	line-height: 12px;
	text-decoration: none;
	text-transform: none;
	width: 152px;
	padding: 5px 2px 5px 7px !important;
	margin: 0;
	font-weight: normal;
	background-color: #006699;
	filter: alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
	border-width: 1px 1px 0 0;
	border-color: #CCC;
	border-style: #fc5;
}

#navigation ul a:hover, #navigation ul a:active {
	color: #fff;
}


/* NESTED NORMAL STATE */
#navigation ul li.current ul li a, #navigation ul li.current ul li.current ul li a {
	background-color:#eee;
	color: #4d6927;
}

/* HOVER COLORS */
#navigation ul li:hover a, #navigation ul ul li:hover a, #navigation ul li.current ul li:hover a, #navigation ul li.current ul li.current ul li:hover a,  #navigation ul li.first ul li.first ul li:hover a {
	background-color:#000c46;
	color: #fff;
	background-image:  url(../Images/spacer.gif);
}


/* DISPLAYS */
#navigation ul, #navigation li:hover ul ul, #navigation ul li:hover ul ul {
	display:none;	
	color: #4d6927;
	background-image:  url(../Images/spacer.gif);
}
#navigation li:hover ul, #navigation ul li:hover ul, #navigation ul ul li:hover ul {
	display:block;	
	background-image:  url(../Images/spacer.gif);
}

div.ImageHolder {
text-align: center;
}
div.ImageHolder:after {
content: ".";
height: 1px;
font-size: 1px;
}

.ImageShadow {
    float:left;
    background: url(Images/shadowAlpha.png) no-repeat bottom right !important;
	behavior: url(css/iepngfix.htc);
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

div.Caption {
display: block;
clear: both;
}

.ImageShadow img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}

div.FeatureImg {
	float: right;
	margin-left: 10px;
}

div#Copyright
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-bottom: 30px;

text-shadow: 2px 2px 3px black;
}

div#Copyright a {
color: #fff;
text-decoration: none;
}
div#Copyright a:hover {
text-decoration: underline;

}

div.CenterDiv, div.CentreDiv{
margin-left: auto;
margin-right: auto;
}
div.w400 {
width: 400px;
}

div.w500 {
width: 500px;
}
div.w600 {
width: 600px;
}


input.valid {background-color: #eee;}
input.invalid {background-color: #06a;}

.colorSubmit, .plainSubmit, .color2Submit {
	background-color: #0066aa;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	padding: 3px;
	text-transform: uppercase;
	width: 100px;
}
.colorSubmit {
	background-color: #004;
}
.color2Submit {
	background-color: #fff;
	color: #893;
}

div.DogImage 
{
	text-align: center;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
}

div.DogImage h1{
font-size: 16px;
}
div.DogImage h2{
font-size: 14px;
}
div.DogImage h3{
font-size: 11px;
}

div.DogImage img {
	border: 1px #000441 solid;
}

table.ThePack {
width: 800px;
}

table.ThePack td {
width: 50%;
text-align: center;
}
table.ThePack div {
margin-left: auto;
margin-right: auto;
}


div.fLeft {
float: left;
}

div.fRight {
float: right;
margin-left: 20px;
}
table#ZenfroHistory {
width: 900px;
}

table#ZenfroHistory td {
vertical-align: top;
padding-left: 10px;
padding-right: 10px;
}

table#ZenfroHistory td.ImageStrip {
width: 150px;
}

h2.byLine {
margin-top: 0;
padding-top: 0;
position: relative; 
top: -10px;
margin-bottom: 0;
font-size: 16px;
}

table.albumPanels td
{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 1px #339 solid;
}

table.linksTable td{
padding-right: 20px;
}

table#webring
{
	border-collapse: normal;
	border: 2px #000440 inset;
}

table#webring td, table#webring th{
padding: 4px;
border: 1px #000440 solid;
}

div#homeNewsDiv {
	float: right;
	width: 300px;
}

div#OuterFrame div#frontMain {
float: left;
width: 540px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
font-size: 1.1em;
background-color: #fff;
}
div#OuterFrame div#frontMain p,div#OuterFrame div#frontMain hr{

margin-left: 20px;
}

div#OuterFrame div#frontMain h1,div#OuterFrame div#frontMain h2{
margin-top: 0;
margin-left: 20px;
}

div#dogFloat
{
	width: 600px;
	text-align: left;
	display: none;
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 5000;
	background-color: transparent;
	border-width: 0;
	border-color: #333;
	border-style: solid;
	display: none;
background: url(../Images/pop_shadow.png) no-repeat bottom right !important;
margin: 14px 0 0 14px !important;
margin: 14px 0 0 9px;
margin-bottom: -40px;
margin-right: -40px;

}

div#dfInner {

 display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -10px 10px 10px -10px;
}

div#dogFloat div.dogDetails, div#dogFloat div#dogDetails{
padding: 10px;
overflow: auto;
max-height: 400px;
height: expression( document.body.clientHeight > 400 ? "401px" : "auto" );
padding-left: 10px ! important;
padding-left: 20px;
margin-left: 10px;
padding-bottom: 30px;
}


div#dfClose
{
	background-color: #004;
	background-image: url(../Images/ButtonBackRev.png);
	color: white;
	padding: 3px;
	padding-right: 5px;
	text-align: right;
	background-position: 0 50%;
}

div#dogDetails h1{
font-size: 14px;
}
div#dogDetails:after
{
content: ".";
display: block;
line-height: 0;
font-size: 0;
clear: both;
}

ul.plainList
{
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}