.news {
	margin-left: auto;
margin-right: auto;
font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #00ACAC;
	padding: 5px 10px 10px 10px;
	width: 300px;
	
}
.news a:link {
	
	color:#0000FF;
	font-weight: normal;
	text-decoration: none;
}
.news a:visited {
	
	
	font-weight: normal;
	text-decoration: none;
	color: #663399;
}
.news a:hover {
	
	
	font-weight: normal;
	text-decoration: underline;
	color: #00acac;
	background-color: #FFFFFF;
}
.news a:active {
	
	font-weight: normal;
	text-decoration: none;
}

body {
	background-image: url(images/cocker_tile2.jpg);
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 0px;
	font-size: 76%;
	color: #000033;
	
}

body#home a#homenav,
body#site a#sitenav,
body#history a#historynav,
body#memoriam a#memnav,
body#dogs a#dognav,
body#news a#newsnav,
body#puppies a#puppynav,
body#breeder a#breedernav,
body#links a#linknav,
body#guest a#guestnav,
{
	color: #00acac;
	background: #ffffff;
}







 a:link {
    color:#0000FF;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}
 a:visited {
	
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	color: #663399;
}
 a:hover {
	
	font-size: 1.0em;
	font-weight: normal;
	color: #000033;
	background-color: #FFFFFF;
	text-decoration: underline;
}
 a:active {
	
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}
h4 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000033;
	text-align: center;
	width: 50%;
	
	font-size: 1em;
	margin: auto;
	padding: 0px;
}

#navcontainer { margin-left: 5px;}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

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

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 90px;
color: #ffffff;
background-color: #000033;
font-weight: bold;
text-decoration: none;
}

#navcontainer a:hover
{
color: #00ACAC;
background-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}



ul {
	list-style-type: square;
}
ul li{ 
margin-bottom:1em; 
} 

#header  { background-color:#00acac;
	height: 100px;
	text-align: center;
	
}

#content {
	font-size: 1.0em;
	text-align: center;
	min-width: 25em;
	max-width: 33em;
	background-repeat: repeat;
	vertical-align: top;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 20px;
}
#logo {
	background-image:url(images/katie_logo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #00ACAC;
vertical-align:top;
	width: 100px;
	height: 100px;
}


#navbar {
	background-color: #00ACAC;
	text-align: center;
	width: 100px;
	vertical-align: top;
}

#bottom_menu {
	font-size: 1.0em;
	text-align: center;
	vertical-align: top;
	height: 100px;
}
#bottom_cell {
	background-color: #00ACAC;
	width: 100px;
	height: 100px;
text-align:center;
vertical-align:top;
}



h5 {
	background-color: #00ACAC;
	text-align: center;
	width: 75%;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.0em;
	margin: auto;
	padding: 0px;
	
}
#tblboda {
	

	border-collapse: collapse;
	text-align: center;
	vertical-align:middle;
	background-color: #FFFFFF;
	margin:auto;
    }
#tblboda td{
    border-width: 1px;
	border-style: solid;
	border-color: #00ACAC;
	
}



.rightpic  {

	clear:right;
	float: right;
	margin: 0 0 10px 10px;
	padding: 0 10px 10px 10px;
	
	
	}
	
	
.leftpic {
    clear:left;
	float: left;
	padding: 10px
	}
 
.thumbnail {
float:left;
margin: 0 5px 5px 0;
padding: 5px;
text-align:center;
}



.containerbox {
margin-left: auto;
margin-right: auto;
width: 375px;
} 

.containerbox2{
margin-left: auto;
margin-right: auto;
width: 450px;
} 

.containerbox3{
margin-left: auto;
margin-right: auto;
width: 390px;
} 

.containerbox4{
margin-left: auto;
margin-right: auto;
width: 550px;
} 


.small {
	font-size: 0.80em;
}

.red  {color:#FF0000}
.highlight {
	color: #FFFFFF;
	background-color: #00ACAC;
	font-weight: bold;
	padding: 2px;
}  
.bold {font-weight:bold;}
.grey {font-size: 0.80em; color:#666666}
.redbox {
color:#FF0000;
border-width:1px;
border-style:solid;
border-color:#FF0000;
}
.clearit {clear:both}

.introbox {
margin-left: auto;
margin-right: auto;
font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #00ACAC;
	padding: 5px 10px 10px 10px;
	width: 550px;
	}

.banner { background-color: #00ACAC;
border-color: #000051;
border-style:solid;
border-width: 2px;
font-size: 13px;
font-weight:bold;
text-align:center;
width: 100px;
padding: 3px;
margin-left:auto;
margin-right:auto;
}
.banner2 { background-color: #00ACAC;
border-color: #000051;
border-style:solid;
border-width: 2px;
font-size: 13px;
font-weight:bold;
text-align:center;
width:200px;
padding: 3px;
margin-left:auto;
margin-right:auto;
}

img {border-style:none;}

hr {
	color: #008080;
background-color:#008080;
	height: 2px;
width: 65%;
text-align:center;

}

#gallery {width:728px; height:380px; padding:10px; border:1px solid #333; background: #00ACAC; position:relative; }
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#00ACAC;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#00ACAC; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#00ACAC;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#00ACAC; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}