body {
	text-align: center;


}

#content, #contentFront {
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #506858;

}

#content { width: 780px; }
#contentFront { width: 810px; }

#frontBox1, #frontBox2 {
    float: left;
    display: inline;
    width: 370px;
    height: 240px;
    padding: 0;
}

#frontBox1 { margin: 10px 10px 10px 0px; border: 3px solid #506858; }
#frontBox1:hover { margin: 10px 10px 10px 0px; border: 3px solid #d5d5d5; }

#frontBox2 { margin: 10px 0px 10px 10px; border: 3px solid #502B29; }
#frontBox2:hover { margin: 10px 0px 10px 10px; border: 3px solid #d5d5d5; }

#frontBox1 h1, #frontBox2 h1 { display: none; visibility: hidden; }

#frontText { padding: 30px 60px 0px 60px; text-align: center; color: #222; }

.clear { clear: both; }

#navigation {
	float: left;
	text-align: left;
	font-size: 11px;
	margin-bottom: 15px;


}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

#navigation ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navigation ul li a {
	text-decoration: none;
	color: #506858;
	font-size: 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 5px;




}

#navigation ul li a:hover {
	color: #003333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003333;
}

#navigation ul li a.current {
	color: #003333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003333;
}

#logo {
	float: right;
}	

img, img a { border: none; }



#logo img {
	border: 0px none;
	
}

#panorama {
	width: 780px;
	height: 184px;
	padding: 0px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;


}

#panorama table {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	width: 780px;

}



#panorama img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;


}

#panorama img.borderright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}

#box260 {
	padding: 5px;
	height: 184px;
	width: 260px;
	overflow: auto;
	text-align: left;
	
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#003333;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	
	font-size: 11px;
	color: #506858;

}

H2 {
	font-size: 15px;
	font-weight: bold;
	
}

#box260 A {
	color: #506858;
	font-size: 11px;
	text-decoration: none;
	
}

#box260 A.current {
	color: #003333;
	font-size: 11px;
	text-decoration: none;
	
}

#box390 {
	padding: 5px;
	height: 184px;
	width: 390px;
	overflow: auto;
	text-align: left;
	
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#003333;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	
	font-size: 11px;
	color: #506858;

}

#box520 {
	padding: 5px;
	height: 184px;
	width: 520px;
	overflow: auto;
	text-align: left;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#003333;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	font-size: 11px;
	color: #506858;
	float: left;


}
 
#footer {
	clear: both;
	height: 32px;
	width: 780px;
}

#footer img {
	margin-top: 20px;
	padding: 0px;
	display: inline;
	border: 0px none;


}

#footer img.leftimage {
	float: left;
	display: inline;	
}

#footer img.centerimage {
	margin-right: auto;
	margin-left: auto;
	display: inline;
}

#footer img.rightimage {
	float: right;
	display: inline;
	clear: none;
}

h1 {color:#222; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3 {color:#666;}
