#nav {
	position: absolute;
	background-color: #F5F5DC;
	top: 134px;
	height: 22px;
	left: 27px;
	right: 3%;
	width: 850px;
	white-space:nowrap;
}
#date {
	position:absolute;
	height: 20px;
	top : 187px;
	left: 600px;
	z-index: 100;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: transparent;
	white-space: nowrap;
}
#content {
	background-image: url(images/contentslice.gif);
	background-repeat:  repeat-x;
	position: absolute;
	background-color: #CBBBAA;
	top: 175px;
	left: 27px;
	right: 3%;
	width: 850px;
/* "overflow:auto; " was in here causing "element view" on r.click on design screen menu to default to "hidden". Made it a pain to edit anything inside the "content" div with out changing element view to "full" from "hidden". */
}

/* Tried using padding or margin settings in the content div. If they are used, the right margin does not stay lined up with the right edge of content. It goes almost to right edge of the visible window. Use margins or padding settings on those classes or id's that appear WITHIN content, and you'll be OK.  */

#left_col {
	float:left;
	width:420px;
	background-color: transparent;
	height:auto;
	clear: both;
	border-right-color: #CBBBAA;
	border-right-style: solid;
	border-right-width: medium;
	margin-top: 0px;
	margin-left: 15px;
}
#left_half {
	float:left;
	width:46%;
	background-color: transparent;
	height:auto;
	padding-top: 10px;
	padding-left: 15px;
	padding-right:6px;
}
#right_col {
	width:auto;
	background-color:transparent;
	height:auto;
	clear: none;
	margin-left: 430px;
	margin-top: 0px;
	padding-left: 15px;
}	
#right_half {
	float:right;
	width: 46%;
	padding-right:0px;
	background-color:transparent;
	height: auto;
	padding-top: 10px;
}	
span#here {
	font: bold small-caps normal 12px Verdana, Arial, Helvetica,
	sans-serif;
	color: #AA0000;
	text-decoration: none;
	background-color: #F5F5DC;
}
div#logotopr {
	position: absolute;
	top: -2px;
	z-index: 100;
	left: 500px;
}
div#logobotr {
	position: absolute;
	top: 97px;
	z-index: 100;
	left: 500px;
}
#actyear {
	background-color: #FA8072;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	align: center;
	font-size: 14px;
	}
.headerpara {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	margin: auto;
	background-color: transparent;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 1.2em;
	margin-bottom: 1em;
	margin-top: 1em;
	font-weight: 600;
}	
.normal {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: transparent;
	color: #000000;
	margin-left: 15px;
	padding-top: 40px;
}
body {
	background-image: url(images/bgslice.gif);
	background-repeat:  repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #CBBBAA;
}
p.mainpara {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #04000C;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 1.2em;
	margin-bottom: 1em;
	margin-top: 1em;
	font-weight: 600;
}
p.paralist {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	margin-right: 15px;
	margin-left: 30px;
	line-height: 1.0em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	font-weight: 500;
}
span, p.mainparaitalics{
	font:italic 13px Trebuchet MS;
	color: #04000C;
	margin-right: 15px;
	margin-left: 15px;
	margin-height: 1.2em;
	margin-bottom: 1em;
	margin-top: 1em;
	font-weight: 600;
}
p.survey {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #04000C;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 0.5em;
	font-weight: 600;
}

div#catc {
	position: absolute;
	top: 0px;
	left: 3%;
	z-index: 101;
}
div.bottomnav  {
	font: x-small "Times New Roman", Times, serif;
	background-color: #CBBBAA;
	text-align: center;
	vertical-align: middle;
	position: relative;
	left: 0px;
	width: 100%;
	height: 22px;
	line-height: 1.75em;
	color: #04010C;
}
div#footer {
	font: xx-small "Times New Roman", Times, serif;
	background-color: #CBBBAA;
	text-align: center;
	vertical-align: middle;
	position: relative;
	left: 0px;
	width: 100%;
	height: 22px;
	line-height: 1.75em;
	color: #04010C;
}
h1  {
	Font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
	font-size: 20px;
	color: #000066;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 15px;
}
h2  {
	Font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
	font-size: 18px;
	color: #000066;
	margin-top: 18px;
	margin-bottom: 18px;
}	
h3  {
	Font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
	font-size: 16px;
	color: #0000CC;
	margin-bottom: 16px;
	margin-top: 16px;
}	
h4  {
	Font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	color: #D41F00;
	margin-bottom: 14px;
	margin-top: 14px;
}
h5  {
	Font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px;
	color: #003399;
	margin-bottom: 14px;
	margin-top: 14px;
}
/* Make sure that margins and paddings in ul_corner and ur_corner are included and all set to 0 (zero), otherwise, objects they control won't show in the proper position.
*/
	
.ul_corner  {
	position: absolute;
	top:0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	}
.ur_corner  {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}		
.orderedlist {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 25px;
	background-color: transparent;
	margin-right: 15px;
	margin-top: 5px;
	font-weight: 600;
}
.hr  {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 1px;
	background-color: #BC8F8F;
}
.eventlisting  {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	background-color: transparent;
	margin-left: 15px;
	font-weight: 600;
}
.officerheading {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	background-color: transparent;
	font-weight: bold;
	margin-left: 15px;
}
.officerlisting {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	background-color: transparent;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: 15px;
	margin-right: 20px;
	font-weight: 600;
}
a.menu, a.menu:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: transparent;
}
a.menu:hover {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: transparent;
}
a.menu:active {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: transparent;
}
a.nlink, a.nlink:visited {
	font: bold small-caps normal 12px Verdana, Arial, Helvetica,
	sans-serif;
	color: #000000;
	text-decoration: none;
	background-color: #F5F5DC;
	padding-left: 10px;
	padding-right: 10px;
}
a.nlink:hover {
	color: #FF0000;
	text-decoration: none;
}
a, a:visited  {
	color: #D40000;
	text-decoration: none;
}
a:hover  {
	color:#AA0000;
	text-decoration: underline;
}
.pics_left {
	padding: 4px;
	margin-left: 11px;
	float: left;
	margin-right: 11px;
}
.pics_right {
	padding: 4px;
	margin-right: 11px;
	float: right;
	margin-left: 0px;
}
.drop_shadow {
	float:left;
	background-color:#fff;
	position:relative;
	left: -2px;
	top: -2px;
	z-index: -1;
}
p.placed{
	background-image: url(images/placed.png);
	background-repeat:repeat-x;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #04000C;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 1.2em;
	margin-bottom: 1em;
	margin-top: 1em;
	font-weight: 600;
	z-index: -1;
}	
.xmas {
	background-image: url(images/anim_clr_bulbs-65.gif);
	background-repeat:repeat-x;
	height: 65px;
	background-color: #CBBBAA;	
}
.arrows {
	float:left;
	margin-left:-12px;
	margin-right: 0px;
}