/* Zen out Created by sKp 9 October 2003 */
/* Graphics done in Macromedia Fireworks */
/* Developed in Macromedia Homesite+     */
/* debru_spamproof_inc@scmb.co.za */
/* Johannesburg        */
/* Gauteng             */
/* South Africa        */
/* Edited and revised for this site by Laura Thode at Fire Spirit Designs */

body { margin: 0px; padding: 0px; background-image: url("images/bg.jpg"); background-repeat: no-repeat;}
body { 
	background:#FFFFFF url("images/bg.jpg") top left no-repeat;
	text-align:left; 
	font:11px/14px Arial, Helvetica, sans-serif; 
	color:#000066;
	}

div.clear {clear:both;}

/* general styles */
p { padding: 2px 2px 2px 2px; margin: 5px 0px 5px 0px;}
.p1 a, .p2 a, .p3 a, .p4 a, .p5 a { color: #000066; font: 600 12px arial; text-decoration: underline;}
.p1 a:hover, .p2 a:hover, .p3 a:hover, .p4 a:hover, .p5 a:hover { color: #000066; font: 600 12px arial; text-decoration: none;}

/* ------------------------ form elements ------------------------ */
form {
	width:150px;
	margin:0 0 0 0; /* set margin left and right below */
	}

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #314582;
	color:#3b3f58;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:0px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.8em;
	}

select { width:150px; padding:0; } /* same width as form - !important */

input.submit { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0;
	color:#CC0000;
	}


/* summary */
#extraDiv1 { position: absolute; left: 40px; top: 438px; width: 316px; height: 33px; background-image: url("images/Availability.gif"); background-repeat: no-repeat;}
#quickSummary { position: absolute; left: 50px; top: 450px; width: 350px; height: 50px;}
#quickSummary p.p1 { padding: 0 2px 0 2px; margin: 0;}
#copy {text-align:right;}
#pageHeader h2 { display: none;}

/* design selection */
#extraDiv2 { position: absolute; left: 9px; top: 62px; width: 151px; height: 42px; background-image: url("images/Puppies.gif"); background-repeat: no-repeat;}
#puppies { position: absolute; left: 9px; top: 104px; width: 151px; height: 334px;}
#puppies h3 { display: none;}
#puppies a { color: #9E4750; font: 800 12px arial; text-decoration: underline; display: block; padding-top: 4px; margin-top: -2px;}
#puppies a:hover { color: #9E4750; font: 800 12px arial; text-decoration: none;}
#puppies a.c { color: #000066; font: italic 12px arial; text-decoration: none; display: inline; padding-top: 0px;}
#puppies a.c:hover { color: #000066; font: italic 12px arial; text-decoration: none;}

/* archives */
#extraDiv3 { position: absolute; left: 460px; top: 438px; width: 328px; height: 21px; background-image: url("images/Parents.gif"); background-repeat: no-repeat;}
#parents { position: absolute; left: 460px; top: 459px; width: 328px; height: 22px; padding: 0px; margin: 0px;}
#parents ul { padding: 0px 0px 0px 20px; margin: 0px;}
#parents li {list-style-type: none; display: inline;}
#parents a {color: #9E4750; font: 12px arial; text-decoration: underline;}
#parents a:hover {color: #9E4750; font: 12px arial; text-decoration: overline;}
#parents h3 { display: none;}


/* content */
#preamble { position: absolute; left: 170px; top: 80px; width: 610px; height: 58px;}
#preamble span { color: #000066; font: 20px arial;}
#preamble p { color: #000066; line-height: 20px;}
#preamble h3 { display: none;}
#supportingText { position: absolute; left: 180px; top: 166px; width: 588px; height: 272px; overflow:hidden;}
#extraDiv5 { position: absolute; left: 160px; top: 423px; width: 628px; height: 15px; background-image: url("extraDiv5.jpg"); background-repeat: no-repeat;}

/* validation */
#footer { padding-left: 150px; background-image: url("validate.gif"); background-repeat: no-repeat;}
#footer a { color: #9E4750; font: 700 10px arial; text-decoration: underline;}

#explanation h3 { width: 300px; height: 18px; background-image: url("head1.gif"); background-repeat: no-repeat;}
#explanation h3 span { display: none;}
#explanation p.thanks { line-height:20px; }

#participation h3 {width: 300px; height: 18px; background-image: url("head2.gif"); background-repeat: no-repeat;}
#participation h3 span { display: none;}

#benefits h3 {width: 300px; height: 18px; background-image: url("head3.gif"); background-repeat: no-repeat;}
#benefits h3 span { display: none;}

#requirements h3 {width: 300px; height: 18px; background-image: url("head4.gif"); background-repeat: no-repeat;}
#requirements h3 span { display: none;}

#pageHeader h1 span { display: none;}

#side {text-align:center;}