
/* CSS Document */
* {margin:0;padding:0}
p {margin-bottom:1em}
ul{margin-left:20px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	background:#22628e url('/images/tileleft.png') repeat-y left top;
	color: #FFF;
	font-family: Arial;
	line-height: 1.3em;
}
#outer{
	margin-left:185px;
	margin-right:185px;
	background: #ddfae1;
	margin-bottom:-52px;
	min-height:100%
}

#outer p
{
	font-size: 0.9em;
        margin-bottom: 20px;
        width: 360px;
}

h1
{
        font-size: 1em;
        margin-bottom: 10px;
	margin-left: 19px;
}

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:139px;
	background: #ddfae1;
	overflow:hidden;
	background-image: url('/images/corner.png');
	background-repeat: no-repeat;
	background-position: 185px 0px;
}

#header .logo
{
	border: 8px solid #fff;
	border-right: 9px solid #fff;
	background-color: #fff;
}

#left {
	position:relative;/*ie needs this to show float */
	width:185px;
	float:left;
	margin-left:-184px;/*must be 1px less than width otherwise won't push footer down */
	z-index:100;
	left:-1px;
}
#left p, 
#right {
	position:relative;/*ie needs this to show float */
	width:185px;
	float:right;
	margin-right:-184px;/*must be 1px less than width otherwise won't push footer down */
	left:1px;
	color: #000;
}
#footer {
	width:100%;
	clear:both;
	height:50px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #406700;
	text-align:center;
	position:relative;
}
#clearheader{height:50px;}/*needed to make room for header*/
#clearfooter{clear:both;height:52px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
#centrecontent {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	margin:0 -1px;/* moz fix*/
	color: #4c4c4c;
	margin-top: 110px;
}
/* css stuff below is just for presentation and not needed for the demo */
#centrecontent p { padding: 0 20px; }

#centrecontent ul
{
	margin-bottom: 0px;
	font-size: 0.9em;
	margin-left: 14px;
	width: 350px;
	padding-left: 20px;
}

#centrecontent ul
{

}

#left a:hover {
	text-decoration: none;
	text-decoration: none;
	color:#222;
	background: #FFF;
}
#footer a, #left a { color:#FFF; }
#footer a:hover {
	text-decoration: none;
	color:#222;
	background: #FFF;
}
html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

#right ul
{
        list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	margin-top: 100px;
}

#right ul li
{
        text-align: center;
        width: 185px;
        border-top: 1px solid #fff;
        padding-top: 3px;
        padding-bottom: 3px;
}

#right ul li.last
{
        border-bottom: 1px solid #fff;
}

#right ul li.first
{
	border: 0px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

#right ul a
{
        text-decoration: none;
        color: #fff;
        display: block;
        font-size: 0.9em;
}

#right .img
{
	margin-top: 500px;
}

#left .img
{
	margin-top: 26px;
	margin-left: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#menuwrapper
{
	background-color: #000;
	height: 60px;
}

#menu
{
	margin-left: 190px;
	font-size: 0.8em;
	padding-top: 38px;	
	width: 490px;
}

#menu a
{	
	color: #fff;	
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
}

#PictureBox1
{
	width: 109px;
	height: 98px;
}

#PictureBox2
{
	width: 109px;
	height: 98px;
}

#PictureBox3
{
	width: 109px;
	height: 98px;
}

#PictureBox4
{
	width: 109px;
	height: 98px;
}

#PictureBox5
{
	width: 109px;
	height: 98px;
}

#PictureBack1
{
	position: absolute;
        bottom: 30px;
        left: 200px;
        border: 1px solid #fff;	
}

#PictureBack2
{
	position: absolute;
	bottom: 30px;
	left: 315px;
	border: 1px solid #fff;
}

#PictureBack3
{
	position: absolute;
	bottom: 30px;
	left: 430px;
	border: 1px solid #fff;
}

#PictureBack4
{
	position: absolute;
	bottom: 30px;
	left: 545px;
	border: 1px solid #fff;
}

#PictureBack5
{
	position: absolute;
	bottom: 30px;
	left: 660px;
	border: 1px solid #fff;
}

#header img
{
	display: block;
}

#info
{
	text-align: center;
	font-size: 0.8em;
	margin-top: 330px;
	color: #4c4c4c;
}

#info a {
	color: #4C4C4C;
	text-decoration: none;
}

img.top
{
	margin-left: 320px;
	border: 0px;
}

#lines
{
	position: absolute;
	right: -1px;
	top: -21px;
}

.gallery_image
{
	border: 1px solid #245f89;
}

.news_image
{
	float: right;
	padding: 20px;
}
