html, body {
	background: transparent url(/collie-breeder/colliefarm/images/bg.gif) repeat fixed;
	color: Black;
	font-family: Georgia, "Times New Roman", serif;
	margin: 0 10% 0 10%;
	padding: 0 0 0 0;
	font-size: 100%;
	font-style : normal;
	text-align: center;
	vertical-align:top;
}

img { border: none; }

h1 { font-size:1.5em; font-weight:bold;  text-align:center; }
h2 { font-size:1.4em; text-align:center; }
h3 { font-size:1.2em; text-align:center; }
h4 { font-size:1em;   text-align:center; 
	   font-weight:normal; 
     border: thin solid Black;
     margin: 0px 5px 0px 5px;
     background: transparent;
}
p { color: black;
	background: transparent;
	margin:0 1em 0 1em;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	}

#links { 	border: 0; 	margin: 0; 	padding: 0; 	text-align:center; 	text-decoration:none; }
#links img { 	border: 0; 	margin: 0; 	padding: 0; }

div#content { padding: 10px; 
				      margin-left:0em;
				      margin-bottom:50px;border: 1px solid Gray; }

div#header {
	border: 1px solid gray;
	margin: 0 0 0 0;
	text-align:center;
	border-bottom:none;
	background: transparent;
	padding : 10px;
}

div#header img { border: none;}
div#header p   { font-size:1.1em}
div#header h4  { border:none; text-align:center; font-size: 1em; background:transparent;}
div#address   { font-size:1.1em; font-weight:bold;text-align:center; }


a:link    { color: #FF9900; background-color: transparent; }
a:visited { color: #d4ad71}
a:hover   { color:black; background-color: Gray; }
a:active  { color: #FF9900; background-color: #ffffff;}


div.photo { display:block;  text-align:center;  }
div#footer { text-align:center; }	
div#footer image { border:none;  vertical-align : middle; }



div#list { text-align:center; margin-left:10%; margin-right:10%;}

p.outst { font-weight:bold;
 font-size:1.1em;
 text-align:center;
 color:#608070;
 }
/* drop-down menu */
ul { 	list-style: none; 	padding: 0; 	margin: 0; 	font-size:0.8em; }

#nav a { 	font-weight: bold; 	color: #8C0000; 	text-decoration: none; }
#nav li li a { 	display: block; 	font-weight: normal; 	color: #060; 	padding: 0.2em 10px; }
#nav li li a:hover { 	padding: 0.2em 5px; 	border: 5px solid #708090; 	border-width: 0 5px; }

li { 	float: left; 			position: relative;
			width: 5em;			text-align: center;
			cursor: default;	background-color: white;
			border: 1px solid #708090;
			border-width: 1px 0;
}
li#first { 	border-left-width: 1em; }
li#last { 	border-right-width: 1em; }
li ul { 	display: none; 	position: absolute; 	top: 100%; 	left: 0;
	        font-weight: normal;	
					background:white;
        	padding: 0.5em 0 1em 0; 	border: solid 1px #708090;
}
li>ul {	top: auto; 	left: auto; }
li li {	display: block; 	float: none; 	background-color: transparent; 	border: 0; }
li:hover ul, li.over ul { 	display: block; }


/* pedigree */
p.ped { font-weight:bold;
 font-size:1.0em;
 text-align:center;
	background: White;

 } 

.pptabpd { border : 1px Gray solid; }
.ppcelpdm { border : 1px Gray solid;
	background: White;
 }
.ppcelpdf { border : 1px Gray solid;
	background: White;
 }

a.pplink a { color: #FF9900;  font-size:1em; }
a.pplinkch { color: Red;  font-size:1em;  }

.ppukn { color: Gray;
 font-style: italic;
 }
hr { color: Gray;
 width:75%
}

/* Guestbook */
/****************************/
/*********** HEADER *********/
/****************************/

div#guestbookHeader {
	margin: 0 0 0 0;
   border: 1px solid Gray;
	padding: 10px;
	text-align:center;
}

div#guestbookHeader h2 {
	margin: 0px;
}

/****************************/
/*********** MESSAGES ********/
/****************************/

div.gbentry {
	background-color: White;
	padding: 0;
/*	margin: 2pt 2pt .5em 2pt;*/
	margin: 0pt 0pt 0em 0pt;
	border: 2px solid Gray;
	border-width: 1px 1px 0px 1px;
	font-size:1em;
	}

/**** AUTHOR ****/

div.gbauthor {
	padding: 8pt 5pt 8pt 44px;
	margin: 0pt;
	border: 0px dotted Gray;
	border-bottom-width: 2px;
	font-size:1.2em;
	}

span.gbmessagenumber  {
	font-size:1.0em;
	}

/**** DATE ****/

div.gbentry div.gbdate {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted  Gray;
	border-bottom-width: 2px;
	text-align: left;
	}

/**** MESSAGE ****/

div.gbentry p.gbmessage  {
	background-color: White;
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px solid Gray;
	border-bottom-width: 2px;
	font-size:1.1em;
		}
div.gbentry p.gbmessage img {
	vertical-align: middle;
	}

/****************************/
/*********** FORM ***********/
/****************************/

form#guestbook {
	background-color: White;
	padding: 0pt;
	margin: 2em 2pt 3em 2pt;
	border: 3px solid Gray;
	border-bottom-width: 0px;
		}

/**** HEADER ****/

form#guestbook h1 {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	text-align: center;

	background-color: White;
	border: 0px solid Gray;
	border-bottom-width: 2px;
	}

/**** NAME ****/

form#guestbook div#gbname {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted Gray;
	border-bottom-width: 2px;
	}
form#guestbook div#gbname span.gblabel {
	display: block;
	float: left;
	width: 30%;
	text-align: right;
	padding-right: 1em;
	}
form#guestbook div#gbname input {
	border: 1px inset Gray;
	}
form#guestbook div#gbemail {
	padding: 3pt 5pt 3pt 6pt;
	margin: 2pt;
	border: 1px outset Gray;
	}

/**** EMAIL ****/

form#guestbook div#gbemail {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted Gray;
	border-bottom-width: 2px;
	}
form#guestbook div#gbemail span.gblabel {
	display: block;
	float: left;
	width: 30%;

	text-align: right;
	padding-right: 1em;
	}
form#guestbook div#gbemail input {
	border: 1px inset Gray;
	}

/**** WEBSITE ****/

form#guestbook div#gbwebsite {
	padding: 3pt 5pt 3pt 6pt;
	margin: 0pt;
	border: 0px dotted Gray;
	border-bottom-width: 2px;
	}
form#guestbook div#gbwebsite span.gblabel {
	display: block;
	float: left;
	width: 30%;

	text-align: right;
	padding-right: 1em;
	}
form#guestbook div#gbwebsite input {
	border: 1px inset Gray;
	}

/**** MESSAGE ****/

form#guestbook div#gbmessage {
	padding: 3pt 5pt 6pt 6pt;
	margin: 0pt;
	border: 0px dotted Gray;
	border-bottom-width: 2px;
	text-align: left;
	}
form#guestbook div#gbmessage span.gblabel {
	margin-right: .5em;

	margin-bottom: 4pt;
	}
form#guestbook div.gbformatcontrols {
	display: inline;
	}
form#guestbook div.gbformatcontrols img {
	border-width: 0px;
	margin-bottom: 2pt;
	vertical-align: middle;
	}
form#guestbook div#gbmessage textarea {
	display: block;
	clear: both;
	border: 1px inset Gray;
	padding: 2pt 3pt 3pt 4pt;
	width: 100%;
	}

/**** SUBMIT ****/

form#guestbook div#gbsubmit {
	padding: 5pt 6pt 5pt 6pt;
	margin: 0pt;
	text-align: right;
	border: 0px solid Gray;
	border-bottom-width: 3px;
	}
.gboptional {
	font-weight: normal;
	}

/****************************/
/*********** PAGER **********/
/****************************/

div.gbpager {
	text-align: center;
	margin: 2em 0em 2em 0em;
	}

/****************************/
/*********** ADMIN **********/
/****************************/


/**** CHANGE PASSWORD ****/

form#gbchangepass {
	background-color: Gray;
	padding: 1pt;
	margin: 1.6em 2pt 3em 2pt;
	border: 1px outset Gray;

	}
form#gbchangepass h3 {
	padding: 2pt;
	margin: 2pt;
	border: 1px outset Gray;
	text-align: center;
	}
form#gbchangepass div#gbnewPassword1 {
	padding: 3pt 5pt 3pt 6pt;
	margin: 2pt;
	border: 1px outset Gray;
	}
form#gbchangepass div#gbnewPassword1 label {
	display: block;
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 1em;
	}
form#gbchangepass div#gbnewPassword1 input {
	border: 1px inset Gray;
	}
form#gbchangepass div#gbnewPassword2 {
	padding: 3pt 5pt 3pt 6pt;
	margin: 2pt;
	border: 1px outset Gray;
	}
form#gbchangepass div#gbnewPassword2 label {
	display: block;
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 1em;
	}
form#gbchangepass div#gbnewPassword2 input {
	border: 1px inset Gray;
	}
form#gbchangepass div#gbchangepasssubmit {
	padding: 5pt 6pt 5pt 6pt;
	margin: 2pt;
	border: 1px outset Gray;
	text-align: center;
	}

/**** EDITABLE ENTRY ****/

table.gbeditableentry {
	width: 98%;
	background-color: Gray;
	padding: 1pt;
	margin: 2pt 2pt 2pt 2pt;
	border: 1px outset Gray;
	}
table.gbeditableentry th {
	text-align: left;
	padding: 2pt 4pt 3pt 4pt;
	}
table.gbeditableentry td,th {
	border: 1px outset Gray;
	}
table.gbeditableentry td {
	text-align: center;
	}
table.gbeditableentry td.gbname input {
	width: 90%;
	}
table.gbeditableentry td.gbemail input {
	width: 90%;
	}
table.gbeditableentry td.gbwebsite input {
	width: 90%;
	}
table.gbeditableentry td.gbdate input {
	width: 90%;
	}
table.gbeditableentry textarea {
	width: 90%;
	height: 5em;
	}
div#gbeditsubmit {
	margin-top: 2em;
	}

.gberror {
	background-color: #DDDDDD;
	color:Red;
}