body { color: #505050; background: #fefdf1 url('../img/bg.png') repeat-x; }
p { font-size: 12px; font-family: Arial; }

.clear { clear: both; display: none; }

/** MAIN ELEMENTS **/
div#bodyWrap { width: 960px; margin: auto; }

div#header { height: 120px; }
div#logo { width: 130px; position: relative; top: 20px; left: 150px; }
ul#flyers { float: right; top: 20px; }

div#main { 
	width: 950px; height: 540px; overflow: hidden;
	padding: 15px; 
	background: url('../img/bg-main.png') no-repeat;
}

div#about {
	float: left;
	width: 365px; height: 220px; overflow: hidden;
	padding: 25px 25px 15px 15px; 
	background: url('../img/bg-about.png') no-repeat;
}

div.searchbox {
	position: relative; top: -10px;
	width: 350px; height: 50px; overflow: hidden; padding: 10px;
	background: url('../img/bg-searchbox.png') no-repeat;
}
div.searchbox h4 { font-size: 1.2em; color: #00529b; text-transform: lowercase; }
div.searchbox div.input { float: left; margin-right: 10px; }
div.searchbox div.text input { width: 260px; background: #fdfce6; border: 1px solid #00529b; }
div.searchbox div.submit input {  
		padding: 2px; margin: 0px; background: #00529b; border: 0px; 
		color: white; font-family: arial; text-transform: lowercase; font-weight: bold; 
}

div#news h3, div#about h3 { position: relative; top: -6px; }
div#news h3.flir-replaced img, div#about h3.flir-replaced img { position: relative; top: 6px; }

div#news {
	float: left; 
	width: 365px; height: 225px; overflow: hidden;
	margin-top: 15px; padding: 15px 25px 15px 15px; 
	background: url('../img/bg-news.png') no-repeat;
}

div#navi { 
	float: right;
	width: 532px; height: 530px; overflow: hidden;
	margin-right: 3px;
}

/** NAVIGATION **/
div#navi ul { width: 100%; margin: 0px; padding: 0px; list-style: none; }
div#navi ul li { float: left; width: 165px; height: 165px; margin: 0px; margin-right: 12px; margin-bottom: 15px; }
div#navi a { display: block; }
div#navi a img { border: none; }
div#navi span { display: none; }

div#navi-top { position: relative; top: -72px; }
div#navi-bottom { clear: both; }

div#navi-top, div#navi-bottom { margin-left: 15px; }
div#navi-top ul li, div#navi-bottom ul li { 
	display: inline; margin: 0px; 
	text-transform: lowercase; font-weight: bold; color: #00529b; 
}
div#navi-top ul li a, div#navi-bottom ul li a { color: #00529b;  }


/** SPECIFIC FORMATTING **/
div#searchbox h4, div#news h4 { font-size: 1.2em; color: #00529b; text-transform: lowercase; }
div#about h3, div#news h3 { margin-bottom: 12px; color: #00529b; text-transform: lowercase; border-bottom: 1px solid #00529b; }

div#news h3 { margin: 0px; }
div#news h4 a { padding: 0px !important; }
div#news h6 { font-size: 14px; }
div#news div.news-item { display: block; padding: 10px 0px 10px 0px; }

ul#flyers { width: 630px; height: 75px; padding: 0px; margin: 20px 0px 0px 0px; overflow: hidden; list-style: none; }
ul#flyers li.flyer { float: left; padding: 0px; margin: 0px; }
ul#flyers li.small { width: 300px; margin-right: 10px !important; }
ul#flyers li.large { width: 600px; }


div.mooTip { height: 115px; width: 155px; background: url('../img/bubble.gif') no-repeat; }
div.mooTip div.tip { 
	width: 135px; height: 90px; 
	padding: 10px; padding-bottom: 20px; 
	color: #00529b; font-weight: bold;
}
