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

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

p{line-height: 20px;}
a{
	text-decoration: none;
	color: #6181ce;
	font-weight: bold;
}
a:hover{text-decoration: underline;}

img.left{
	float: left;
	margin: 0 5px 5px 0;
}
img.left-10{
	float: left;
	margin: 0 15px 8px 0;
}

.margined{margin-bottom: 20px;}

h1{
	margin-bottom: 10px;
	color: #3149a3;
	font-size: 20px;
}
h4{
	font-size: 12px;
	text-decoration: underline;
	margin-bottom: 5px;
}

#pageWrapper{
	width: 992px;
	position: relative;
	left: 50%;
	margin-left: -496px;
	margin-top: 10px;
}

#header{
	height: 269px;
	width: 992px;
	background: url(../images/header.jpg) no-repeat left top;
}


/* header menu */
#header-menu{
	list-style: none;
	height: 42px;
	position: absolute;
	right: 0px;
	top: 227px;
	font-family: Arial, Helvetica, sans-serif;
}
#header-menu li{float: left;}
#header-menu a{
	color: #103a84;
	font-weight: bold;
	font-size: 12px;
	display: block;
	line-height: 45px;
}

#menu-home{
	width: 57px;
	height: 42px;
	background: url(../images/menu/01.jpg) no-repeat left top;
	padding-left: 50px;
}
#menu-home:hover{background: url(../images/menu/01a.jpg) no-repeat left top;}

#menu-about{
	width: 76px;
	height: 42px;
	background: url(../images/menu/02.jpg) no-repeat left top;
	padding-left: 30px;
}
#menu-about:hover, #menu-about.active{background: url(../images/menu/02a.jpg) no-repeat left top;}

#menu-map{
	width: 122px;
	height: 42px;
	background: url(../images/menu/03.jpg) no-repeat left top;
	padding-left: 60px;
}
#menu-map:hover{background: url(../images/menu/03a.jpg) no-repeat left top;}

#menu-contact{
	width: 89px;
	height: 42px;
	background: url(../images/menu/04.jpg) no-repeat left top;
	padding-left: 60px;
}
#menu-contact:hover{background: url(../images/menu/04a.jpg) no-repeat left top;}

#header-menu li ul{
	display: none;
	position: absolute;
	z-index: 10;
	list-style: none;
}
#header-menu li ul li{
	float: none;
}
#header-menu li ul li a{
	background: url(../images/drop_menu/01.gif) no-repeat left top;
	padding: 0 10px;
	width: 160px;
	height: 33px;
	line-height: 33px;
	font-weight: normal;
}
#header-menu li ul li a:hover{
	background: url(../images/drop_menu/01a.gif) no-repeat left top;
}



/* central content area */
#content{
	background: url(../images/bg_body.jpg) repeat-y left;
	position: relative;
	float: left;
}


/* side bar (left) */
#sidebar{
	width: 250px;
	float: left;
	padding: 10px 10px;
}

#sidemenu{
	list-style: none;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
	height: 160px;
}
#sidemenu li{
	float: left;
}

#sidemenu a{
	display: block;
	width: 234px;
	height: 27px;
	line-height: 27px;
	color: #4c9019;
	background: url(../images/menu.jpg) no-repeat left top;
	margin-bottom: 1px;
	padding-left: 20px;
	font-weight: normal;
	float: left;
}
#sidemenu a:hover, #sidemenu a.active{
	background: url(../images/menu_over.jpg) no-repeat left top; 
	color: #3148a5;
	text-decoration: none;
}

#sidemenu li ul{
	display: none;
	position: absolute;
	list-style: none;
	left: 264px;
	z-index: 10;
	width: 151px;
}
#sidemenu li ul li a{
	background: url(../images/menu_over.jpg) no-repeat left top;
	margin: 0px;
	width: 171px;
	color: #3148a5;
	background: url(../images/submenu_middle.gif) no-repeat left top;
}
#sidemenu li ul li a:hover{background: url(../images/submenu_middle_over.gif) no-repeat left top;}
/* top and bottom rounded */
#sidemenu li ul li a.top{background: url(../images/submenu_top.gif) no-repeat left top;}
#sidemenu li ul li a.top:hover{background: url(../images/submenu_top_over.gif) no-repeat left top;}
#sidemenu li ul li a.bottom{background: url(../images/submenu_bottom.gif) no-repeat left bottom;}
#sidemenu li ul li a.bottom:hover{background: url(../images/submenu_bottom_over.gif) no-repeat left bottom;}

#sideinfos{
	width: 235px;
	height: 242px;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	background: url(../images/bg_ad.jpg) no-repeat left top;
}
#sideinfos p{line-height: 15px; margin-bottom: 15px;}


/* page content */
#pageContent{
	width: 660px;
	float: right;
	margin: 0 20px;
	padding: 10px 0;
}


#h-welcome{
	width: 314px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/welcome.jpg) no-repeat left top;
	position: relative;
	left: -25px;
}

#h-announcements{
	width: 144px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/announcements.jpg) no-repeat left top;
	position: relative;
	left: -25px;
}

#h-upcoming{
	width: 156px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/upcoming.jpg) no-repeat left top;
	position: relative;
	left: -25px;
}

#h-visitor{
	width: 163px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/visitor.jpg) no-repeat left top;
	position: relative;
	left: -25px;
}


.col{
	width: 180px;
	float: left;
	margin-right: 20px;
	padding: 0 10px;
	background: url(../images/separator_horizontal.jpg) no-repeat right top;
}
.col img{margin-bottom: 5px;}
.col p{line-height: 18px;}

.no-border{background: url();}

.bordered-bottom{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/separator_horizontal_400.jpg) no-repeat bottom center;
}

ul.bulleted{list-style: none;}
ul.bulleted li{
	line-height: 20px;
	padding-left: 12px;
	background: url(../images/bullet.jpg) no-repeat left center;
}

ul.bulletindent li{
	margin-left: 40px;
}


/* footer */
#footer{
	background: url(../images/footer.jpg) no-repeat left bottom;
	height: 82px;
	clear: both;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding-top: 50px;
	line-height: 30px;
}
#footer a{
	color: #fff; 
	padding: 0 5px;
	font-weight: normal;
}


body.content p{
	margin-bottom: 15px;
	line-height: 18px;
}

.info{
	margin-bottom: 20px;
}

.info img {
	float: left;
	margin: 0 50px 0 20px;
}
.info p{margin-top: 10px;}


table{font-size: 12px;}
table td{padding: 5px 0}
table a{font-weight: normal;}

.gallery{
	
}
.gallery a:hover{text-decoration: none;}
.gallery .photo img{
	display: block;
	margin-bottom: 5px;
}
.gallery .photo{
	width: 200px;
	float: left;
	margin: 10px;
	text-align: center;
}