/*** The Essential Code ***/

		body {margin: 0;
			padding-left: 200px;    
			padding-right: 190px;   
			background: rgb(236,232,236); 
			min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
			behavior: url(/file-bin/csshover.htc);
			margin: 0;
			padding: 0;
			}
		
		#container {
			padding-left: 200px;      /* LC fullwidth */
			padding-right: 190px;     /* RC fullwidth + CC padding */
		}
		
		#container .column {
			position: relative;
			float: left;
		}
		
		#center {
			padding: 10px 20px;       /* CC padding */
			width: 100%;
			background: rgb(236,232,236) url(images/site/daddy-b.jpg);
  			background-repeat: no-repeat;
  			background-position: top;
					
		}
		/*left colomn*/
		#left {
			width: 180px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 240px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
			margin-left: -100%;
			border-right: 1px solid rgb(70,70,130);
			border-bottom: 1px solid rgb(70,70,130);
			background:rgb(236,232,236)
		}
		
		#left h2 {border-bottom: 1px solid #888; margin: 0; padding: 0;
  			font-size: 1.75em; line-height: 1;}
			/* end left colomn*/
			/*right colomn*/
		#right {
			width: 130px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
			background: rgb(184,167,184);
		}
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}

		/*** Just for Looks ***/
	#header {
			margin-left: -200px;    /* LC fullwidth */
			margin-right: -190px;
			font-weight: normal;
			text-transform: lowercase;
			letter-spacing: 0.75em;
			font-family: georgia, Arial, sans-serif;
			font-style: italic;
			color: #446;
			text-align: center;
			font-size: large;
			background: rgb(162,139,162); 
			border-bottom: 5px double #557;
			border-top: 3px double #557;
		}
		

		#footer {
			color:rgb(36,36,36); 
			background: rgb(162,139,162);
			text-align: center;
			padding: 0.3em 0;
			border-top: 1px solid gray;
			margin-left: -200px;    
			margin-right: -190px;
			border-top: 5px double #557;
			border-bottom: 3px double #557;
			}
			#footer a {color: #558;}
		#footer a:visited {color: #858;}
		#footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }

		.small {font-size: .9em;}

		#container .column {
			padding-top: 1em;
			text-align: justify;}

/****main navigation***/
div#nav {float: left; margin:-16px 0 0 0px;
  background: rgb(255,255,255); border: 1px solid #AAA;}
div#nav ul {margin: 0; padding: 0; background: white;
  border: 1px solid #CCC; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 7.2em; line-height: 1em;}
div#nav li:hover {background: #EBB;}
div#nav li.submenu {background:  url(../../dogs/images/site/dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #EDD;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 6.5em; color: rgb(51,51,119);}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 7em;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background:  url(../../dogs/images/site/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}
  
  /**** end main navigation***/
    /*box*/
  div.box
	{
	border: solid 1px #557;
	background: #fff;
	margin: 1em 0 1em 0em;
	padding: 0.75em;
	}
div.box h3
	{
	font-size: 1.25em !important;
	margin: 0 !important;
	}

sup a
	{
	margin-left: -0.25em;
	}

p#date

	{
	font-size: 0.75em;
	font-style: italic;
	}
	
	 /*box*/
  div.box
	{
	border: solid 1px #557;
	background: #fff;
	margin: 1em 0 1em 0em;
	padding: 0.75em;
	}
div.box h3
	{
	font-size: 1.25em !important;
	margin: 0 !important;
	}

sup a
	{
	margin-left: -0.25em;
	}

p#date
	{
	font-size: 0.75em;
	font-style: italic;
	}
	/*end box*/
div.pullquote {float: right; width: 140px; color: #A09080;
   border: solid #908070; border-width: 3px 0;
   font: bold 0.9em Arial, Helvetica, Verdana, sans-serif;
   padding: 3px 2px; margin: 1px 7px;}
   div.pullquote  small {font: 0.75em Arial, Helvetica, Verdana, sans-serif; float: right; color: #A09080;}
div.spacer {clear: both;}
div#card {width: 400px; margin-left: auto; margin-right: auto; position: relative;}
div#card img {border: 2px solid black;}
div#sentiment {position: absolute; top: 500px; left: 60px; width: 33%;
   text-align: left; font: italic bold 28px Arial, sans-serif;
   color: rgb(28,28,74); padding: 10px 5px 10px 140px;}
.imgfront img{border: 4px solid rgb(49,42,49); background: rgb(49,42,49); valign: center;}

/* photocollektion*/
div.pic200 {float: left; height: 250px; width: 200px;
  padding: 0 15px; margin: 5px 3px;}
div.pic200 img {border: 3px double #666; background: #ABA;}
div.sq150 img {height: 150px; width: 150px; margin: 0 16px;}
div.sq200 img {height: 200px; width: 200px; margin: 0 16px;}
div.pic200 ul {margin: 0.25em 0 0; padding: 0;
  font:110% monospace; color:rgb(94,98,96) }
li.title {display: block; text-align: center;}
li.catno { display: none; text-align: center;}
li.price {display: none;}
/* 200*250 ls*/
div.picls200 {float: left; height: 250px; width: 255px;
  padding: 0 15px; margin: 5px 3px;}
div.ls200 img {height: 200px; width: 275px; margin: 32px 0 0;}
div.picls200 img {border: 3px double #666; background: #ABA;}
div.picls200 ul {margin: 0.25em 0 0; padding: 0;
  font:110% monospace; color:rgb(94,98,96) }
  /* 128*158 ls and pt sq 150*/
 div.pic {float: left; height: 200px; width: 145px;
  padding: 0 15px; margin: 5px 3px;}
div.pic img {border: 3px double #666; background: #ABA;}
div.ls img {height: 128px; width: 158px; margin: 32px 0 0;}
div.pt img {height: 158px; width: 128px; margin: 0 16px;}
div.sq img {height: 150px; width: 150px; margin: 0 16px;}
div.pic ul {margin: 0.25em 0 0; padding: 0;
  font:110% monospace; color:rgb(94,98,96) }

hr.garden { background : silver }
/* end photocollektion*/

/*Here start link */
#linksbox {margin-right: 0.5em;}
#linksbox h3 {text-align: left; line-height: 1em;
  margin: 2.5em 0 0 -1px; border-bottom: 1px dotted rgb(49,42,49);}
#linksbox ul {margin: 1px 0 0; padding: 1.25em 0 0 0;}
#linksbox li {padding: 0 0 1.5em; list-style: none;}
#linksbox h4 {font-size: 1em; letter-spacing: -1px; color: #FFC;
  margin: 0 33% 0 0; padding: 0 0 0 0.75em;
  border-left: 1.25em solid #667;}
#linksbox h5 {margin: -1.33em 0 0 0; padding: 0; color: #667;
  border-bottom: rgb(49,42,49);
  font-size: smaller; font-weight: normal; font-style: italic;
  text-align: right;}
#linksbox p {margin: 0.25em 0 0 2em; padding-left: 1px;}
/*Here end link */
div#footercop {clear: both; padding-top: 1em;
  font: 80% Verdana, sans-serif; color: #EDC;}
/* table pedigree breed*/
table#breed td {vertical-align: middle; color: black; text-align: left;
         border: 1px solid gray; background-color:#FFC; border-color: #BBB #EEE #EEE #BBB;}
tr#breed-head th {color: #CCE; background-color: #224;
         font-weight: bold; text-align: left; padding: 1px 0.33em;}
tr#breed-end th {color: #CCE; background-color: #224;
         font-weight: bold; text-align: left; padding: 1px 0.33em;}
tr#breed th {width: 10%; border: 0px 0px 1px 1px solid gray;}
tr#breed-end th {width: 10%; border: 0px 0px 1px 1px solid gray;}
table#breed tr#title-breed th {background: #AAC; color: black; border: 1px #242; font-size: 120%;}
table#breed a:link {color: navy;}
table#breed a:visited {color: purple;}
table#breed a:hover {background: #224;}
/*end table pedigree breed*/