@charset "utf-8";

body {font-size: 62.5%;}

body.home {
	text-align: center;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: transparent;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
}

body.home .surround {
	position: relative;
	font-family: arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	background-image: url(../images/body-bg2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ffffff;
	margin: 0 auto;
}


.page {
	position: relative;
	width: 866px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../images/body-bg2.gif);
	background-repeat: repeat-x;
}

#logo2 {
	float: left;
	position: absolute;
	height: 100px;
	width: 290px;
	left: 0px;
	top: 0px;
	background-color: #009999;
	z-index: 10;
}
#topheader {
	position: relative;
	height: 32px;
	background: transparent;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: right;
}
#topheader p {
	font-family: arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #FFFFFF;
}
#mainheader {
	height: 80px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: transparent;
}


#middle-content {
	background-color: #FFFFFF;
	height: 230px;
	width: 866px;
	z-index: 0;
}
#middle-content .maingraphic {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	height: auto;
	width: auto;
	top: 0px;
	right: 0px;
	left: 2px;
	z-index: 0;
}
#address-box {
	background-image: url(../images/schedule.gif);
	float: left;
	height: 230px;
	width: 220px;
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

#bottom-content {
	height: auto;
	width: 866px;
	margin-top: 5px;
	background-color: #FFFFFF;
	border: 1px none #999999;
	float: left;
}
#bottom-content .bottom-img {
	display: inline;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}

#footer {
	background-color: #FFFFFF;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	height: 40px;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4E4B46;
	text-align: center;
	padding-top: 10px;
}

* {
	margin: 0px;
	padding: 0px;
}

#box1 {
	background-color: #FFFFFF;
	height: 348px;
	width: 210px;
	text-align: left;
	padding-right: 0px;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: 0px;
	top: 0px;
	right: 0px;
	float: right;
	border: 1px none #CCCCCC;
	margin-top: 3px;
}


#box1  .box1-title {
	background-color: transparent;
	background-image: none;
	background-repeat: repeat-x;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-bottom: 3px;
	margin-left: 10px;
}
.box1-link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: underline;
	padding-left: 2px;
	margin-right: 10px;
	clear: none;
	margin-bottom: 10px;
	float: none;
	margin-left: 10px;
	text-align: left;
}
.box1-link  a  {
	color: #13446A;
	text-decoration: underline;
}
.box1-link  a:visited  {
	color: #13446A;
	text-decoration: underline;
}
.box1-link  a:hover  {
	color: #FFFFFF;
	text-decoration: underline;
}
#box1 .event {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: 200px;
	height: 75px;
	margin-left: 10px;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}
#box1 p.event-title  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	margin-left: 10px;
	height: auto;
	width: 180px;
	position: relative;
	font-weight: bold;
	color: #333333;
}
#box1 p.event-date  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 3px;
	margin-left: 10px;
	height: auto;
	position: relative;
	color: #333333;
}
#box1 p.event-desc  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 50px;
	position: relative;
}
#box1 p.event-desc a {
color: #13446A;
text-decoration: underline;
}

#box1 p.event-desc a:visited {
color: #13446A;
text-decoration: underline;
}

#box1 p.event-desc a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#box2 {
	background-color: #FFFFFF;
	float: left;
	height: 226px;
	width: 650px;
	text-align: justify;
	margin-right: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	border: 1px none #CCCCCC;
}
#box2  #box2-sub1 {
	float: left;
	height: 226px;
	width: 350px;
	padding: 0px;
	margin-left: 0px;

}
#box2-sub1 p {
	padding-right: 3px;
	padding-left: 3px;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
}

#box2-sub1 h1 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #084159;
}
#box2 #box2-sub2 {
	float: left;
	height: 195px;
	width: 230px;
	margin-right: 10px;
	margin-left: 30px;
	margin-top: 10px;
	border: 1px solid #999999;
	padding: 5px;
	background-image: url(../images/bg-news.jpg);
}

#box2 #box2-sub2 p {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
}
#box2 #box2-sub2 a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #0099FF;
	text-decoration: none;
}

#box2 #box2-sub2 a:hover {
color: #333399;
}

#box2-sub2  .title {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #db7612;
	padding-bottom: 5px;
	text-align: center;
}
#box2-sub2 .title2 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	color: #010044;
	padding-bottom: 5px;
	text-align: center;
}
#box2-sub2 .title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #9DBDE6;
	padding-bottom: 5px;
	text-align: center;
}
#box2-sub2 .title4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: red;
	padding-bottom: 5px;
	text-align: center;
}

#box2-sub2 .title img {
	text-align: center;
}




#box2 .lcmimg {
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}
#box3 {
	background-color: #FFFFFF;
	height: 120px;
	width: 650px;
	text-align: center;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 5px;
}
#box3 img {
	padding-right: 15px;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 25px;
}


#box3 .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #A84229;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
#box3 .box3-title {
	background-color: #FFFFFF;
	background-image: url(../images/titlebar-welcome.jpg);
	background-repeat: repeat-x;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
}
#box3 .box3-info {
	padding-right: 10px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 25px;
}
#box3 #address {
	margin-top: 3px;
	text-align: left;
}
#box3 .box3-info a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	padding-left: 10px;
}
#box3 .box3-info ul {
	list-style-type: none;
	list-style-image: url(none);
	padding: 0px;
	list-style-position: outside;
}
#box3 .box3-info li {
	padding-top: 0px;
	padding-bottom: 0px;
}
#box3 .box3-info a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A84229;
	text-decoration: underline;
}
#box3 .lcmimg {
	text-align: right;
	margin-top: 40px;
	padding-top: 40px;
}

.clear {
	clear: both;
	float: left;
	height: 1px;
}