html, body, a { font-family: arial, sans-serif; font-size: 12px; color: #333333; line-height: 1.5em;}
img { border: 0; }
form { display: inline; }
h1 { font-size: 24px; line-height: 1.5em; }
h2 { font-size: 21px; line-height: 1.5em; }
h3 { font-size: 18px; line-height: 1.5em; }

body {  margin: 0; }
	.body-bg { background: #c8dae9; }
	.clear { clear: both; }
	.br { height: 5px; font-size: 5px; }
	.br2 { height: 10px; font-size: 10px; }
	.msg { background: #ffeda4; color: #be0000; text-align: center; margin: 10px 0; padding: 0; display: block; }
	.pad1 { padding: 5px; }
	.pad2 { padding: 10px; }
	.noul { text-decoration: none; }
	.odd { background: #eeeeee; }
	.even { background: #ffffff; }
	.center { text-align: center; }
	.bold { font-weight: bold; }
	.lt { text-align: left; }
	.rt { text-align: right; }
	.h1 { font-size: 18px; }
	.req { color: #be0000; }
	.big { font-size: 20px; }
	.med { font-size: 16px; }
	.sm { font-size: 12px; }
	.lift { position: relative; top: -3px; }
	.form-ul { list-style: none; padding: 0; margin: 0; width: 100%; }
		.form-ul li { margin-bottom: 10px; clear: both; }
			.form-ul li label { float: left; width: 140px; text-align: right; padding-right: 10px; }
			.form-ul li strong { color: #be0000; }
			.form-ul li em { color: #be0000; font-style: normal; }
			.form-ul li input { padding: 1px 3px; }
			.form-ul li span.note { color: #6574f5; }
			.form-ul li .same-width { width: 187px; }
			.form-ul li .same-width-2 { width: 189px; }
	.ptr { cursor: pointer; }
	.form-error-ul { list-style: none; }
	.form-inline-error { background: url('../img/icon/alert.gif') top left no-repeat; padding-left: 15px; color: #cc0000; }
	
	.list { list-style: none; }
		.list li { margin-bottom: 10px; clear: both;}
			.list li label { float: left; width: 130px; text-align: right; padding-right: 10px; }
	.tbl { width: 100%; border-collapse: collapse;  }

#main-content { width: 900px; margin: 0 auto; background: white; }

#top-box { width: 100%; }
	#banner-left-btn { float: left; padding-top: 3px; }
		#banner-left-btn a { margin: 0 15px; text-transform: uppercase; text-decoration: none; font-weight: bold; }
	#banner-right-btn { float: right; }
		#banner-right-btn a { margin: 0 20px; text-decoration: none;}
	#logo-box { clear: both; }
		#logo-box img { vertical-align: middle; }
		
	#nav { border-bottom: 8px solid #666666; padding-bottom: 0px;}
		#nav img { vertical-align: middle; height: 33px;}
		#nav a { padding: 10px 18px; text-decoration: none; font-weight: bold; color: #666666; font-size: 12px;  text-transform: uppercase;}
		#nav a:hover, #nav a.here { background: url('../img/nav-btn-bg.gif') repeat-x; color: white; }
#middle-box { width: 100%; padding: 10px;}			
	#content-left { width: 610px; min-height: 500px; vertical-align: top; padding-right: 5px; }
		* html #content-left { height: 500px; }
 
		#nav-ul { list-style: square; }
			#nav-ul li { margin-bottom: 10px; }
				#nav-ul li a { color: orange; font-size: 18px; }
		#qna-submit legend { font-size: 16px; font-weight: bold; color: #000099; }
		#qna-ul li { margin-bottom: 10px; }
	
		.blog-tbl {}
			.blog-tbl .blog-tmb { background: #e7e7e8; border: 1px solid #dddddd; padding: 6px; text-align: center;}
			.blog-tbl .summary { font-weight: bold; }
			.blog-tbl h1 { color: black; }
			.blog-tbl .date { padding-bottom: 10px; }
				.blog-tbl .date img { vertical-align: middle; }
		#comment-box { padding-left: 20px; }
			.comments { margin-top: 15px; }
				.comments .name { font-style: italic; font-weight: bold; }
	#content-right {  width: 255px;  min-height: 500px; padding: 10px; vertical-align: top; background: #f7f7f7;}
		* html #content-right { height: 500px; }
		
		.input-box { border: 1px solid #d3d3d3; background: white; margin-top: 10px; }
			.input-box input { vertical-align: middle; }
			.input-box .input { border: 0; height: 26px; font-size: 14px; color: #888888; width: 205px; padding: 0 5px; }
		
		.item-box {}
			.item-box .header { background: url('../img/box-header.gif') repeat-x; color: white; padding: 10px 0 10px 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 10px 0 0 0;}
			.item-box ul { margin: 0; padding: 0; list-style: none; }
				.item-box ul li { background: url('../img/grey-arrow.gif') center left no-repeat; border-bottom: 1px solid #d0d0d0; padding: 8px 0 8px 15px; }
					.item-box ul li a { text-decoration: none; }
		#calendar-box { height: 200px; }
			#calendar-box h3 { font-size: 16px; margin: 0; padding: 3px; text-align: center; color: #666666; }
			#calendar-load { padding-top: 80px; text-align: center; }
			
		/* Calendar */
		#cal-header-tbl td { padding: 5px; }
			#cal-header-tbl h3 { padding: 0; margin: 0; }
			#cal-header-tbl a { font-size: 14px; font-weight: bold; text-decoration: none; }
			#cal-header-tbl a.big { font-size: 18px; font-weight: bold; text-decoration: none; }
				#cal-header-tbl a.big:hover { text-decoration: none; }
			#cal-header-tbl a:hover { text-decoration: underline; }
			#cal-header-tbl td img { vertical-align: bottom; }
		
		#cal-tbl { width: 100%; margin: 0 auto; background: #ffffff; }
			#cal-tbl td { border: 1px solid #ffffff;  border-collapse: collapse; width: 14%; }
			.day-label-row { background: #ffffff; color: #666666; }
				.day-label-row td { text-align: center; font-weight: bold; }
				#cal-tbl td.month-day { vertical-align: middle; background: #ffffff; position: relative;}
				#cal-tbl td.event-day { background: #ffffff;position: relative; }
					#cal-tbl td.event-day a { text-decoration: none; font-size: 10px; }	
					#cal-tbl td div.separator { border-bottom: 1px dotted #555555; padding-top: 1px;}		
				#cal-tbl td.weekend { background: #ffffff; }
				#cal-tbl td.today { background: #ffe6e6; }
				#cal-tbl span.num-label { display: block; font-size: 12px; font-weight: bold; text-align: center; padding: 2px; color:#666666; }
				#cal-tbl span.has-event { color: #be0000; cursor: pointer; }
		/* Calendar */	
		td.event-day div.event-wrapper {
			background: white; border: 1px solid black; padding: 5px 10px;
			position: absolute;
			margin-top: -1000px;
			margin-left: 30px;
			z-index: 100;
		}
		td.event-day:hover div.event-wrapper, td.iehover div.event-wrapper {
			margin-top: -50px; 
		}
		
		#poll-link { padding-left: 20px; text-decoration: none; }
			#poll-link:hover { color: #be0000; }
		.poll-bar-bg { width: 400px; }

		.upcoming-event, .upcoming-event a { font-size: 12px; }
			.upcoming-event a { color: #be0000; text-decoration: none; }

		
#footer-box, #footer-box a {  text-align: center; color: #999999; margin-top: 10px; }

#wildcat-box { padding-right: 30px; text-align: right; margin-top: 20px; }
