/* CSS Document */

body {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-color: #366390; /*------color of nav bar bkgd is #4C789C-------*/
}

/* -----------START Navigation rollovers -------------------------------------*/
#navi {
 width: 800px;
 height: 31px;
 background-color: #4C789C;
 border: solid 3px #332B3A;
 padding: 0;
 margin: 0px auto 0px auto;
 position: relative; z-index: 3000;
 font-family: Arial;
 font-weight:bold;
 font-size: 12px;
 color: #FFFFFF;
 line-height: 32px; text-align: center;	
}

#navi li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0px;}

#navi li, #navi a {height: 31px; display: block; color: #FFFFFF;}

#panel1b {left: 0; width: 80px;}
#panel2b {left: 81px; width: 80px;}
#panel3b {left: 163px; width: 90px;}
#panel4b {left: 254px; width: 109px;}
#panel5b {left: 371px; width: 112px;}
#panel6b {left: 484px; width: 110px;}
#panel7b {left: 600px; width: 90px;}
#panel8b {left: 690px; width: 110px;}

#navi a {text-decoration: none;}
#navi a:hover {color: #BAE2FF;}


/* --------------------END of Navigation Rollovers -------------------------------------------*/




/*---------------------START page sections setup-------------------------------------------------------*/



div.title {
	position: relative;
	margin: 0;
	width: 800px;
	height: 79px;
	background: #F1B060 url(images/titlebar.jpg) no-repeat;
	border-left: solid 3px #332B3A;
	border-right: solid 3px #332B3A;
	z-index: 0;
}

div.titlepad {
	padding: 0;
	}

div.photo { /*----to show dog in lake photo on home page----*/
	position: relative;
	width: 800px;
	height: 565px;
	background: #332B3A url(images/homepgphoto_lrg.jpg) no-repeat;
	z-index: 0;
}

div.photopad {
	padding: 0;
}



div.content {
	position: relative;
	margin: 0;
	width: 800px;
	height: 700px;
	border: solid 3px #332B3A;
	border-top: none;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	z-index: 0;
}

div.contentpad {
	padding: 10px 10px 0 10px;
}

/*---------------------END page sections setup-------------------------------------------------------*/


/*---------------------START Table Formatting--------------------------------------------------------*/
html {  /* this forces vertical scroll bar on firefox*/
  height: 100%;
  margin-bottom: 1px;
	}

table {
	width: 600px;
	background-color: #DCE9F1;
	border-top: solid 1px #333399;
	border-left: solid 1px #333399;
	}


td {
	border-right: solid 1px #333399;
	border-bottom: solid 1px #333399;
	padding: 10px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left; line-height: 15px;
	color: #4C789C;
	vertical-align: top;
}

.tdRighttOrange {
	text-align: right; line-height: 15px;
	color: #CC6633;
	background-color: #FBDFBC;
}

/*---------------------END Table Formatting----------------------------------------------------------*/




/*---------------------START General Text Formatting-------------------------------------------------*/

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	line-height: 14px;
	text-align: left;
	margin-top: 1px;
}

a {color: #003366;}
a:hover {color: #CC6633;}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic; 
	text-align: center;
	color: #366390;
	line-height: 24px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #CC6633;
	margin-bottom: 5px; line-height: 16px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left; line-height: 15px;
	margin: 2px;
	color: #4C789C;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #332B3A;
	text-indent: 20px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color:	#CC6633;
}


.txtblkorange {
	border: solid 1px #CC6600;
	background-color: #FBDFBC;
	text-align: center;
	margin: 15px;
	padding: 15px;
}

.txtblkblue {
	font-size: 14px;
	border: solid 1px #333399;
	background-color: #DCE9F1;
	color: #4C789C;
	text-align: left;
	margin: 15px;
	padding: 15px;
	line-height: 16px;
}

img {
	border: solid 1px #CC6600;
	margin: 4px;
}

.center {text-align: center;}
.bold	{font-weight: bold;}
.italic {font-style: italic;}
.bolditalic {font-style: italic; font-weight: bold;}
.underline {text-decoration: underline;}
.indent10 {margin-left: 10px; margin-right: 10px;}
.indent30 {margin-left: 30px; margin-right: 30px;}
.indent50 {margin-left: 50px; margin-right: 50px;}
.indent70 {margin-left: 70px;}
.indent90 {margin-left: 90px;}



/*---------------------END General Text Formatting---------------------------------------------------*/



/*---------------------END CSS DOCUMENT--------------------------------------------------------------*/