body
{
	margin: 0;
	padding: 0;
	background: #1E1E1E;
	color: #999;
	font-family: "verdana", "arial", "lucida sans", "verdana";
	font-size: 70%;
	line-height: 160%;
}

a
{
	color: #9C9;
	text-decoration: none;
}

a:hover
{
	color: #FFF;
}

#topcont
{
	margin: 0 auto;
	width: 950px;
	height: 121px;
	background: url('../images/background-container.png') repeat-y;
}

#top
{
	margin: 0 auto;
	width: 950px;
	height: 120px;
	background: #333;
	border-bottom: 1px solid #555;
}

#top h1
{
	margin: 0 0 15px 0;
	padding: 50px 30px 0 0;
	font-weight: normal;
	font-size: 350%;
	letter-spacing: -3px;
	font-family: "arial";
	color: #FFF;
	text-align: right;
}

#top img
{
	padding-left: 5px;
}

#top h1 span
{
	color: #9C9;
}

#container
{
	margin: 0 auto;
	width: 950px;
	background: url('../images/background-container1200.jpg') repeat-y;
}

#container-pic
{
	margin: 0 auto;
	width: 950px;
	background: url('../images/background-container-pic-1200.jpg') repeat-y;
}

#cont
{
	margin: 0 auto;
	width: 950px;
}

#left
{
	float: left;
	width: 270px;
}

#left ul
{
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

#left ul li a
{
	display: block;
	margin: 0;
	padding: 10px 15px;
	width: 220px;
	color: #FFF;
	text-decoration: none;
}

#left ul li a.sub
{
	display: block;
	margin: 0;
	padding: 2px 25px;
	width: 200px;
	color: #999;
	text-decoration: none;
}

#left ul li a:hover.sub
{
	background: #9C9 url('../images/menu-hover-sub.png') repeat-y right;
	color: #FFF;
}

#left ul li a:hover
{
	background: #9C6 url('../images/menu-hover.png') repeat-y right;
	color: #FFF;
}

#left p
{
	margin: 0 15px 15px 15px;
}

#content
{
	float: left;
	width: 610px;
	padding: 20px 5px 5px 15px;
}

#content p
{
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

#content h1, h2, h3, h4, h5
{
	margin: 0 0 7px 0;
	padding: 0 0 8px 0;
	font-weight: normal;
	font-family: "arial";
	font-size: 200%;
	color: #CCC;
	border-bottom: 1px solid #444;
}

div.figureright { float: right; width: 30%; margin: 0.5em; padding: 0.5em; } div.figureright p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; color:#ee7012; }

div.figureleft { float: left; width: 25%; margin: 0.2em; padding: 0.1em; } div.figureleft p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; color:#ee7012; }

#content img.imgright
{
	float: right;
	padding: 3px;
	margin: 15px 0 0 10px;
	border: 1px solid #555;
}

#content img.imgmiddle
{
	float: none;
	padding: 3px;
	margin: 15px 0 0 0px;
	border: 1px solid #555;
}

#content img.imgleft
{
	float: left;
	padding: 15px;
	margin: 15px 10px 0 10px;
	border: 1px solid #555;
	text-align: center;
}

#left img.imgleft
{
	float: left;
	padding: 3px;
	margin: 15px 10px;
	border: 1px solid #555;
}

#content img.imgrightTbl
{
	float: right;
	padding: 3px;
	margin: 0px 0 0 0px;
	border: 1px solid #555;
}

#content img.imgmiddleTbl
{
	float:
	padding: 3px;
	margin: 0px 0 0 0px;
	border: 1px solid #555;
}

#content img.imgleftTbl
{
	float: left;
	padding: 3px;
	margin: 0px 10px 0 0px;
	border: 1px solid #555;
}


#content ul
{
	margin: 0 0 15px 30px;
	padding: 0;
	list-style-type: circle;
}

#content ol
{
	margin: 0 0 15px 30px;
	padding: 0;
	list-style-type: lower-roman;
}

#content blockquote
{
	margin: 0 0 15px 0;
	padding: 15px;
	border-left: 4px solid #9C9;
	background: #434343;
}

#footer
{
	clear: both;
	margin: 0 auto;
	width: 950px;
	border-top: 1px solid #555;
	color: #999;
	background: #333;
}

#footer p
{
	margin: 0;
	padding: 0;
}

#footerleft
{
	float: left;
	width: 360px;
	padding: 15px 0 15px 15px;
}

#footerright
{
	float: right;
	width: 360px;
	padding: 15px 15px 15px 0;
	text-align: right;
}

.bottom
{
	clear: left;
}

.img {
  /* background: url(Lighthouse1185x153.jpg); */
  max-width:100%;
  max-height:100%;
} 

.menu{
	border:none;
	border:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom: 1px solid #555;
	}
.menu ul{ /* main menu bar */
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{ /* main menu hover */
			background: #99cc66 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{ /* sub-menu */
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{ /* sub-menu hover */
			background:#99cc99 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

.#navBar {
  margin: 0 0 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
.coatBlack {
	color: #000000;
	background-color: #000000;
	text-align: center;
}
.coatYellow {
	color: #FFFF00;
	background-color: #FFFF00;
	text-align: center;
}
.collar1Red {
	color: #FF0000;
	background-color: #FF0000;
	text-align: center;
}
.collar2Blue {
	color: #0000FF;
	background-color: #0000FF;
	text-align: center;
}
.collar3Purple {
	color: #6633CC;
	background-color: #6633CC;
	text-align: center;
}
.collar4NeonGreen {
	color: #33FF33;
	background-color: #33FF33;
	text-align: center;
}
.collar5NeonPink {
	color: #FF00FF;
	background-color: #FF00FF;
	text-align: center;
}
.collar6Brown {
	color: #996633;
	background-color: #996633;
	text-align: center;
}
.collar7LightPink {
	color: #FF99FF;
	background-color: #FF99FF;
	text-align: center;
}

.collar8Turquoise {
	color: #33CCCC;
	background-color: #33CCCC;
	text-align: center;
}

.collar9Orange {
	color: #FF6600;
	background-color: #FF6600;
	text-align: center;
}
.collar10DarkGreen {
	color: #006633;
	background-color: #006633;
	text-align: center;
}
.OrgTxt {
	color: #FF6600;
}
.BlkTxt {
	color: #000;
}
.colCtr {
	text-align:center;
}
.boldTxt {
	font-weight:bold;
}
.colHdr {
	color: #FF9;
	font-weight: bold;
}
.tblTitle {
	font-size: x-large;
	text-align: center;
	padding: 20px 0px;
	vertical-align: middle;
	font-weight: bold;
	color: #9FF;
}
.tblTitleLtr {
	font-size: x-large;
	text-align: center;
	padding: 20px 0px;
	vertical-align: middle;
	font-weight: bold;
	color:#9F6;
}
.listPadLeft {
	padding-left:10px;
}
.listLink {
	padding-left:45px;
}
.listsubTitle {
	color:#FF9;
	padding-left:35px;
}
.lisTitle {
	color: #6CF;
	padding-left:25px;
}
#left ol
{
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

#left ol li a
{
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#left ol li a.sub
{
	display: block;
	margin: 0;
	padding: 2px 25px;
	width: 200px;
	color: #999;
	text-decoration: none;
}

#left ol li a:hover.sub
{
	color: #FFF;
}

#left ol li a:hover
{
	color: #FFF;
}

.textStatusGRAD
{
	color: #390;
}

.textStatusBreeder
{
	color: #C90;
}

.textStatusReleased
{
	color: #0CF;
}

.textStatusReleasedPuppy
{
	color: #C33;
}