body {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	text-align: left;
	margin: 0;
    padding: 0;
	font-size: 76%;
	background-image: url(images/web_design/clavaireback.jpg);
	background-color: #ccffff;
	}
body#home a#homenav, body#site, body#colour, body#links
{
	color: #ffffff;
	background-image: url(images/web_design/clavaireback.jpg);
	background-color: #ccffff;
	text-decoration: none;
}

.navbar {
	background-color: #ffffdd;
	width: 160px;
	min-height: 100%;
}
.footer {
	background-color: auto;
	height: 20px;
	font-size: .90em;
	color:#000000;
	text-align:center;
	padding: 0;
	margin: 0;
}
.footerleft {
	background-color: #ffffdd;
	height: 20px;
	font-size: .90em;
	color:#000000;
	text-align:center;
	padding: 0;
	margin: 0;
}

.footer a:link{color:#000000;}

.header {
	background-image: url(images/web_design/clavairebanner.jpg);
	background-color: #ffffdd;
	position: relative;
    padding:0;
    margin: 0;
    height: 139px;
}
.content {
	background-image: url(images/web_design/clavaireback.jpg);
	background-color: #ccffff;
	margin: 15px;
	font-size: 14px;
	font-weight: bold;
    line-height: 19px;
	color: #000000;
	text-align: left; top;
	padding: 15px;	
}
.content a:link { color: #000000; font-weight: bolb; text-decoration: underline}
.content a:visited { color: #000000; font-weight: bold; text-decoration: underline}
.content a:hover {color: #000000; font-weight: bold; text-decoration: none; background-color: #ffffdd}

}

#navcontainer { text-align:left; margin-left: 0px; margin-top:0; min-height: 100%;}

#navcontainer ul
{
	margin: 0;
	padding: 0 0 0 0px;
	list-style-type: none;
	font-size: 1em;
	font-weight: bold;
}

#navcontainer li { margin: 0 0 2px 0; }

#navcontainer ul ul li { margin: 0 0 1px 0; }

}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
	background-color: #ffffdd;
}	
	}
	
margin: 0 5px 0 0;
	padding: 5px;
	}


.small {
	font-size: 0.80em;
}

.clearit {clear:both; line-height:1em; }

.content h1{
font-size: 18px;
color: #35bdcb;
padding: 0;
margin: 12px 0px 12px 0px;
}
.content h2{
font-size: 16px;
color: #35bdcb;
padding: 0;
margin: 0px 0px 12px 0px;
}

.content h3{
font-size: 15px;
font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
color:#800080;
margin: 0px 0px 12px 0px;
}

.content h4{
font-size: 17px;
font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
color:#000000;
margin: 0px 0px 12px 0px;
}

.content ul {list-style-position:inside; list-style-type:square; text-align:left;}
.content li  { margin: 0 0 1.5em 0; }

.content ol {text-align:left;}

.top {color:#000000; font-weight:bold; font-size: 11px; border-color:#ffffcc; border-style:solid; border-width: 1px; padding:3px;}
.top a:link {color:#000000; font-weight: bold; text-decoration: none; padding:3px;}
.top a:visited {color:#000000; font-weight: bold; text-decoration: none; padding:3px;}
.top a:hover {color:#000000; background-color:#ffffcc; font-weight: bold; text-decoration: none; padding:3px;}

#box {text-align:left; width: 320px; margin: auto;}
#box li {list-style-type:none; }

hr {color:#006600; width: 95%;}

.gallery {
float: center;
margin: 0px 0px 0px 0px;
padding:5px;
text-align:center;
}

.gallerybox {text-align:left; width: auto; margin:auto; padding:0;}
.gallerybox2 {text-align:right; width: 560px; margin:auto; padding:0;}

.imgdisplayed {
    border-style:solid; 
    color: #89fbff;
    border-width: 5px;
    margin-left: auto;
    margin-right: auto }
    
.imgnoborder {
    border-style:none; 
    color: #006600; 
    border-width: 3px;
    margin-left: auto;
    margin-right: auto 
}
.imgdisplayed2 {
    border-style:solid; 
    color: #89fbff;
    border-width: 3px;
    margin-left: auto;
    margin-right: auto }
   
}
img {border-style:solid; color: #006600; border-width: 0px;}

.leftbox {text-align:left; margin:auto; width:75%;}

.left {text-align:left;}

}
.pagetitlebox{
	img-align:left;
	vertical-align: top;
	text-align:left;
	float: center;
	overflow: hidden;
	width: 100%;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.dogtitlebox{
	img-align:left;
	vertical-align: top;
	text-align:center;
	float: center;
	overflow: hidden;
	width: 100%;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
}

.titlebox{
	img-align:center;
	vertical-align: top;
	text-align:center;
	float: center;
	overflow: hidden;
	width: 100%;
	height: auto;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
}
.christmasbox{
	text-align:center;
	font-size: 16px;
	font-family: Copperplate Gothic Light, Arial, Verdana, Geneva, helvetica, sans-serif;
	width: 50%;
	height: auto;
	background-color: auto;
    border-style:solid; 
    border-color: #ff0000; 
    border-width: 3px;
	padding: 5px;
	margin: 0px auto 0px auto;
}
#bottomnav{
	text-align:center;
	font-size: 0.80em;
	float: center;
	overflow: hidden;
	width: auto;
	height: 50px;
	background-color: auto;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 20px 0px 0px 0px;
    margin: 0px;
}
#tablebox{
	vertical-align: top;
	text-align:center;
	float: center;
	overflow: hidden;
	width: 95%;
	height: auto;
	border-style:solid; 
    border-color: #660066; 
    border-width: 3px;
	background-color: #E0E6D5;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px;
	margin: auto 20px 20px auto;
}
#tablebox2{
	font-weight: bold;
	vertical-align: top;
	text-align:center;
	float: center;
	overflow: hidden;
	width: 95%;
	height: auto;
	border-style:none; 
    border-color: #660066; 
    border-width: 3px;
	background-color: #EFEAF4;
	background-repeat: repeat-n;
	background-position: 0px 0px;
	padding: 5px;
	margin: auto 20px 20px auto;
	}
.iframe{
	position: relative;
	width:100%;
	height:300px;
	margin:0;
	padding:0px 0 0 0;
	border:0px;
	frameborder:0px;
	scrolling: n;
	text-align: left;
}

html {
scrollbar-face-color: #ccffff;
scrollbar-highlight-color: #ccffff;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #75678F;
scrollbar-shadow-color: #ccffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ccffff;
}