/* CSS Document */

/*** Body and main container ***/

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font:normal 62.5% Arial, Helvetica, sans-serif;
	background:#9fb2c5 url(../images/background_2.gif);
	color: #000;
	line-height: 2.2em;
}


/*** All headings and versions of ***/

h2
{
	color: #205D72;
	font-size: 1.2em;
	text-align:left;
}

h3
{
	color: #808080;
	font-size: 1.2em;
	text-align:right;
}

h4
{
	color: #205D72;
	font-size: 1.2em;
	text-align:center;
}


/*** Wrapper ***/

#wrapper {
	width: 800px;
	margin: auto; 
	padding: 0px;
	text-align: left;
}


/*** Header (Banner) ***/

#header {
	width: 100%;
	height: 265px;
	background:#9fb2c5 url(../images/banner_narrow.jpg) top center no-repeat;
}


/*** Title  (Under Banner containing page name) ***/

#title {
	width: 100%;
	height: 79px;
	background:#fff url(../images/title_narrow.jpg) top center no-repeat;
}

#titlep {
	color: #fff;
	margin:0px;
	font-size:2.25em;
	letter-spacing:1px;
	padding:28px 0px 0px 210px;
}


/*** Containter for columns ***/

#container {
	width: 800px;
	background: #fff;
} 


/*** Left column ***/

#left {
	width: 190px;
	height: auto;
	float: left;
	padding:0px;
	margin: 0px;
	font-size:1.4em;
	background:#fff;
}

#leftnav {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
	list-style-image: none;
}

#leftnav li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#leftnav li a:link, #leftnav li a:visited, #leftnav li a:active {
	color:#4C5E72;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 0px;	
}

#leftnav li a:hover {
	color: #79797D;
	text-decoration: none;
	font-weight: bold;
}


/*** Right column ***/

#right {
	width: 590px;
	height: auto;
	float: right;
	padding:0;
	margin: 0px;
	font-size:1.4em;
	background:#fff;
}

#rightp {
	width: 570px;
} 

#right a:link, right a:visited, right a:active {
	color:#008ECD;
	text-decoration:none;
	border-bottom:1px dashed #4C5E72;
	line-height:150%;  
}
	
#right a:hover {
	color: #79797D;
	border-bottom:none;
}

.clear {
	font-size: 0px;
	height: 0px;
	width: 100%;
	display: block;
	clear: both;
}


/*** Footer ***/

#footer {
	height: auto;
	padding: 0px;
	margin: 0px;
	font-size:1.1em;
	line-height:130%;
	text-align: right;
	background:#fff;
}

#footer p {
	margin: 0px 30px 0px auto;
	padding: 0px;
	color: #000;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #4C5E72;
	text-decoration: none;
	border-bottom: 1px dashed #4C5E72;
}

#footer a:hover {
	color: #79797D;
	text-decoration: none;
	border-bottom: none;
} 


/*** Photos ***/

#albumlist {
	list-style-type: none;
	}

#albumlist li {
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#albumlist img {
	border: 1px solid #000;
}

#albumlistcenter {
	list-style-type: none;
	}

#albumlistcenter li {
	float: center;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#albumlistcenter img {
	border: 1px solid #000;
}


/*** Our Newfoundlands Photos ***/

#albumlistnewfoundlands {
	list-style-type: none;
	}

#albumlistnewfoundlands li {
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #000;
}

#albumlistnewfoundlands img {
	display: block;
	border: 1px solid #000;
}



/*** Classes ***/

.center {
	color: #000;
	text-align:center
}

.blueleft {
	color: #205D72;
	text-align:left;	
	font-weight: bold;
}

.graycenter {
	color: #4C5052;
	text-align:center;	
	font-weight: bold;
	}
	
.picfloatright {
	float: right;
	margin: 0px 6px 10px 10px;
} 

div.picfloatright img {
	border: 1px solid #666;
	}
	
.albumborder {
	border: 1px solid #666;
	}

.clear {
	clear: both;
}

.caption {
	text-align: justify;
	padding: 0px 30px 10px 40px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color:#808080;
}

.captioncenter {
	text-align: center;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color:#808080;
}


.bluecenter {
	text-align: center;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color:#205D72;
}
 
.pedigree {
	text-align: left;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color:#000;
}