/*
 * September 3, 2010
 * source file: woofandhoofmenu.css
 */
#menu 
	{
	margin: 0px 0 0 0px;
	/*width: 222px;		** 18em controls the width of the menu */
	text-align: left;
	padding-top: 4px;
	}

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

#menu a, #menu h2 
	{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 75%;		/* 11px/16px */
	display: block;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 5px 3px 5px 3px; 		/* 2px 3px; */
	}

#menu h2 
	{
	color: #000000;		/* those buttons that are not links but have dropdowns */
	background-color: #efefef;	/* ffffff was 000 */
	background-position: right;
	background-repeat: no-repeat;
	}

#menu a 
	{
	color: #000;
	background: #efefef;
	text-decoration: none;
	}

#menu a:hover 
	{
	color: #a00;
	/* background: #fff;  */
	background-color: #909090;
	}

#menu li 
	{
	position: relative;
	}

#menu ul ul ul 
	{
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
	{
	display: none;
	}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
	{
	display: block;
	width: 300px;
	background-color: white;		/* #a022a0;  */
	}

a 
	{
	color: #336699;
	}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 
	{
	font-weight: bold;
	font-size: 75%;		/* .80em  0.7em/1.4em; */
	line-height: 1.70;		/* was 1.4em */
	font-family: verdana, arial, helvetica, sans-serif;
	} 


/*
 * styles from local_woofandhoof.css ========================================================
 */

html 
	{
	min-height: 101%;
	}

* 
	{
	margin: 0;
	padding: 0;
	}
/*
a {color: #963;}
a:hover {color: #555555;}		** color: #C60; **
*/
body
	{
	background-color: #6495ed;
	}
.body1 
	{
	background-color: gray; /* #eceddd;	 **#CCD8E0; */
	background-image: 	url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #444;
	/* font: normal 62.5% Tahoma,sans-serif; */
	}
.body2 
	{
	background-color: lavender;
	color: #444;
	/* font: normal 62.5% Tahoma,sans-serif; */
	}
.body3
	{
	background-color: #012345; 
	color: #333333;
	/* font: normal 62.5% Tahoma,sans-serif; */
	}

/*
 * this class shoves the footer to the bottom of the page
 */
.shovedown 
	{
	clear: both;
	}

.left 
	{
	float: left;
	}

.right 
	{
	float: right;
	}

/* structure */
.container 
	{
	background-color: silver;
	font-size: 100%;		/* 1.2em; */
	margin: 0 auto 0 auto;
	padding: 0 ;
	width: 920px;
	border-left:   2px solid #111111;
	border-bottom: 2px solid #111111;
	}

/* header */
/* 
 * styles for the .top class
 * background: url(img/clouds.gif) repeat-x;
 * padding: 50px 10px 0; - the 50 is the top padding
 */
.top 
	{
	padding: 10px 0 0 0;
	width: 920px;
	margin: 0 auto 0 auto;
	}

/* banner area */
.header 
	{
	/* background-color: #c0c0c0; */
	font-size: 1.2em;
	height: 126px;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;
	border-bottom: 2px solid #c0c0c0;
	}
.header3
	{
	font-size: 1.2em;
	height: 126px;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;
	border-bottom: 2px solid #c0c0c0;
	}
/*
 * 	background: #A4A4A0;
 */
.header .left, .header .right 
	{
	background-color: lavender;
	color: #444444;
	height: 126px;	
	}
.header .right3
	{
	background-color: gray;
	background-image: url(img/WHBanner.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #444444;
	height: 126px;	
	}
.header .left3
	{
	background-color: #012345;
	height: 126px;	
	}

/*
 * background: #B3C2C7 url(img/header.jpg) no-repeat;
 */ 
.header .right 
	{
	/* background-color: #c0c0c0; */
	background-image: url(img/WHBanner.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 2.8em;
	font-family: "Trebuchet MS", sans-serif;
	height: 126px;
	text-align: center;	
	width: 915px;
	}
.header .left 
	{
	overflow: auto;
	background-color: lavender;
	width: 1px;
	}


/* main */
.main 
	{
	border-top: 0px solid #FFF;
	margin: 0;
	}

/*
 * right content box 
 */
.content 
	{
	float: right;
	margin: 0 0 0 0em;
	padding: 0;
	width: 698px;
	background-color: #efefef;
/*
height: 520px;
overflow: visible;
*/
	}

.content .descr 
	{
	color: #654;
	font-size: 0.9em;
	margin-bottom: 6px;
	}
.content h1
	{
	margin: 10px 0;
	padding: 0 0px;
	font-size: 22px;
	color: black;
	}
.content h2
	{
	margin: 10px 0;
	padding: 0 0px;
	font-size: 19px;
	color: #111111;
	}
.content h3
	{
	margin: 10px 0;
	padding: 0 0px;
	font-size: 15px;
	color: #222222;
	}

.content ul 
	{
	margin-left: 18px;
	}
.content ol 
	{
	margin-left: 48px;
	}
.content ul li 
	{
	font-family: "Lucida Sans Unicode", sans-serif;
	list-style-type: circle;
	font-size: 14px;
	}
	
.content ul li ul li
	{
	font-family: "Lucida Sans Unicode", sans-serif;
	list-style-type: square;
	font-size: 14px;
	}
.content ul li ul li ul li
	{
	font-family: "Lucida Sans Unicode", sans-serif;
	list-style-type: disc;
	font-size: 14px;
	}
.content ol li 
	{
	font-family: "Lucida Sans Unicode", sans-serif;
	list-style: decimal;
	font-size: 14px;
	}
.content p 
	{
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	margin-bottom: 14px;
	margin-right: 10px;
	}

.content table tr td
	{
	padding-right: 0px;
	padding-bottom: 12px;
	}
.titles
	{
	font-size: 320%; 
	font-family: "Lucida Sans Unicode", "Monotype Corsiva", Comic, sans-serif;
	letter-spacing: 1px;
	}
.just-bold
	{
	font-weight: bold;
	padding-top: 8px;
	letter-spacing: 1px;
	font-size: 110%;
	}
/* footer */
.footer 
	{
	color: #000000;
	font-size: .70em;
	font-family: "Lucida Sans Unicode", sans-serif;
	line-height: 1.9;
	padding: 0 12px;
	/*text-align: center; */
	border-top: 1px solid #c0c0c0;
	}
	

.top-height	    { height: 325px; margin: 0; padding: 0; }
.middle-height	{ height: 400px; }
.bottom-height	{ height: 50px; }

	
.container-top
	{
	margin: 0 auto 0 auto;
	width: 932px;
	height: 256px;
	border-bottom: 0px solid indigo;
	/*background-color: #484e9a; */
	z-index: 909;
	/* background-image: url( banner/oak-1.jpg ); #6496ed */
	background-position: right;
	background-repeat: no-repeat;
	background-color: white;
	}
.banner-box
	{
	width: 932px;
	height: 321px;
	margin: 0 auto 0 auto;
	/* background-image: url( 'banner/banner5.jpg' ); */
	background-image: url( 'img/new_logo2.jpg' );
	/* background-image: url( 'img/Woof and Hoof Logo-001.jpg' ); */
	background-repeat: no-repeat;
	background-position: center top;
	background-color: white;
	border-bottom: .1em solid black;
	z-index: 981;
	}
	
.banner-box-new	{
	width: 941px;
	height: 124px;
	margin: 0 auto 0 auto;
	z-index: 981;
	border: 0px solid white;
}
	
.banner-box-left
	{
	top: 0;
	left: 0;
	float: left;
	width: 222px;
	margin: 0;
	background-color: white;
	z-index: 9;
	}

.container-middle {
	margin-top: 0em;
	margin-bottom: 1em;
}

.middle-box
	{
	width: 932px;
	margin: 0 auto 0 auto;
	/* height: 560px;
	background-color: white;
*/
	background-color: #efefef;	
	border-left: .1em solid black;
	border-top:  .1em solid black;
	}
.middle-box-bubble
	{
	width: 932px;
	margin: 0 auto 0 auto;
	height: 660px;
	background-color: white;
	padding: 0;
	border-left: .1em solid black;
	border-top:  .1em solid black;
	}
	
.middle-boxtop-table
	{
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	border: 0px solid black;
	padding: 0;
	}
	
.middle-box-table
	{
	width: 932px;
	margin: 20px auto 0 auto;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	}
.middle-box-table3
	{
	float: right;
	width: 700px;
	margin: 20px 150px 0 0;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	}
	
.navigation
	{
	float: left;
	margin: 0;
	padding: 0 0 0 .2em;
	width: 229px;
	background-color: #efefef;
	border-left: .1em solid black;
	}
/*
 * right content box in the middle container
background-color: yellow;
 */
	
.hr-style
	{
	width: 90%; 
	height: 4px; 
	margin: 0 0 8px 0;
	background-color: indigo;
	}
.hr-style2
	{
	width: 94%; 
	height: 4px; 
	margin: 0px 0 5px 0;
	background-color: indigo;
	}
.scell
	{
	width:  1px;
	height: 1px;
	}
/*
 * October 7, 2010
 * Styles for the pop-up files that are related to the
 * friends and clients pages.
 */
.closewin
	{
	float: right; 
	margin: 5px 5px 5px 0;
	}
.satelite
	{
	font-size: 18px;
	line-height: 2.2;
	background-color: yellow;
	}
.pbottom	{ padding-bottom: 12px;		}
.ptop		{ padding-top: 12px;		}

.LogoTransparent {
	padding-left: 15px; 
	width:327px; 
	height: 120px; 
	float: left; 
	border: 0px solid white;
}
.logoContainer {
	width: 390px; 
	float: left;
}
.logoText {
	width: 500px; 
	height: 89px; 
	padding-right: 10px; 
	float: right; 
	margin-top: 0px;
}
.logoTextContainer {
	width: 540px; 
	float: left; 
	margin-bottom: 0; 
	vertical-align: bottom;
}


 
/*
 * styles from other.css ==================================================
 */
/*
 * December 2010
 * This style sheet is designed for the real browsers
 * it will position the copywright and update notice at the bottom of
 * the index page.
 * see the file ie.css for the IE styles.
 */
.container-bottom
	{
	position: relative;
	width: 99%;
	margin: 0 auto 0 auto;
	border-bottom: 0px solid indigo;
	font-family: "Lucida Sans Unicode", sans-serif;
	}
.bottom-box
	{
	width: 98%;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 60px;
	text-align: center;
	font-family: 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	background-color: #efefef;
	}