body {
	background : url(images/bg.png);
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 12pt;
}
/* general styles */
#header ul, #sub_navi ul, #footer, h3, h4, p.page, #path, #top {
	font-family : "Trebuchet MS",Helvetica,sans-serif;
}
h3, h3 a, h4, h4 a, label {
	color: #58a2f4;
} 
h3, h4 {
	border-bottom: 2px solid #58a2f4;
}
#path a, #top a, p.page a, h4 a, h3 a {
	text-decoration: none;
}
span.bold {
	font-weight: bold;
}
.floatright {
	float: right;
}
img.floatleft {
	margin : 5px 30px 10px 10px;
	float: left;
}
/* styles for headings */
h3 {
	margin : 10px 0 10px 0;
	padding : 0;
    font-size: 1.4em;
}
h3.small_heading {
    font-size: 1em;
}
h4 {
	margin : 10px 0 10px 0;
	padding : 0;
    font-size: 1em;
}
h5 {
	font-size: 1em;
}
/* styles for links */
a{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
a:hover{
	color: #58a2f4;
}
a img {
	border: 0px;
}
/* style for hidden elements */
.hidden_element {
	display:block;
	height:1px !important;
	left:-6000px !important;
	position:absolute !important;
	top:-6000px !important;
	width:1px !important;
}
.hidden_header {
	margin: 0;
	padding: 0;
}
.hidden_header a {
	float: left;
	text-indent: -9999px;
	margin: -105px 0 0 0;
	width: 500px;
	height: 105px;
}
/* main */
#main {
	margin : 0 auto;
	width: 992px;
}
/* header */
#header {
	background : url(images/header.png) no-repeat;
	padding: 105px 0 0 0;
    width: 100%;
	height: 35px;
	overflow: hidden;
}
/* navigation */
#header ul {
	margin: 0 5px 0 100px;
	padding: 0 0 0 0;
	list-style:none;
}
#header li {
	float:left;
	margin:0 5px 0;
	padding:10px 0 0 0;
    font-size: 1.1em;
}
#header li a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#header li a:hover{
	text-decoration: underline;
}
/*active tab*/
#header li.current {
	background:url("images/tab_l.gif") no-repeat left top;
	padding: 0 0 0 12px;
}
#header li.current a{
	display:block;
	background: url("images/tab_r.gif") no-repeat right top;
	padding: 7px 12px 0 0;
    font-size: 1.3em;
	color: #000000;
}
/*sub navigation*/
#sub_navi ul {
	list-style-image:url(images/arrow_d.png);
	margin:0 0 0 15px;
	padding: 0;
}
#sub_navi li a{
	display: block;
	border-bottom: 1px dotted #58a2f4;
	padding:10px 0 0 0;
	width: 200px;
    font-size: 1.1em;
	color: #58a2f4;
	text-decoration: none;
	font-weight: normal;
}
#sub_navi li a:hover{
	border-bottom: 2px solid #58a2f4;
	font-weight: bold;
}
#sub_navi {
	float: left;
	margin : 5px 10px 5px 10px;
}
/* style for content */
#content {
	clear: left;
	background : #FFFFFF;
}
#content:after {
	content:"";
	display:block;
	clear:left;
	padding: 0 0 10px 0;
}
/* style for text*/
#text {
	float:left;
	margin : 5px 10px 5px 10px;
	line-height: 1.5em;
	text-align: justify;
}
#text div:after {
	content:"";
	display:block;
	clear:left;
}
#text div p {
	padding: 0 0 0 10px;
}
.one_element{
	width: 720px;
}
.two_elements{
	width: 500px;
}
/* style for path */
#path {
	margin : 0 15px;
	padding: 10px 0 0 0;
	clear: left;
}
/* style for top link */
#top {
	background: url(images/arrow_u.png) no-repeat;
	background-position: center left;
	margin: 10px 15px 0 15px;
	padding: 0 0 0 15px;
	clear: left;
}
/* footer */
#info {
 	float:left;
	margin : 5px 10px 5px 10px;
	width: 200px;
}
#footer {
	clear: left;
	background: url("images/footer.png") no-repeat;
	height: 25px;
	padding: 2px 0 0 0;
    font-size: 0.9em;
	color: #FFFFFF;
	text-align: center;
}
#footer a{
	color: #FFFFFF;
	font-weight: normal;
}
/* sitemap */
#sitemap{
	padding:0 0 0 50px;
	list-style-image:url(images/arrow_d.png);
}
#sitemap li ul{
	list-style-image:url(images/arrow.png);
}
#sitemap li ul li a{
	font-weight: normal;
}
/* style for sites*/
img.picture {
	width: 136px;
	padding: 4px;
	margin: 2px 2px 0 0;
	border: 1px solid #58a2f4;
}
img.picture:hover {
	background: #58a2f4;
}
p.sidebar {
	text-align: justify;
	border-bottom:1px solid #58a2f4;
	line-height: 1.5em;
}
/* style for calendar */
div.events {
	border-bottom:1px solid #58a2f4;
	width: 700px;
}
p.date {
	float: left;
	width: 240px;
}
/* style for calendar navigation */
div.b-border {
	border-bottom: 1px solid #58a2f4;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
label {
	font-weight: bold;
}
select {
	border:1px solid #58a2f4;
	background: #FFFFFF;
}
/* style for staff */
.staff {
	float: left;
	width: 730px;
}
.staff p{
	width: 510px;
	text-align: left;
}
.staff img {
	margin: 0 10px;
}
/* frontpage styles: */
/* style for News Slide */
div.news_slide {
	position: relative;
	float: left;
	width: 430px;
	height: 362px;
	overflow: hidden;
}
div#slider {
	position: relative;
	float: left;
	top: -100px;
	width: 6450px;
	left: 0px;
	z-index: 0;
}
div.slide_item {
	float: left;
	width:430px;
	height:322px;
	cursor: pointer;
	z-index: 0;
}
div.slide_item h4{
	position: relative;
	background: url(images/slide_bg.png);
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	width: 290px;
	height: 100px;
	margin: -100px 0 0 0;
	padding: 10px 70px 10px 70px;
	z-index: 0;
}
div.slide_item:hover h4{
	text-decoration: underline;
}
div.slide_item a{
	position: relative;
	top: 0px;
	display: block;
	width: 430px;
	height: 322px;
	z-index: 1;
}
a.slide_navi {
	position: relative;
	top: 222px;
	width: 70px;
	height: 100px;
	cursor: pointer;
	z-index: 2;
}
a.prev {
	float: left;
	background: url(images/alb.png) no-repeat 20px 35px;
}
a.prev:hover {
	background-image: url(images/alw.png);
}
a.next {
	float: right;
	background: url(images/arb.png) no-repeat 20px 35px;
}
a.next:hover {
	background-image: url(images/arw.png);
}
/* style for addresses */
div.important_addresses {
	background: url(images/tower_bg.png) no-repeat 190px 50px;
	width: 500px;
	padding: 0 10px 0 30px;
	float: left;
}
div.important_addresses h4{
	border-bottom: 0px;
}
/* style for upcoming events */
div.upcoming_events{
	margin: 20px 0;
}
div.upcoming_events div{
	float: left;
	width: 220px;
	text-align: left;
	padding: 0 10px;
	margin: -5px 0 0 0;
}
