/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url("background_white.gif");
}
/*Suffix with a capital "OLD" is the backup*/ 
#logo{float:left; background-image:url(munihri0.jpg); width:250px; height:116px;}
#topheader{float:right; width:526px; height:110px; background-color:#008080; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:800px; background-color:#730505; padding:10px;}
#mainpanel{float:right; width:800px;}
#menu{float:right; width:800px; height:32px; background-color:#730505; background-repeat:repeat-x;}
#page {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	}
/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #8D4F10;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	border: 2px outset #730505; background: #EFB57C;
	padding:8px 6px 10px 20px;
	}
	/* 
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #008080;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	border: 1px outset #730505;
	padding:8px 6px 10px 20px;
	}
#navigation a:hover {
	background: #99CC66;
	color:#993300;
	}
	*/
#navigation a:hover {
	background: #DAA670;
	color:#993300;
	}
#il {
	float: left;
}
	
#ir {
	float: right;
}
/*GRAY PANEL*/
.graypanelOLD{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}
.graypanel{
	border:solid 1px #666666; background-color: url(background_white.gif); padding:10px; margin:10px;
}

/*TEXT STYLES*/
/*bodytext and bodytextL the color has been changed from color: #666666;*/ 
.bodytext {
	font: 0.7em Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.bodytextL {
	font: 12em  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align: justify;
}
.headtextOLD {
	font: 0.7em Tahoma, sans-serif;
	color: #000000;
}
.headtext {
	font: 0.7em Tahoma, sans-serif;
	color: #ffffff;
}
.titletext {
	font: 0.8em Tahoma, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000000;

}

.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#ffffff;
}

.greentitle {
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#339966;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}

.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#CC0000;
}
.smallblktext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}

.smallbluetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;
	text-decoration:none;
}
.smallbluetext a:hover{
	text-decoration:underline;
}

.navText {
	font: 11px Tahoma, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #800000;
	line-height:30px;
	}
.style1 {font-size: small}

h4 {
	font-size: 17px;
	font-weight: bold;
	color: #003366;
}

h5 {
	font-size: 15px;
	font-weight: bold;
	color: #003366;
}

/*STYLES FOR POPUPS PHOTOS*/
img.mini {border:none} /* no border around left column images */
	div#minis a:hover {background:white} /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
	div#minis a img.big {height: 0; width: 0; border-width: 0} /* hide the big image by making its height and width 0 */
	div#minis a:hover img.big {position:absolute; top:268px; left:281px;height:375px;width:500px;border:none} /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */
	
	#frame {
	position:absolute;
	top:266px;
	left:280px;
	height:355px;
	width:480px;
	border:2px solid red;
	font: 1em "Trebuchet MS", Verdana, sans-serif;
	color:#730505;
	padding:10px
} /* create an empty frame so that visitors expect something to go there */
	p {margin-bottom:26px} /*add bottom margin to p elements so that they are (roughly) aligned with the big image frame */

</style>