@charset "UTF-8";
html { height: 100%; width: 100%; }
body  { height: 100%; width: 100%; 
	margin: 0;
	padding: 0;
	color: #000000;
}
div.body { background:  url(images/pageBG.jpg) repeat-x left top; font-family: Helvetica, Arial, sans-serif; font-size: 1em; position: relative; width: 99.9%; height: 100%; border: solid 1px #cccccc;  }
#logo { position: absolute; left: 0; top: 100px; }
#slogan { position: absolute; left: 435px; top: 65px; width: 400px; text-align: right; color: #76726a; font-family: "Times New Roman", Times, serif; }
#leftContentBorder { position: absolute; left: 289px; top:0; z-index: 200; }
#rightContentBorder { position: absolute; left: 850px; top:0; z-index: 200; }
#flashHeader { position: absolute; left: 300px; top: 94px; width: 550px; height: 217px; background: url(images/flashContainerBG.jpg) no-repeat left top; padding-top: 6px; }
.twoColFixLt #container { 
	background-color: #e6e4df;
	margin-top: 310px;
}

.twoColFixLt #sidebar1 { 
	float: left; 
	width: 288px; 
	
}
.twoColFixLt #mainContent { 
	background: url(images/contentBG.jpg) repeat-x left top; 
	width: 510px;
	 min-height: 500px; _height: 500px;
	margin: 0 0 0 298px; 
	padding: 10px 20px;
}
.twoColFixLt #mainContent div { float: left; width: 100%; }
div.element { display: block; margin-bottom: 20px; }
div.regionName { display: none; }
#footer { height: 100px; min-height: 100px; background: #928f87 url(images/footerBG.jpg) repeat-x left top; color: #e6e4df; font-size: .8em; padding-top: 20px; }
#footer a { color: #e6e4df; font-style: italic; }
#footer span { display: block; width: 530px; padding-left: 320px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#navBar { width: 300px; float: left; text-align: right; }
.nav { width: 300px; margin: 20px 0 0 0; padding: 0; font-size: 14px; position: relative; z-index: 400; list-style-type: none; }
.nav a { text-decoration: none; color: #003649; display: block; padding: 5px 20px 3px 0; }
.nav a:hover { color: #faf9f6 }
.nav li { position: relative; padding: 0; }
.nav ul { display: none; position: absolute; top: 0px; left: 290px; list-style-type: none; margin: 0; padding: 0; background-color: #003649; }

.nav li:hover ul, .nav li.over ul { display: block; }
.nav ul li { text-align: left; width: 300px; }
.nav li:hover, .nav li.over { background-color: #003649; }
.nav li:hover a, .nav li.over a {  }
.nav li:hover ul li a, .nav li.over ul li a {  }
.nav li:hover a, .nav li.over a { color: #faf9f6; }
.nav ul li:hover a, .nav ul li.over a { background: #0d6c8f none; color: #003649; }
.nav ul li a { padding: 4px 0 4px 10px; color: #faf9f6; font-size: .9em; }

.insidePage #container { margin-top: 0px; background: #e6e4df url(images/pageBG.jpg) repeat-x left top; }
.insidePage #sidebar1 { margin-top: 310px; }
.insidePage #mainContent { background: #e6e4df url(images/contentBG.jpg) repeat-x left top; padding: 95px 30px 10px 20px; width: 60%; min-width: 600px; position: relative; }
.insidePage #slogan { position: absolute; left: 100%; top: 65px; margin-left: -430px; text-align: right; color: #76726a; font-family: "Times New Roman", Times, serif; }
.insidePage #rightContentBorder { position: absolute; left: 100%; top:0; z-index: 200; }
h1, h2, h3, h4, h5, #content span.Title { color: #3399cc; font-weight: normal; margin: 0 0 .5em 0; }

.eventsList li { margin-bottom: 30px; }
.eventDate { font-style: italic; font-size: .85em; }

/* calendar styles */ 
  
.calendarDay,
.calendarToday,
.calendarDayHeader,
.calendarTitle td,
.calendarWeekendDay,
.calendarOtherMonthDay { padding: 2px; border: 1px solid #ccc; text-align: left; vertical-align: top; padding: 2px 5px; font-size: .75em; }
  
/* current day */
.calendarToday { background-color: #c4e0e9 !important; }
.calendarToday a {  }

/* weekends */
.calendarWeekendDay {  }
.calendarDay {  }

/* previous or next months days on current months calendar */
.calendarOtherMonthDay {  }

.boldMenuLink { font-weight: bold; font-size: 1.1em; }