body 
{
 margin: 0;
 background-color: #FFFFCC;
}

/* 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;
 border: none;
 padding: 1em 2em;
 text-align: left;
 font-family: verdana,arial,helvetica,sans-serif;
 font-size: 1.2em;
 color: #000066;
}

#main
{
 float: left;
 width: 98%;
 background-color: #FFFFFF;
}
div#footer {width: 100%; float: left; font-size: 0.85em; background-color: #FFFFFF; }
div#copyWeb {width: 350px; float: left; font-size: 0.85em; }
div#emailUs {float: right; 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;}

.clear
{
 clear: both;
}

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

.homePaws:hover {
   background-position: -30px 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 {
	width: 300px; 
	float: right; 
	margin: 0.2em 0.6em 1em 1em; 
	padding: 1em 0.5em 1em 1em; 
	border: solid 1px #000099; 
	background-color: #E4E4FD;
}
div.feature h2 {
	font-size:1.2em; 
	margin: 0.2em 0 0.4em; 
	padding: 0.4em 0 0.4em; 
	color:#003366;
}
p.feat {margin: 0; padding: 2px 0;}

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


p {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:12px;
color:#000066;
}

/* main headings */
h1 {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:1.2em; 
font-weight:bold; 
margin: 0 0 5px; 
padding: 0 0 5px; 
color:#003366;
}

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

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

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

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

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

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

td {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:12px;
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: 12px
}

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

ol {
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size:12px;
	color:#000066;
}

blockquote {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:12px;
color:#000066;
}


a:link {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color: #6633FF; 
text-decoration: none; 
font-weight: none;
}

a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color: #9900CC; 
text-decoration: none; 
font-weight: none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
color: #9900CC; 
text-decoration: underline; 
font-weight: none;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color: #6666FF; 
text-decoration: none; 
font-weight: none;
}

a:visited:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
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: Verdana, Arial, Helvetica,sans-serif; 
display: block;
font-size:10px;
float: right;
margin-top: 10px;
padding-right: 10px;
}

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

.comment {
font-size:x-small; 
}

small {
font-size:10px;
}

.connect 
{
white-space: nowrap;
}


/* 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: Verdana, 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;
}


#calendar .sitenav ul li.calendar a
{
  background: #ff8000;
 color: #fff;
}
#calendar .sitenav ul li.calendar 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;
}

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


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


/* spacers for positioning */
.div10{height:10px;}
.div20{height:20px;}
.div30{height:30px;}
.div40{height:40px;}
.div50{height:50px;}
.div60{height:60px;}
.div70{height:70px;}
.div80{height:80px;}
.div90{height:90px;}
.div100{height:100px;}
.div110{height:110px;}
.div120{height:120px;}
.div130{height:130px;}
.div140{height:140px;}
.div150{height:150px;}
.div160{height:160px;}
.div170{height:170px;}
.div180{height:180px;}
.div190{height:190px;}
.div200{height:200px;}