/*
	Default CSS Styles for Cross Creek Cattery
	28 Jan 2006	John H. Walton	Tempo Technology Ltd (UK) 
	19 Feb 2006
	03 Mar 2006
	11 Mar 2006 Added hilites for mouseovered gallery cell
*/

/*
	HEADER MENU
*/

#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav-menu2 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li
{
	float: left; 
	margin-top: 5px;
}
#nav-menu2 li
{
	float: left;
	margin: 0;
}

#nav-menu li a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	background: url(../images/cat_paw_l.gif) ;
	background-repeat : no-repeat;
	height: 80px;
	line-height: 80px;
	width: 80px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: Black;
	font-weight : normal;
	margin-right: 40px;
}
#nav-menu2 li a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	background: url(../images/cat_paw_r.gif) ;
	background-repeat : no-repeat;
	height: 80px;
	line-height: 80px;
	width: 80px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: Black;
	font-weight : normal;
	margin-right: 40px;
}

#nav-menu li a:hover
{
	text-decoration: underline;
}
#nav-menu2 li a:hover
{
	text-decoration: underline;
}

div#nav-menu2 {
	position: absolute; 
	top: 75px; 
	left:260px; 
	width:500px;	
}

/*
	BODY
*/	

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #E6E3E8;
	margin-top: 3px;	
}

h1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight : normal;
	text-align : center;
	background-color: #E6E3E8;	
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
}

.h1Sub{
	font-weight : bold;
	text-align : center;	
	margin-bottom: 10px;
}	
	
.h2Home{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight : normal;

	background-color: #CCFFE6;	
	padding: 2px 0 4px 0;
	text-align : center;
}

.h2Home a
{
	font-size: 8pt;
	text-decoration: underline;
}

h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight : normal;

	background-color: #CCFFE6;
	margin: 2px 0 0 0;
	padding: 0 0 2px 4px;
}

hr{
	margin-top:2px;
	margin-bottom:2px;
	padding: 0;
}

.address {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left: 0px;
	margin-top: 0px;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin:7px 0 7px 0;
	padding: 0 0 0 10px;
}

.body1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top:7px;
	margin-bottom:7px;
}

.body2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0 0 0 10px;
}

.tdL{
	padding-left:10px;
}	

.floatright {
	float:right;
	margin: 2px 0 4px 15px;
	background-color : #ffffff;
}

.floatleft {
	float:left;
	margin: 6px 4px 0px 0;
	background-color : White;	
}

div.container {
	position: relative;
	margin: 0 auto;
	padding: 0 3px 2px 3px;
	width: 760px;
	background-color: #ffffff;
	border: solid #9f9f9f;
	border-width : 0 1px 1px 1px; 
}

.containerTop {
	position: relative;
	margin: 0 auto;	
	padding: 0;
	width: 768px;
	border-width: 0;
}

.containerMiddle {
	border : solid #9f9f9f;
	border-width : 1px 0 0 0; 
	padding: 0;
	margin: 0;
	display : inline;
}

/*
	General Picture Title
	displayed below image
*/	
.pic-title{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight : normal;
	text-align : center;
	margin: 2px 0 0 0;	
}	

.img1{
	margin: 0 0 0 2px;
	border-left: 5px;
}

.tiny{
	padding: 2px 0 2px 0;
	margin: 0;
	border-style : solid;
	border-color : #AfAfAf;
	border-left-width : 0px;
	border-right-width : 0px;
	border-top-width : 0px;
	border-bottom-width : 1px;
}

.topBorder{
	padding: 2px 0 2px 0;
	margin: 0;
	border-style : solid;
	border-color : #AfAfAf;
	border-left-width : 0px;
	border-right-width : 0px;
	border-top-width : 1px;
	border-bottom-width : 0px;
}

ul{
	padding: 4px 0 2px 25px;
	margin: 0px 0px 0px 6px;
	list-style : bullet;
}

ol{
	padding: 4px 0 2px 25px;
	margin: 0px 0px 0px 13px;
	list-style : decimal;
}

li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-bottom: 5px;
}

.small-text{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	padding: 4px 0 2px 4px;
}

/*
	FOOTER MENU
*/

.footer{
	width: 100%;
}

.footer-menu{	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}	
.footer-menu a
{
	text-decoration: none;
	color: black;
}
.footer-menu a:hover
{
	text-decoration: underline;
}

/*
	LINK PAGE
*/

.linkItem{
	border-width: 	1px; 
	border-style: 	solid; 
	border-color: 	#cfcfcf;
	padding: 		2px 2px 2px 2px;
	margin:			4px 4px 4px 4px;
}	

.linkImage{
	padding: 		6px 6px 2px 4px;
	float: right;
}	

.linkP {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/*
	GALLERY
*/

.galleryItem{
	border: solid #3f3f3f 1px; 
	padding: 3px 3px 0px 3px;
	margin: 2px;
}
.galleryItemHiLited{
	border: solid #00ff00 1px; 
	padding: 3px 3px 0px 3px;
	margin: 2px;
}
.galleryItemInv{
	border: solid #00ff00 1px; 
	padding: 3px 3px 0px 3px;
	margin: 2px;
}
.galleryDate{
	position: relative;
	left: 3px;
	bottom: 29px;
	margin-left : 0px;
	margin-bottom : -9px;
	text-align: left; 
	font-size: 9px; 
	/* color: #7f7f7f; */
	color: #ffffff; 	
}
.galleryTitle{
	text-align:center;
	color: #ffffff;
}
.galleryTitleInv{
	text-align:center;
	color: #000000;
}		
	
ul.gallery{
	width:auto;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	border: solid red;
	border-width: 1px 1px 1px 1px;
}	
li.gallery
{
	float: left; 
	margin-top: 5px;
	border: solid 1px green;	
}