/***** CSS Document description Kennel Kinghill's ******/

body { 
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica;
text-align: center;

/***** Scrollbar *****/
scrollbar-face-color: #eeeeee;
scrollbar-highlight-color: #555555;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #ffffff;
}

/***** Link colors *****/
a:link    { color : #c4a48b; background : transparent none; text-decoration : none;}
a:visited { color : #c4a48b; background : transparent none; text-decoration : none;}
a:active  { color : #c4a48b; background : transparent none; text-decoration : none;}
a:hover   { color : #c4a48b; background : transparent none; text-decoration : underline;}

/***** Borders of menu links (images) disabled *****/
a:link IMG {border: 0px; }
a:visited IMG { border: 0px;}
a:active IMG { border: 0px; }

/***** Fonts *****/
div {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	color: #000000;
}

strong {
		font-weight: bold;
		}
		
strong2 {
		color: #f2a229;;
		font-weight: bold;
		}	


/***** Tables *****/
/***** Basic table *****/
table.normal {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	color: #000000;
	width: 621px;
	border-spacing: 2px;
}

/***** Basic table; NARROW *****/
table.narrow {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	color: #000000;
	width: 460px;
	border-spacing: 2px;
}

/***** News table *****/
table.news {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 460px;
	border-spacing: 10px;
}

/***** Table: friend, gallery *****/
table.sinnaAlku {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 405px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/***** Family tree table *****/
table.tree {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 620px;
	border-collapse: collapse;
	border-spacing: 2px;
}

/***** Results table *****/
table.results {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 460px;
	border-collapse: collapse;
	border-spacing: 2px;
}

/***** Results table *****/
table.resultsAgi {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 585px;
	border-collapse: collapse;
	border-spacing: 2px;
}

/***** Results table *****/
table.coursesAgi {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 610px;
	border-collapse: collapse;
	border-spacing: 2px;
}

/***** Calendar table *****/
table.calendar {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 520px;
	border-collapse: collapse;
	border-spacing: 2px;
}


/***** Health results table *****/
table.health {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 350px;
	border-collapse: collapse;
	border-spacing: 2px;
}

/***** Abbr table *****/
table.abbr {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 285px;
	border-collapse: collapse;
	border-spacing: 2px;
}

/***** About table *****/
table.about {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 265px;
	border-collapse: collapse;
	border-spacing: 2px;
}

/***** Links table; Links page *****/
table.links {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	color: #000000;
	width: 570px;
	border-spacing: 1px;
}

/***** Links table; Gallery page *****/
table.gallery {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 570px;
	border-spacing: 1px;
}

/***** Links table; Gallery page *****/
table.result300 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #000000;
	width: 300px;
	border-spacing: 1px;
}

/***** Family tree data cell; borders *****/
td.tree {
	border-width: 1px 1px 1px 1px;	
	border-color: #000000;
	border-style: solid;	
}

/***** Results data cell; borders *****/
td.results {
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;
	vertical-align: top;	
}

/***** Results data cell CENTER; borders *****/
td.resultsCenter {
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;
	vertical-align: top;
	text-align: center;	
}

/***** Results data cell; borders *****/
td.resultsLast {
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;
	vertical-align: top;	
}

/***** Results header cell; no borders *****/
td.resultsHeader {
	border-width: 1px 1px 1px 1px;	
	border-color: #d8d8af;
	border-style: solid;
	vertical-align: top;
	font-weight: bold;
	background-color: #d8d8af;	
}

/***** Results header cell; no borders *****/
td.resultsHeaderCenter {
	border-width: 1px 1px 1px 1px;	
	border-color: #d8d8af;
	border-style: solid;
	vertical-align: top;
	font-weight: bold;
	background-color: #d8d8af;
	text-align: center;
}

/***** Courses comment data cell; borders *****/
td.courseComment {
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;
	vertical-align: top;
	font-size: 7pt;	
}

/***** Calendar Agility data cell; borders *****/
td.calendarAgi {
  color: #ea7500;
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;
	vertical-align: top;	
}

/***** Calendar Show data cell; borders *****/
td.calendarShow {
  color: #005ebb;
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;
	vertical-align: top;	
}

/***** Results date cell; borders + bold *****/
td.date {
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;	
}

/***** Results date header cell; no borders + bold *****/
td.dateHeader {
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	border-width: 1px 1px 1px 1px;	
	border-color: #d8d8af;
	border-style: solid;
	background-color: #d8d8af;	
}

/***** Results date cell; borders*****/
td.dateResults {
	vertical-align: top;
	text-align: right;
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;	
}

/***** Results date cell; borders *****/
td.dateResultsAgi {
	vertical-align: top;
	text-align: right;
	border-width: 1px 1px 1px 1px;	
	border-color: #c0c0c0;
	border-style: solid;
	width: 60px;	
}



/***** Litters color cell *****/
td.color {
	width: 22px;
	border-width: 1px 1px 1px 1px;	
	border-color: #000000;
	border-style: solid;	
}

/***** Own dogs color cell *****/
td.color2 {
	width: 22px;
}

/***** Header data cell; font bold *****/
td.header {
	font-weight: bold;
	vertical-align: top;
}

/***** Header data cell; font bold + BOTTOM *****/
td.headerBottom {
	font-weight: bold;
	vertical-align: bottom;
}

/***** Header data cell; font bold; for Health results *****/
td.headerHealth {
	font-weight: bold;
	vertical-align: top;
	width: 100px;
	text-align: right;
	border-width: 1px 1px 1px 1px;	
	border-color: #d8d8af;
	border-style: solid;
}

/***** Basic text data cell *****/
td.info {
	width: 320px;
	vertical-align: top;
}

/***** Basic text data cell *****/
td.logo {
	vertical-align: top;
	background-color: #c4a48b;
	border-width: 0px 0px 0px 0px;
	border-color: #c4a48b;
	border-style: solid;
}

/***** Basic text data cell 300 *****/
td.normal300 {
	width: 300px;
	vertical-align: top;
}

/***** Vertical align TOP + RIGHT in tables *****/
td.topRight {
	vertical-align: top;
	text-align: right;
	font-size: 8pt;
	width: 200px;
}

/***** Vertical align TOP + LEFT in tables *****/
td.topLeft {
	vertical-align: top;
	text-align: left;
	font-size: 8pt;
	width: 200px;
}

/***** Vertical align BOTTOM + LEFT in tables *****/
td.bottomLeft {
	vertical-align: bottom;
	text-align: left;
	font-size: 8pt;
	width: 200px;
}

/***** Vertical align BOTTOM + RIGHT in tables *****/
td.bottomRight {
	vertical-align: bottom;
	text-align: right;
	font-size: 8pt;
	width: 200px;
}

/***** RIGHT + TOP + BOLD in tables *****/
td.right {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

/***** LEFT + TOP in tables *****/
td.left {
	text-align: left;
	vertical-align: top;
}

/***** TOP in tables *****/
td.top{
	vertical-align: top;
}

/***** TOP + CENTER in tables *****/
td.center {
	text-align: center;
	vertical-align: top;
	width: 207px;
}

/*****  Italic text in tables *****/
td.italic {
	font-style: italic;
	vertical-align: top;
}

/***** Smaller text for Photos *****/
td.smallTextRight {
	font-size: 8pt;
	text-align: right;
	vertical-align: top;
}

/***** Smaller text for Photos *****/
td.smallTextLeft {
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
}

/***** Info cells RIGHT *****/
td.smallTextRightInfo {
	font-size: 8pt;
	text-align: right;
	vertical-align: top;
	background-color: #d8d8af;
	border-spacing: 0px 0px;
}

/***** Info cells LEFT *****/
td.smallTextLeftInfo {
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	background-color: #d8d8af;
	border-spacing: 0px 0px;
}

/***** Smaller text + BOLD *****/
td.smallTextLeftBold {
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

/***** Smaller text + BOLD *****/
td.smallTextLeftBoldInfo {
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #d8d8af;
	border-spacing: 0px 0px;
}

/***** Smaller text + CENTER in tables *****/
td.smallTextCenter {
	text-align: center;
	vertical-align: top;
	font-size: 8pt;
}

/***** Basic text data cell *****/
td.smallTextLeft300 {
  font-size: 8pt;
	text-align: left;
	width: 300px;
	vertical-align: top;
}


/***** List for Hobby page *****/
ul.hobby {
	font-size: 8pt;
	list-style-type: disc;
}

/***** List - outside for Shows *****/
ul.outside {
  font-size: 8pt;
	list-style-position: outside;
}

/***** List for Link page *****/
ul.links{
	font-size: 8pt;
	list-style-type: none;
}

/***** Outer Layout: page centerized *****/
#layout {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	}


/***** Header *****/
#header {
    width: 800px;
    height: 100px;
    text-align: left;
    vertical-align: middle;
    font-size: 20pt;
    padding: 0px 0px 0px 20px;
      }

/***** Menubar in the left side *****/
#menubar {
    width: 119px;
    height: 500px;
    float: left;
    background-color: #ffffff;
    border-width: 0px 0px 0px 1px;	
	border-color: #000000;
	border-style: solid solid solid dotted;
}

.menubar a:link    { color : #c4a48b; background : transparent none; text-decoration : bold; font-weight:bold;}
.menubar a:visited { color : #c4a48b; background : transparent none; text-decoration : bold; font-weight:bold;}
.menubar a:active  { color : #c4a48b; background : transparent none; text-decoration : bold; font-weight:bold;}
.menubar a:hover   { color : #c4a48b; background : transparent none; text-decoration : underline; font-weight:bold;}


/***** Space between menu and main *****/
#space {
    width: 20px;
    height: 500px;
	float: left;
    background-color: #ffffff;
      }

/***** Main content part *****/
#main {
	width: 660px;
    height: 500px;
    float: left;
	overflow: auto;
	border-width: 0px;
	text-align: left;
	font-size: 10pt;
	color: #000000;   
	background-color: #ffffff;
		
      }

/***** Main content part: MIDDLE *****/
#main_middle {
	width: 660px;
    height: 500px;
    float: left;
	overflow: auto;
	text-align: middle;
	font-size: 10pt;
	color: #000000;   
	background-color: #ffffff;
			
      }

/***** Details for dog page *****/
#info {
	width: 330px;
	height: 250px;
    float: left;
	overflow: auto;
	border-width: 0px;
	text-align: left;
	font-size: 10pt;
	color: #000000;   
	background-color: #ffffff;
				
}



/***** Anchor for results pages *****/
#results_anchor {
	width: 660px;
	height: 55px;
	float: left;
	overflow: auto;
	border-width: 0px;
	text-align: left;
	font-size: 8pt;
	color: #000000;     
	background-color: #ffffff;
      }

/***** Smaller Main for Results pages *****/
#results_main {
    width: 660px;
    height: 450px;
    float: left;
	overflow: auto;
	border-width: 0px;
	text-align: left;
	font-size: 10pt;
	color: #000000;    
	background-color: #ffffff;

      }	

/***** Anchor for Hobbies pages *****/
#hobbiesAnchor {
	width: 660px;
	height: 50px;
	float: left;
	overflow: auto;
	border-width: 0px;
	text-align: left;
	font-size: 8pt;
	color: #000000;     
	background-color: #ffffff;
      }

	/***** Smaller Main for Hobbies pages *****/
#hobbiesMain {
    width: 660px;
    height: 450px;
    float: left;
	overflow: auto;
	border-width: 0px;
	text-align: left;
	font-size: 10pt;
	color: #000000;    
	background-color: #ffffff;
      }