/* CSS Document */

/*********************************** LAYOUT ***************************************************/
html, body {
	margin:0;
	padding:0;
}

body {
	height: 100%;
	background-color:#4b1d4b;	/* purple - was 663366 */
}
html>body {
	height:100%;	
}

#container {
	position: relative;
	width:100%;
    height: auto;
	margin:0; padding:0;
    voice-family: "\"}\"";
    voice-family: inherit;
	background-color:#4b1d4b;	/* purple - was 663366 */
	text-align: center; /* this centers the container in IE 5* browsers */
}

html>body #container {
	position: relative;
	width:100%;
    height: auto;
	margin:0; padding:0;
	}

#content {
	width: 1024px;
	min-width:1024px;
    height: auto;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center */		
	padding-bottom:30px;
	background-color:#A6C790;	/* green */
	z-index:1;
}


/*********************************** Images and Layout **************************************************/
#header table {
	width:1024px;
	background-color:#A6C790;	
}

#headersm1a {background:url(../images/sm1a.jpg) no-repeat left top; width:215px; height:80px;}
#headersm1b {background:url(../images/sm1b.jpg) no-repeat left top; width:565px; height:80px;}
#headersm1c {background:url(../images/sm1c.jpg) no-repeat left top; width:244px; height:80px;}
#headersm2a {background:url(../images/sm2a.jpg) no-repeat left top; width:215px; height:87px;}
#headersm2b {background:url(../images/sm2b.jpg) no-repeat left top; width:565px; height:87px;}
#headersm2c {background:url(../images/sm2c.jpg) no-repeat left top; width:244px; height:87px;}
#headersm3a {background:url(../images/sm3a.jpg) no-repeat left top; width:215px; height:93px;}

#headersmbuttonbg {background:url(../images/smbuttonbg.jpg) no-repeat left top; width:809px; height:47px;}
#headersmtitlebg {background:url(../images/smtitlebg.jpg) no-repeat left top; width:809px; height:46px;}

#music {
	position: relative;
	top: -20px;
	right: 10px;	
	}

#footerwrapper {
	width:100%;
	height:55px;
	}

#footer {
	width: 1024px;
	height:55px;	
	background-image:url(../images/smfooterbg.jpg);
	background-repeat:no-repeat;
}	

.headerBG {
	background-color:#A6C790;
	}
	
.contentlayout {
	min-height:200px;	
	padding:0 40px 0 30px; 
	line-height:1.4em;
	text-align:left;	
	}
	


/*********************************** FORMAT ***************************************************/

body, p, div, td, th {
	color: #000000;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

td, th {
	text-align:left;	
}

.smallertext {
	font-size:12px;
	}
.smallertext div, 
.smallertext div p, 
.smallertext div a, 
.smallertext div table tr td, 
.smallertext td, 
.smallertext div table tr th {
	font-size:12px;
	}

.largertext {
	font-size: 14px;
	}	
.largertext div, .largertext div p, .largertext div a, .largertext table tr td, .largertext table tr th {
	font-size: 14px;
	}


h1 { 
	 font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; 
	 margin: 0 0 .5em 0; 
	 padding: 0;	 
}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; 
	 margin: 0 0 .25em 0; 
	 padding: 0;	 
}
h3 {
	 font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;
	 margin: 1em 0 .25em 0; 
	 padding: 0;
}


.maintitle {
	color: #003333;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em;
	font-weight:bold;
	margin:0 0 .75em -235px;
	padding:0;
	text-align:center;
	z-index:9;
	}
	
.subtitle {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;
	font-weight:bold;
	margin:-3px 0 .5em 0;
	padding:0;
	text-align:center;
	}	

.columnwrapper {
	margin:0;
	width:950px;
	height:auto;
	vertical-align:top;
}	
.leftcolumn {
	width:400px;
	float:left;	
	}
.rightcolumn {
	width:550px;
	float:right;	
}

.leftcolwidth {
	width:400px;
}		
.rightcolwidth {
	width:550px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.first { padding-top:0; margin-top:0; }

div.music {
	margin:0;
	padding:0;
}
div.music p {
	margin: 0;
	padding: 2px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;		
	font-size:11px;
	font-weight: bold;	
	text-align: center;	
}
div.music div {
	width:165px;
	margin:0 auto;
	padding:0;
}
div.music embed {
	z-index:2;
}	
div.music a {
	font-size:12px;
	font-weight: bold;	
}

tr.parentshealth table {
	margin-top:.25em;
}
tr.parentshealth th, tr.parentshealth td {
	font-size:.9em;	
	line-height:1.3em;
}

div.litter {
	width:750px;
	margin:0 auto;
	text-align:left;
	}
div.litter table {
	width:inherit;
}
div.litter div.name {
	font-weight:bold;
	margin-bottom:5px;	
}
div.litter div.name a:link {
	text-decoration:none;
}
div.litter a img {
	text-decoration:none;
	}

div.pupphotos {
	line-height:.25em;
}
div.pupphotos div.photocaption {
	margin:0;
	padding:0 0 1em 0;
	text-align:center;	
}

.notice {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}
	
.highlight {
	color: #660066;
}

a {
    text-decoration: underline;	
}
a:link, a:visited {
    color: #000000;
}
a:hover {
    color: #660066;
}
a:active {
    color: #ffff33;
}

div.semilink a {
}
div.semilink a:link, div.semilink a:visited {
    color: #000000;
    text-decoration: none;		
}
div.semilink a:hover {
    color: #660066;
    text-decoration: underline;		
}
div.semilink a:active {
    color: #ffff33;
    text-decoration: underline;		
}


.bold {font-weight:bold;}
.italic {font-style:italic;}

.signature {
	font-family:Monotype Corsiva;
	font-size:20px;
	}

img { border:none; outline:none; }
img a { border:none; outline:none; }

.clear{ clear: both; }

.boxed {
	border: 1px solid #000000;
}

.framed {
	padding:8px;
	border: 1px solid #999966;
	background-color:#FFFFFF;
	text-align:center;
}
.frameleft {
	padding:5px;
	border: 1px solid #999966;
	background-color:#FFFFFF;
	float:left;
	margin:0 10px 10px 0;	
}
.frameright {
	padding:5px;
	border: 1px solid #999966;
	background-color:#FFFFFF;
	float:right;
	margin:0 0 10px 10px;	
}

.photobox {
	margin: 5px;
	border: 1px solid #000000;	
	}
.photocaption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

a.photoboxlink img {
	margin: 5px;
	border: 3px solid #ffcc00;
}
a:hover.photoboxlink img {
	border: 3px solid #663366;
}

a.photoboxlink2 img {
	margin: 5px;
	border: 5px solid #ffffff;
}
a:hover.photoboxlink2 img {
	border: 5px solid #663366;
}

.gallery a {
	text-decoration:none;
	font-size:13px;	
	font-weight: bold;
	padding-bottom:5px;
}
	
.returntotop {
	font-weight:bold;
	margin-top: 24px;
	margin-bottom: 24px;
}	


.pedigreebox {
	margin:5px 0 0 0;
	width:930px;
	background-color:#A6C790; 
	border-collapse: collapse;	
	text-align:left;
	}
.pedigreebox table {
	border: 1px #333333 solid;
	}	
.pedigreebox tr {
	line-height:20px;
	}	
.pedigreebox td {
	font-size:12px;	
	padding: 1px 2px 1px 4px;
	border: 1px #666666 solid;
}
	
.pedigreeconnector {
	border-left:1px #666666 solid;
	}


.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-align: center;
	}
.footer a {
	text-decoration:none;
	}
.footer a:link, .footer a:visited {
    color:#000000;
	}
.footer a:hover {
    color:#FFCC00;
	}
.footer a:active {
    color:#ffff33;
	}

div.validators {
	background-color:#4b1d4b;	/* purple */
}
div.validators, div.validators a {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	text-align:center;
	padding:5px 0 5px 0;
	}
div.validators a:link, div.validators a:visited {
    color:#000000;	
    text-decoration: none;
	}
div.validators a:hover, div.validators a:active {
    color:#FFCC00;
    text-decoration: none;
	}