@charset "utf-8";
/* CSS Document */

 
#sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 180px; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:25px 0 0 5px;
	padding: 15px 5px; /* top and bottom padding create visual space within this div */
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		line-height:18px;
}

#sidebar-news {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 245px; /* since this element is floated, a width must be given */
	background-color: #fff;
	margin:5px 0 0 0px;
	padding: 15px 5px 5px 15px; /* top and bottom padding create visual space within this div */
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		line-height:16px;
		border-left: #60F 1px;
		border-left-style:dotted;
}

#sidebar-hours {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 190px; /* since this element is floated, a width must be given */
margin:25px 0 0 5px;
	padding: 20px; /* top and bottom padding create visual space within this div */
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		line-height:18px;
				border-left: #06C 1px;
		border-left-style:dotted;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #mainContent {
	margin: 0 10px 0 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
	padding:20px 10px 5px 15px;
	line-height:17px;
	width:490px;
}
/* Contact Us Page */
#mainContent-narrow {
	margin: 0 10px 0 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	float:left;
	padding:20px 10px 5px 15px;
	line-height:16px;
	width:415px;
}
#mainContent-wide {
	margin: 0 10px 0 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
	padding:15px 10px 10px 15px;
	line-height:17px;
	width:655px;
}

.mainContent-handbook {
	margin: 0 0px 0 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
	padding:20px 10px 5px 15px;
	line-height:17px;
	width:75%;
}
#handbook-box1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 310px; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0 10px;
		border-top: #96C dotted 0px;
	padding: 10px 10px 15px 0px; /* top and bottom padding create visual space within this div */
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:16px;
}
#handbook-box2 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 310px; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0px 0 0 0px;
	border-left: #96C dotted 1px;
 padding: 10px 10px 10px 12px;  /* top and bottom padding create visual space within this div */
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:16px;
}
/* Bulletin Page ------------V-------------------------------- */
#posting {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 240px; /* since this element is floated, a width must be given */
	background: #069; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:5px 0 0 5px;
	color:#FFF;
	padding: 10px; /* top and bottom padding create visual space within this div */
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:18px;
}

#post-wrap {
	margin: 10px 5px 0 5px;
	float:left;
	 padding:15px 10px 5px 5px;
	width:350px;
	line-height:16px;
	border-top:dotted #39C 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
	}
	#post-wrap-right {
	margin: 10px 10px 0 0px;
	float:right;
	 padding:15px 5px 5px 10px;
	width:315px;
	line-height:16px;
	border-left:dotted #39C 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
	}
	.post-formtitle {
	width:5em;
	float:left;
	line-height:25px;
	height:125px;
	text-align:right;
	margin:3px 5px
}
	.post-formbox {
	width:22em;
	float:left;
	line-height:25px;
	height:125px;
	color:#fff;
	margin:3px 0px
}
	.post-formlower {width:25em;float:left; line-height:25px; height:160px; margin:0px 5px 0px 5px}
	
	.board-header{width:345px; 
	height:180px; padding:10px;float:left;
	line-height:16px;
	margin:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;}
	
	#post-form {
	margin: 5px 10px 15px 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:right;
	height:310px;
	padding:25px 5px 5px 10px;
	line-height:25px;
	background-image:url(../images/blue-gradient.jpg);
	background-repeat:no-repeat;
	width:310px;
	color: #333;
}
#image-post {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 120px; /* since this element is floated, a width must be given */
	 margin:5px;
	padding:0px; /* top and bottom padding create visual space within this div */

}
	
	/* Bulletin Page ------------end-------------------------------- */

/*MAINTENANCE PAGE ----V-----------------------------------------------*/
#maintenance-form {
	margin: 10px 5px 0 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
	background-image:url(../images/yellow-gradient.jpg);
	padding:5px 5px 5px 5px;
	line-height:25px;
	width:430px;
	height:266px;
}
#maint-wrap {
	margin: 10px 10px 0 5px;
	float:left;
	 padding:5px 10px 5px 10px;
	width:670px;
	height: 280px;
	border-top:dotted #FC3 1px;
		font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	}
#image-maint {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 180px; /* since this element is floated, a width must be given */
	 margin:20px 15px 10px 0px;
	padding: 10px 10px 15px 0px; /* top and bottom padding create visual space within this div */
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:22px;
}


.formtitle {width:5em;float:left; height:105px; margin:3px 5px}
.formbox {
	width:33em;
	float:right;
	height:105px;
	color:#FFFBF2;
	margin:3px 0px
}
.formlower {width:39em;float:left; height:125px; margin:0px 5px 0px 5px}

/*MAINTENANCE PAGE ----end -----------------------------------------------*/


/*index PAGE ----V -----------------------------------------------*/

#index-box1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 220px; /* since this element is floated, a width must be given */
	margin:5px;
	text-align:left;
		background:#fff;
	border-left: #39C dotted .5px;
	border-bottom: #39C dotted .5px;
 padding: 15px 10px 10px 25px;  /* top and bottom padding create visual space within this div */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:16px;
}

 #index-box2 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 220px; /* since this element is floated, a width must be given */
	background:#Fff; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:5px;
	text-align:left;
	border-left: #39C dotted .5px;
	border-bottom: #39C dotted .5px;
 padding: 15px 10px 10px 25px;  /* top and bottom padding create visual space within this div */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:16px;
}
#index-box3 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 200px; /* since this element is floated, a width must be given */
	margin:5px 15px;
	text-align:left;
	background-image:url(../images/homepage-sm-gradient.jpg);
	height:110px;
	border-left: #39C dotted 1px;
	border-bottom: #39C dotted 1px;
	padding: 25px 10px 10px 20px;  /* top and bottom padding create visual space within this div */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}
.mainContent-home {
	margin: 10px 40px 50px 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
	background-image: url(../images/homepage-gradient.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding:10px 10px;
	line-height:17px;
	width:585px;
	height:270px;
}

/*index PAGE ---end -----------------------------------------------*/


.style2 {
	color: #069;
	font-size:16px;
	font: Verdana, Geneva, sans-serif;
	font-weight:bold;
	line-height: 20px;
}

.style3 {
	color: #900;
	font-size:13px;
	font: Verdana, Geneva, sans-serif;
	font-weight:bold;
	line-height:22px;
}
.style4 {color:  #96C;
font-size:14px;
font: Verdana, Geneva, sans-serif;
}
.style5 {color: #F00;
font-size:14px;
font: Verdana, Geneva, sans-serif;
}
.style6 {
	color: #639;
	font-size:13px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	line-height: 20px;
}

.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 its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}