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

body {
	padding:0px;
	margin:0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-color:#FFFFFF
}

small {
	font-size:10px
}

#outerContainer {
	margin:auto;
	padding:0px;
	width:864px;
	background-image:url(images/contentBG.jpg);
	background-repeat:no-repeat
}

#outerContainer2 {
	margin:auto;
	padding:0px;
	width:864px;
	background-image:url(images/contentBG2.jpg);
	background-repeat:no-repeat
}

#container {
	margin:auto;
	padding:0px;
	width:864px;
	background-image:url(images/contentBG.jpg);
	background-repeat:no-repeat
}

#container2 {
	margin:auto;
	padding:0px;
	width:864px;
	background-image:url(images/contentBG2.jpg);
	background-repeat:no-repeat
}

#header {
	margin:auto;
	width:864px;
	height:378px;
	background-color:#80AABA
}

#header img {
	/*float:left*/
}

#content {
	margin:auto;
	width:864px
}

#leftCol {
	float:left;
	width:554px
}

#leftCol2 {
	float:left;
	width:554px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000
	
}


/*******************************    MAINSTREET EVENTS    ******************************************/

#mainStreet {
	float:left;
	width:554px
}


#msMth {
	float:left;
	width:498px;
	height:25px;
	padding-top:10px;
	padding-left:5px;
	background-color:#80aaba;
	color:#1f362e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
}

#msMth mth {
	float:left;
	width:515px;
	height:27px;
	background-color:#80aaba;
	color:#1f362e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
}

#msMth a.mth {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1f362e;
	text-decoration:none;
	text-align:center
}

#msMth a.mth:hover {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#1f362e;
	color:#fff;
	text-decoration:none;
	text-align:center
}


#pane1 {
	display:block;
	border:none;
	/*padding-right:30px;
	margin-top:5px;
	margin-left:15px; */
	width:503px;
	height:270px;
	overflow-x:hidden;
	overflow-y:scroll;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	background-color:#ececec
}

#pane1 a {
	color:#477C8F;	
	text-decoration:underline
}

#pane1 a:hover {
	color:#477C8F;
	text-decoration:none
}


/*******************************************************************************************************/

#spacer {
	float:left; 
	width:554px
}


/*******************************   FRANKLIN COUNTY EVENTS    ******************************************/


#franklinCo {
	float:left;
	width:554px
}


#fcMth {
	float:left;
	width:498px;
	height:25px;
	padding-top:10px;
	padding-left:5px;
	background-color:#80aaba;
	color:#1f362e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
}

#fcMth mth2 {
	float:left;
	width:515px;
	height:27px;
	background-color:#80aaba;
	color:#1f362e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
}

#fcMth a.mth2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1f362e;
	text-decoration:none;
	text-align:center
}

#fcMth a.mth2:hover {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#1f362e;
	color:#fff;
	text-decoration:none;
	text-align:center
}


#pane2 {
	/*border:none;*/
	/* padding-right:20px;
	padding-bottom:5px;
	margin-top:5px;
	margin-left:12px; */
	width:503px;
	height:270px;
	overflow-x:hidden;
	overflow-y:scroll;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	background-color:#ececec
}

#pane2 a {
	color:#477C8F;	
	text-decoration:underline
}

#pane2 a:hover {
	color:#477C8F;
	text-decoration:none
}

/*******************************************************************************************************/







a.jScrollArrowUp {
	background:url(images/basic_arrow_up.gif) repeat-x 0 0
}
a.jScrollArrowUp:hover {
	background-position:0 -15px;
}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) repeat-x 0 0
}
a.jScrollArrowDown:hover {
	background-position:0 -15px
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position:0 -30px
}

.scroll-pane {
	width:503px;
	height:270px;
	overflow:auto;
	background:#ececec;
	float:left
}

.scroll-pane a {
	text-decoration:underline
}

.scroll-pane a:hover {
	text-decoration:none
}






#rightCol {
	float:right;
	width:310px;
}






#buttonSubmit {
	background-color:#231F20;
	border:#FFFFFF thin solid;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	padding:3px;
	width:300px;
	height:35px
}






#footer {
	margin:auto;
	width:864px;
	padding-top:30px
}

#inFooter {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:center
}

#inFooter a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000
}

#inFooter a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none
}