/* +++ MAIN STYLE +++ */ 
/* Burgundy scheme
   Dark:   666633
		   996666
		   cc9999
	Light: ffcccc

Blue scheme	
	Dark:  333366
		   666699
		   9999cc
	Light: ccccff
/* +++ Common Styles +++ */

body { font-family: arial, helvetica, sans-serif; width:760px;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;  padding: 0; color:#000000;}

html > body {}

a { color: #336;  background-color: transparent; text-decoration: underline;
  margin: 0; padding: 0 1px 2px 1px;}

a:hover { color: #669; text-decoration: none;}

ol {  margin: 1em 0 1.5em 0; padding: 0;}
ul { list-style-type: square; margin: 10px 0 10px 0; padding: 0;}
dl { margin: 1em 0 0.5em 0; padding: 0;}
ul li { line-height: 1.5em; margin: 1px 0 0 30px; padding: 0;}
ol li { line-height: 1.5em; margin: 1.25ex 0 0 2em; padding: 0;}
dt { font-weight: bold; margin: 0; padding: 0 0 1ex 0;}
dd { line-height: 1.75em;  margin: 0 0 1.5em 1.5em; padding: 0;}

td { border-bottom: 1px solid rgb(204,204,204); padding:10px 5px;}
th { font-weight: bold; margin: 0; padding: 0 5px 5px 5px; color:#669;}

.doNotDisplay {display: none !important;}

h1 h2 h3 h4 {font-family: arial, helvetica, sans-serif;  margin: 0; padding: 0; text-align:left}
h1 { color: #336; font-size:150%;}
h2 h3 h4 { color: #669;}
h2 { font-size:120%; color: #669;}
h3 { font-size:110%; color: #669;}
h4 { font-size:100%; font-style:italic; color: #669;}

h3.jum { font-size:110%; color: #fff; background-color:#669;}


#content p { line-height: 1.75em; margin: 1em 0 1.5em 0; padding: 0;}

/* +++  Page header bar +++ */
#topnavbar {  color:#669;  text-align: right; margin: 0; padding: 2.5px 10px;}
.topnavbar a {text-decoration:none;}
.topnavbar a:hover {text-decoration:none;}

body div#coname
    {background-image: url("../images/breeder.jpg");}
	body#breeder div#coname
    {background-image: url("../images/breeder.jpg");}


/* header images based on location
    body#main div#coname
    {background-image: url("../images/maintop.jpg");}
    body#about div#coname
    {background-image:url("../images/abouttop.jpg");}
	body#membership div#coname
    {background-image:url("../images/membertop.jpg");}
	body#membership div#coname
    {background-image:url("../images/contacttop.jpg");}
	body#news div#coname
    {background-image:url("../images/newstop.jpg");}
*/	
#coname { height:75px; background-color: transparent; background-repeat: no-repeat; background-position: right center;}
	
	
h1.coname {font-size: 22pt; margin: 0; padding: 0 0 0px 5px; color: #336; font-weight: bold;  /* text-transform: lowercase; */}
h2.coname {font-size: 16pt; margin: 0; padding: 0 0 10px 20px; color: #669; font-weight: bold; /* text-transform: lowercase;*/}
.coname a {text-decoration: none; margin: 0; padding: 0 2px 0 0; color:#336;}
.coname a:hover {background-color: transparent; text-decoration: none;}

#navbox {padding: 5px 0; white-space:nowrap; font-size: 9pt;}
#nav
{position: relative; width: 100%; background-color: #336;
	padding: 4px 0 4px 0; color:#fff;}
#nav a {position: relative; margin: 0; padding: 4px 8px; color: #fff; 
	text-align: center; text-decoration: none; border-right: #fff solid 1px; }
#nav a:hover {color: #fff; background-color: #99c; text-decoration: none;}
#nav .active {font-weight: bold; background-color: #99c;color: #fff;}

#subnav
{position: relative; width: 100%; background-color: #99c;  font-size: 95%;
	padding: 4px 0 4px 0; color:#fff;}
#subnav a {position: relative; margin: 0; padding: 4px 8px; color: #fff; 
	text-align: center; text-decoration: none; border-right: none; }
#subnav a:hover {color: #336; background-color: #ccf; text-decoration: none;}
#subnav .subactive {font-weight: bold; color: #336;}



#contents {	background : #fff;	border : 1px solid #ccc; border-top : none;
	clear : both;	margin : 0px;	padding : 15px;}

.boxes { clear: both;}

.quarter, .oneThird, .half, .twoThirds, .fullWidth {
  margin: 1em 0;  float: left;  border-right: 1px solid rgb(204,204,204);}
.quarter { width: 21%;  padding: 0 1.9%;}
.quarterhead {
  color: #669;
  background-color: transparent; font-family: arial, helvetica, sans-serif;
  font-size: 130%; text-decoration: none; font-weight:bold;
  margin: 0; padding: 1ex 0 0 0; display: block;}
.quarterhead:hover { color:#99c; background-color: transparent; text-decoration: underline;}

.oneThird { width: 28%;  padding: 0 1.9%;}
.half { text-align: justify;  width: 46%;  padding: 0 1.9%;}
.twoThirds { text-align: justify;  width: 63%;  padding: 0 1.9%;}
.fullWidth { text-align: justify;  width: 96%; padding: 0 1.2em; border-left: none;}
.filler {  /* use with an empty <p> element to add padding to the end of a text box */
  border: 1px solid white;}
.noBorderOnLeft { border-left: none;}
.noBorderOnRight { border-right: none;}

.dividingBorderAbove { border-top: 1px solid rgb(204,204,204);}

.boxsubhead {
  color: #669;
  background-color: transparent; font-family: arial, helvetica, sans-serif;
  font-size: 110%; text-decoration: none; font-weight:bold;
  margin: 0; padding: 1ex 0 0 0; display: block;}
.boxsubhead:hover { color:#99c; background-color: transparent; text-decoration: underline;}
.newsDate { font-style: italic; margin: 0 !important;  padding: 0; font-size:92%;}

.summary {font-size:92%;}
.oneThird img{ padding: 10px 0px 2px 2px;}
.more { text-align: right;  margin: 0;  padding: 0 0 5px 0;}
.more a { color:#669; background-color: transparent; font-size: 90%; text-decoration: underline;
  margin: 0;  padding: 0;}
.more a:hover {text-decoration: none;}
p.img { color:#666666; font-size:92%; text-align:right;}
p.imgc { color:#666666; font-size:92%; text-align:center;}

.red { color:#f00}
/* +++  Page footer +++ */
#footer { color: #fff; background-color: #336;
  font-size: 92%;  text-align: center;  line-height: 1.25em;  margin: 2em 0 0 0;
  padding: 1ex 10px;  clear: left;}