body 
{
 margin: 0;
 /*background-color: #FFFFCC;*/
 background-color: #0054A6;
}

/* div.background {
  width: 500px;
  height: 507px;
  background: url(images/logo-fade.jpg) repeat; 
  }  */
  

/* container styles */
#container
{
 width: 88%;
 margin: 1em;
 float: center;
/* background-color: #FFFFFF;*/
 background-color: #D1CDF2;
 border: none;
 padding: 1em 2em;
 text-align: left;
 font-family: arial,helvetica,sans-serif;
 font-size: 0.95em;
 color: #000066;
}

#main
{
 float: left;
 width: 98%;
 background-color: #FFFFFF;
}
div#footer {width: 100%; float: left; font-size: 90%; /*background-color: #FFFFFF;*/ background-color: #D1CDF2; }
div#copyWeb {width: 350px; float: left; font-size: 90%; }
div#emailUs {float: right; clear:both; width: 160px; padding: -2em 1em 1em; text-align: right; margin-top: -2em;}
div#topHome { clear: left; float: left; width: 40px; padding: 2em 1em; font-weight: bold; }
div#botHome { clear: left; float: left; width: 40px; padding: 2em 1em; font-weight: bold; margin-top: 2.5em;}
span#copyright {font-size: 0.8em!important; margin-top:2em; }

.clear
{
 clear: both;
}

/*  home pawprint rollovers */
.homePaws {
   display: block;
   height: 30px;
   width: 130px;
   background: url("http://www.thenewfoundlandclubnz.com/images/home.png") no-repeat 0 0;
   }

.homePaws:hover {
   background-position: -130px 0px;
}

.homePaws span {
	display: none;
}


/*  email secretary rollover */
.mailPup {
   display: block;
   height: 142px;
   width: 150px;
   background: url("http://www.thenewfoundlandclubnz.com/images/email.gif") no-repeat 0 0;
   }

.mailPup:hover {
   background-position: -150px 0px;
}

.mailPup span {
	display: none;
}

div#emailus small {margin-right: 1em; padding-right: 0.8em;}

/*  email webmaster rollover */
.webmaster {
   display: block;
   height: 80px;
   width: 80px;
   background: url("http://www.thenewfoundlandclubnz.com/images/webmaster.gif") no-repeat 0 0;
   float: right; margin-right: 2em;
   }

.webmaster:hover {
   background-position: -80px 0px;
}

.webmaster span {
	display: none;
}



/* HOME PAGE BITS */

div.feature {
	/* clear:both; */
	width: 21em; 
	float: right; 
	margin: 2em 2em 1em 1em; 
	padding: 1em 0.5em 1em 1em; 
	/*border: solid 1px #000099; */
	border: solid 1px #FF0000; 
	background-color: #E4E4FD;
}
div.feature h2 {
	font-family:arial,helvetica,sans-serif; 
	font-size:115%; 
	margin: 0 0 0.4em; 
	padding: 0.4em 0 0.4em; 
	color:#003366;
}
div.feature h3 {
	font-size:100%; 
	color:#003366;
}
p.feat {margin: 0; padding: 2px 0;}

/* search styles */
fieldset {border: none; margin: 0; padding: 0;}
input#sbox {display:block;margin-bottom: 0.8em; padding: 3px;}

div#searchbox {
	clear: both; 
	width: 13em; 
	float: right; 
	margin: 0 0.5em 0 0; 
	padding: 0.2em 1em 0.7em; 
	border: solid 1px #000033; 
	background-color: #FFFFCC;}
p#searchtext {
	font-family:arial,helvetica,sans-serif; 
	font-size: 90%; 
	color: #000033; 
	padding-top: 5px;} 
	
/* END HOME PAGE BITS */


p {
font-family:arial,helvetica,sans-serif; 
margin:1.2em 0;
font-size:100%;
color:#000066;
line-height:1.8;
}

/* main headings */
h1 {
font-family:arial,helvetica,sans-serif; 
font-size:120%; 
font-weight:bold; 
margin: 0 0 5px; 
padding: 0 0 5px; 
color:#003366;
}
h1.conHead {
font-family:arial,helvetica,sans-serif; 
font-size:110%; 
font-weight:bold; 
margin: 0 0 5px; 
padding: 0 0 5px; 
color:#003366;
}

h2 {
font-family:arial,helvetica,sans-serif; 
font-size:105%; 
font-weight:bold; 
margin: 0.5em 0 0.4em; 
padding: 0.4em 0 0.4em; 
color:#003366;
}

h3 {
font-family:arial,helvetica,sans-serif; 
font-size:100%; 
font-weight:bold; 
margin: 0.6em 0 0.1em; 
padding: 0.4em 0 0.1em; 
color:#003366;
}

h4 {
font-family:arial,helvetica,sans-serif; 
font-size:100%; 
font-weight:bold; 
margin: 0; 
padding: 0.3em 0 0; 
color:#000066;
}

/* small */
h5 {
font-family:arial,helvetica,sans-serif; 
font-size:100%; 
font-weight:normal; 
margin-bottom:0px; 
padding-bottom:0px; 
color:#000066;
}

/* table headers */
h6 {
font-family:arial,helvetica,sans-serif; 
font-size:95%; 
font-weight:bold; 
margin-bottom:0px; 
padding-top:1px; 
padding-bottom:1px; 
color:#000066;
}

table {
font-family:arial,helvetica,sans-serif; 
font-size:1em; 
color:#000066;
}

th {
font-family:arial,helvetica,sans-serif; 
font-size:1em;
font-weight:bold; 
color:#000066;
text-align:left;
}

td {
font-family:arial,helvetica,sans-serif; 
font-size:1em;
color:#000066;
}


ul {
padding-top: 1px;
padding-left: 15px;
padding-bottom: 1px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
list-style: square;
font-size: 100%
}

ul li, ol li { 
	font-family:arial,helvetica,sans-serif; 
	font-size:100%;
	color:#000066;
	padding: 0; margin: 0.6em 0px;}

ol {
	font-family:arial,helvetica,sans-serif; 
	font-size:100%;
	color:#000066;
}

blockquote {
font-family:arial,helvetica,sans-serif; 
font-size:1em;
color:#000066;
}


a, a:link {
font-family:arial,helvetica,sans-serif; 
font-size:100%; 
color: #6633FF; 
text-decoration: none; 
font-weight: none;
}

a:active {
font-family:arial,helvetica,sans-serif; 
color: #9900CC; 
text-decoration: none; 
font-weight: none;
}

a:hover {
font-family:arial,helvetica,sans-serif; 
color: #9900CC; 
text-decoration: underline; 
font-weight: none;
}

a:visited {
font-family:arial,helvetica,sans-serif; 
color: #6666FF; 
text-decoration: none; 
font-weight: none;
}

a:visited:hover {
font-family:arial,helvetica,sans-serif; 
color: #9900CC; 
text-decoration: underline; 
font-weight: none;
}

.nav {
display: block;
vertical-align: top;
margin-top: 10px;
margin-bottom: 10px;
}

div.img {
float: right;
margin: 0 0 1em 1em;
padding: 0 0 1em 1em;
}

div#logo {margin-top: -1.5em; padding-top: -1.5em;}

div.img img {padding: 0; border: solid 1px #663300;}

/* remove default border from image links */
a img {border: none;}

div.img img.noborder {border: 0;}
div.noborder {border: 0;}

div.paws {padding: 1em 0;}

div#tophome { float: right; margin: 0; padding: 0 0 0 1em; font-weight: bold; }

.back {
font-family:arial,helvetica,sans-serif; 
display: block;
font-size:90%;
float: right;
margin-top: 10px;
padding-right: 10px;
}

span.caption {
background-color: #FFFFFF;
font-family:arial,helvetica,sans-serif; 
display: block;
font-size:0.9em; 
font-weight:normal; 
margin-top:1px; 
padding:0.5em; 
color: #505050;
}

.comment {
font-family:arial,helvetica,sans-serif; 
font-size:0.9em; 
}

small {
font-family:arial,helvetica,sans-serif; 
font-size:0.85em; 
}

.connect 
{
white-space: nowrap;
}


div#fbook {
	font-family:arial,helvetica,sans-serif; 
	clear:both;
	width:250px;
	margin:2em;
	float:right;
}


/* site navigation styles */

div.sitenav
{
 float: left;
 width: 98%;
 margin: 0 2px 0 2px;
 padding: 5px;
 font-weight: bold;
 font-size: 1.5em;

}

.sitenav ul
{
 padding: 0;
 margin: 0;
 list-style-type: none;
 background: #0000a0;
}

.sitenav ul li 
{
 display: inline;
 padding-bottom: 0.2em;
 margin-bottom: 0.2em;
}

.sitenav ul li a
{
 padding: 0.2em 1em;
 text-decoration: none;
 font-family:  Arial, Helvetica, sans-serif; 
 font-size:0.5em; 
 color: #fff;
 border-right: 1px solid #fff;
}

.sitenav ul li a:hover
{
 background: #8000ff;
 text-decoration: none;
 color: #fff;
}

.sitenav ul li a:visited
{
 color: #fff;
}


#home .sitenav ul li.home a
{
  background: #ff8000;
 color: #fff;
}
#home .sitenav ul li.home a:hover
{
  background: #ff8000;
 color: #fff;
}


#rehouse .sitenav ul li.rehouse a
{
  background: #ff8000;
 color: #fff;
}
#rehouse .sitenav ul li.rehouse a:hover
{
  background: #ff8000;
 color: #fff;
}


#gallery .sitenav ul li.gallery a
{
  background: #ff8000;
 color: #fff;
}
#gallery .sitenav ul li.gallery a:hover
{
  background: #ff8000;
 color: #fff;
}


#committee .sitenav ul li.committee a
{
  background: #ff8000;
 color: #fff;
}
#committee .sitenav ul li.committee a:hover
{
  background: #ff8000;
 color: #fff;
}


.sitenav ul li#feedback a
{
 color: #fff;
 font-size: 85%;
 font-weight: normal;
 border: none;
 padding-left: 20px;
 margin-left: 20px;
}
.sitenav ul li#feedback a:hover
{
  text-decoration: none;
  color: #fff;
}