/* This CSS is for header, two column, footer, centered on browser page */
/* Background color can be changed in body tag*/
/* Tested in Firefox 1.5, 2.x , MSIE 6.x and 7.x, Opera v9.x */
/* UPDATE for 2008 contest - started 12-22-07 LLR */

body {
	font-family:Tahoma, Geneva, sans-serif; /*sets default font for entire web site using this css */
	font-size: 100.01%; /* the 100.01 % is to solve a MSIE 6 bug */
	background:#4A79AF;
	margin:0;
	padding:0;
	text-align:center;/* this is for MSIE v6 which does not support auto used in wrapper */	
	}/* font size in percent helps older MSIE - set font size control in other divs*/


/* * {
	margin:0;
	padding:0;
	}*//* DISABLED by LR 021609 this clears ALL DEFAULT margins, padding, and border on all tags */


h2 {
	color: #003366;
	background-color: transparent;
	margin: 0px;
	padding: 10px 0 5px 0;
	line-height: 1.8em;
	}

h3 {
	color: #000066;
	background-color: transparent;
	margin: 0px;
	padding: 10px 0px 5px;
	}

h4 {
	color: #000000;
	background-color: transparent;
	margin: 5px 5px 3px 0px;
	padding: 8px 0px 3px;
	}
h5 {
	margin: 0px;
	padding: 5px;
	/*font-size: 0.8em;
	line-height: 1.2em;*/
}
h6 {
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul {
	margin: 5px 0px 5px 35px;
	font-size: 12px;
} 
ol {
	margin: 5px 0px 5px 35px;
	font-size: 12px;
	list-style-type: decimal;
} 
ul  li  ul, ol li ol {
	margin: 5px 0px 5px 15px;
	font-size: 1em;
} 

li {
	margin: 3px 0px 3px;
	padding: 0;
}

td {
	padding: 0 3px;
	font-size: 12px;
}
hr {
	margin: 15px 0px 5px 0;
}


a:link {
	color: blue;
	text-decoration: underline;
}

a:visited {
	color: #750000;
	text-decoration: underline;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#wrapper {
	width:876px;
	text-align:left;
	margin:10px auto 0 auto;
	padding:0;
	border: 1px ridge #999999;
	}/* this div wraps all other divs and sections only body tag is outside this div */
#wrapper-home1 {
	width:876px;
	text-align:left;
	margin:10px auto 0 auto;
	padding:0;
	position: relative;
	z-index: 600;
	}/* this div for home page wrap BELOW header sections only*/
#wrapper-home2 {
	width:876px;
	text-align:left;
	margin:0;
	padding:0;
	z-index: 700;
	}/* this div for home page wrap BELOW header sections only*/
#header-homewrap {
	position: relative;
	width: 876px;
	z-index: 1400;
}

#header-home1 {
	margin:0;
	padding:0;
	width:107px;
	height: 35px;
	text-align: left;
	float: left;
	}/*top of page, home page only */
#header-home2 {
	margin:35px 0 0 0;
	padding:6px;
	width:432px;
	height: 87px;
	background: repeat;
	text-align: left;
	z-index: 900;
	float: left;
	clear: both;
	}/*top of page, home page only */
#header-home2 h1 {
	font-size:18px;
	text-align:center;
	color:#003;
	padding:0;
	margin:0;
}
#header-home2 h2 {
	font-size:26px;
	text-align:center;
	color:#FFF;
	padding:0;
	margin:0;
}

#header-homeimage {
	height:375px;
	width:430px;
	top: 0px;
	margin: 0;
	padding: 0;
	z-index: 1500;
	float: right;
	position: absolute;
	right: 0px;
}

#header {
	margin: 0;
	padding:0;
	background: url(../images/header-kingpano.jpg);
	height: 107px;
	border-bottom: 1px solid #705F58;
	}/*top of page, first div inside of wrapper, background image */
#header h1 {
	position:absolute;
	left:0;
	top:-150px;
}
#content-home {
	float:left;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: #FAFBFD;
	z-index: 850;
	width: 876px;
	/*border-top: 2px solid #3D2000;*/
	/*border-right: 2px solid #3D2000;*/
	/*border-bottom: 0px none;*/
	/*border-left: 2px solid #3D2000;*/
	}/* surrounds nav-left and right-content divs to assist in placement and containment */

#content {
	float:left;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: #FAFBFD;
	}/* surrounds nav-left and right-content divs to assist in placement and containment */

#breadcrumb {
	text-align: center;
	margin: 0;
	padding: 0px;
	border-bottom: 1px solid #666666;
	background-color: #91C4F3;
	border-top: 1px solid #666666;
	}

#breadcrumb p {
	font-size:0.7em;
	font-weight:bold;
	color: #333333;
	margin: 0;
	padding: 3px 0;
	}
	
#breadcrumb a:link {
	color: #0033CC;
	}

#breadcrumb a:visited {
	color: #0033CC;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #CC0000;
	text-decoration: underline;
}
	
.thumbnail {
	float:left;
	width: 130px;
	margin: 6px;
	border-top: 2px solid #CCCCCC;
	border-right: 5px double #999999;
	border-bottom: 5px double #999999;
	border-left: 2px solid #CCCCCC;
	padding: 6px;
	/*background:url(image/thumbnailtop.gif) no-repeat;*/
	}

.thumbnail img {
	margin: 5px;
	border:1px solid #777;
	}
	
.thumbnail h5 {
	text-align:center;	
	}

.thumbnail p {
	margin:0;
	padding: 5px;
	/*background:url(image/thumbnailbotm.gif) no-repeat 0 100%;*/
	font-size: 0.6em;
	line-height: 0.8em;
	}
#nav-left-home {
	float: left;
	width:190px;
	text-align:left;
	display: block;
	padding: 0 0 0 5px;
	margin:0;
	font-size: 0.9em;
	line-height: 1em;
	color:#000033;
	clear: left;
	background: #FAFBFD;
	}
#nav-left-home h4 {
	margin:0;
	font-size: 12px;
	padding: 5px 0px;
	color: #333;
}
#nav-left-home img {
	float:none;
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border:0;
	}
	
#nav-left-home p {
	padding: 0px;
	font-size: 11px;
	margin: 5px;
}
#nav-left {
	float: left;
	width:190px;
	text-align:left;
	display: block;
	padding: 0 0 0 5px;
	margin:0;
	font-size: 0.9em;
	line-height: 1em;
	color:#000033;
	clear: left;
	}
#nav-left h4 {
	color: #333;
	margin:0;
	font-size: 14px;
	padding: 5px 0px;
}
#nav-left img {
	float:none;
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border:0;
	}
	
#nav-left p {
	padding: 0px;
	font-size: 11px;
	margin: 5px;
}
.current {
	font-size:1em;
	font-weight:bold;
	text-decoration: none;
	color:#0000CC;
	background:#FFFFFF;
	display:block;
	border: 1px ridge #0066FF;
	} /* this class changes the nav bar CURRENT PAGE list text when it in currently viewed page */
.nav-title {
	text-align:center;
	width:161px;
	color:#330033;
	background-color:#99CCCC;
	font-weight: bold;
	vertical-align: middle;
	padding: 1px;
	}


#weather {
	text-align:center;
	padding:0;
	margin:10px 0px;
	border: 1px solid #999999;
	background: #97C6AA;
	}/* spot for the weather area used inside the nav-left div*/

#weather h4 {
	margin: 0px;
	padding: 2px;
}


#weather a:visited {
	text-decoration: none;
	color: #990000;
	background-color: transparent;
	}
	
#weather a:hover {
	text-decoration: none;
	color: #339966;
	background: #4A79AF;
	display:block;
	}

#weather a:active {
	text-decoration: none;
	color: #66FF66;
	background-color: transparent;
	}	
#weather img {
	float:none;
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 3px;
	border:0;
	}
#main-text-home-top {
	width:216px;
	float:left;
	padding: 10px 10px 0 20px;
	line-height: 1.3em;
	margin: 0 0 0 0;
	/*background-image: url(image/bg-warm.gif);*/
	font-size: 0.9em;
	z-index: 999;
	background: #FAFBFD;
	height: 230px;
	}
#main-text-home-top p {
	line-height:1.3em;
	font-size:1em;
	margin: 4px;
}

#main-text-home {
	width:642px;
	float:right;
	padding: 0px 10px 0 20px;
	line-height: 1.3em;
	margin: 0;
	/*background-image: url(image/bg-warm.gif);*/
	font-size: 0.9em;
	z-index: 999;
	background: #FAFBFD;
	}
#main-text-home h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	background-color: transparent;
	font-size: 1.8em;
	text-align:center;
	padding: 0;
	line-height: 1.5em;
	margin: 0px;
	}
	
#main-text-home p {
	line-height:1.4em;
	font-size:1em;
	margin: 4px;
}
#main-text-home ul {
	margin: 5px 0px 5px 25px;
	font-size: 1em;
}  
#main-text-home ol {
	margin: 5px 0px 5px 25px;
	font-size: 1em;
	list-style-type: decimal;
} 
#main-text-home ul li ul, ol li ol {
	margin: 5px 0px 5px 5px;
	font-size: 0.9em;
} 

#main-text-home li {
	margin: 3px 0px;
	padding: 0;
}



#main-text {
	width:646px;
	float:right;
	padding: 10px 10px 0 25px;
	line-height: 1.3em;
	margin: 0;
	font-size: 0.9em;
	}
#main-textalbum {
	width:681px; /* LR 02-21-09 make wider to fill gap was 677*/
	float:right;
	padding: 0;
	line-height: 1.3em;
	margin: 0;
	/*background-image: url(image/bg-warm.gif);*/
	font-size: 0.9em;
	}

#main-text h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	background-color: transparent;
	font-size: 1.9em;
	text-align:center;
	padding: 0;
	line-height: 1.5em;
	margin: 10px 0px;
	}
	
#main-text p {
	line-height:1.3em;
	font-size:1em;
	margin: 8px;
}

#main-text table {
	border: 1px solid #CCCCCC;
	background: #E7E7E7;
	text-align: center;
}

#main-text img {
	text-align: center;
	background-position: center;
}

.border {
	border:solid 1px #999;
}

.border-right {
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 2px #666;
	border-bottom: solid 2px #666;
}
	
.left {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	border: 2px solid #999999;
	}
	
.right {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 2px solid #999999;
	text-align: left;
	}
	
.center {
	text-align:center;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	/*border: 2px solid #999999;*/
}

.left img {
	float:left;
	text-align:right;
	margin:5px;
	}
	
.right img {
	float:right;
	text-align:left;
	margin:5px;
	}
.left-img {
	float: left;
	text-align: right;
	vertical-align: top;
	padding: 0px 10px 10px 0px;
	clear: left;
}
.img-left {
	float: left;
	text-align: right;
	vertical-align: top;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	}
.img-right {
	float: right;
	text-align: left;
	vertical-align: top;
	margin: 5px 0 5px 10px;
}
.img-right-home {
	float: right;
	text-align: left;
	vertical-align: top;
	margin: 5px 0 0px 10px;
}

.img-header {
	float: right;
	text-align: left;
	vertical-align: top;
	margin:0;
	padding:0;
	z-index: 1100;
}
.flt-rt {
	float:right;
}
.flt-rt-250 {
	float:right;
	width:246px;
	margin: 0 5px 0 0;
	padding: 0;
}
.flt-rt-250 h6 {
	margin: 0;
	padding: 2px;
	text-align:center;
}
.flt-rt-430 {
	float:right;
	width:260px;
	margin: 0 55px 0 0;
	padding: 0 0 0 50px;
	text-align: center;
	
}
.flt-rt-430 h6 {
	margin: 0;
	padding: 2px;
	text-align:center;
	border: 1px solid #6F645E;
	background: #E2E2E2;
	width: 240px;
}


.flt-lft {
	float:right;
}
#photocredit {
	float:right;
	text-align:right;
	padding: 4px;
	border-left: 2px solid black;
	margin: 10px;
	}
	
#photocredit p {
	margin: 0px;
	padding: 2px 0px;
	text-align: right;
	}

#photocredit h4 {
	text-align: right;
	margin: 0px;
	padding: 2px 0px 1px;
	}
.boxedarea {
	margin:0;
	padding:0;
}
.box-sidebar-border {
	margin:10px 0px;
	padding:0;
	border: 1px solid #6F645E;
	background: #97C6AA;
}
.box-indent {
	margin:0px 30px;
	padding:0;
}

.news {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #333333;
	background-color: #EDEFF1;
	padding: 5px;
	float: left;
	width: 610px;
	margin: 0;
	border: 1px ridge #808080
	}
.news  h2 {
	color:#000066;
	margin:0 0 5px;
	padding:0;
	font-size: 1.5em;
	line-height: 1.7em;
	}

.news h3 {
	color:#000066;
	margin:0 0 5px;
	padding:0;
	}
.news h4 {
	color:#000033;
	margin:0 0 5px;
	padding:0;
	}


.news-img {
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	}

.news-li {
	list-style-image:url(../images/7x7_bluesmallarrow.gif);
	margin-left: -1em;
	line-height: 1.8em;
	}
.contact {
	background-color: #EDEFF1;
	padding: 5px;
	width: 610px;
	margin: 0;
	border: 1px ridge #808080
	}


.pixal11 {
	font: 11px Arial, Helvetica, sans-serif;
}
.pixel-11 {
	font: 11px Arial, Helvetica, sans-serif;
}
	
.brickred {
	color:#CC0000;
	background-color: transparent;
	font-weight: bold;
	}
.bluetext {
	color: #0000FF;
}
#footer-home {
	text-align: center;
	margin: 0px;
	background-color: #97C6AA;
	border-top: 1px solid #3D2000;
	height: 25px;
	padding: 2px;
	border-right: 2px solid #3D2000;
	border-bottom: 2px solid #3D2000;
	border-left: 2px solid #3D2000;
	}

#footer-home p {
	margin: 0;
	padding: 4px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	}
#footer {
	text-align: center;
	margin: 0px;
	background-color: #97C6AA;
	border-top: 1px solid #666666;
	height: 25px;
	padding: 2px;
	}

#footer p {
	margin: 0;
	padding: 4px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	}
	.td-alignleft {
		text-align:left;
	}
	
.clearfloat {/*this is used in a new div after a div that has been floated - only if you want it to go to next line*/
	clear:both;
	}