/* BASIC DECLARATIONS */

@import url("reset.css");

body
{
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #efefe7;
	background: #333;
}



/* DIV: NAVIGATION */

div#navigation
{
	height: 94px;
	background: url("../images/logo.gif") 16px 16px no-repeat;
}

div#navigation h1
{
	position: absolute;
	width: 0; height: 0;
	text-indent: -9999px;
}

div#navigation ul
{
	float: right;
	margin: 50px 20px 0 0;
}

div#navigation ul li
{
	float: left;
	margin: 0 0 0 40px;
}

div#navigation ul li a
{
	float: left;
	padding: 0 0 10px 0;
	font-family: georgia, serif;
	font-size: 16px;
	text-decoration: none;
	color: #efefe7;
}

div#navigation ul li a:hover,
div#navigation ul li a.current,
div#navigation ul li a.section
{
	color: #858a90;
	background: url("../images/bg_navigation_a_active.gif") 0 100% repeat-x;
}



/* DIV: BANNER */

div#banner
{
	height: 220px;
	background: url("../images/bg_banner.gif") 0 0 repeat-x;
}

div#banner div#quotes
{
	background: url("../images/bg_banner_quotes.jpg") 0 20px no-repeat;
}

div#banner div#quotes p
{
	height: 120px;
	padding: 100px 170px 0 370px;
	line-height: 24px;
	font-family: georgia, serif;
	font-size: 18px;
	font-style: italic;
	color: #333;
	background: url("../images/bg_banner_quotes_p.gif") 100% 100% no-repeat;
}



/* DIV: SUBNAVIGATION */

div#subnavigation
{
	position: absolute;
	top: 314px; left: 0;
	padding: 20px 20px 20px 0;
	width: 330px;
	min-height: 300px;
	background: url("../images/bg_subnavigation.gif") 0 0 repeat-x;
}

* html div#subnavigation
{
	height: 300px;
}

div#subnavigation h2
{
	margin: 0 0 20px 20px;
	font-family: georgia, serif;
	font-size: 24px;
	font-weight: normal;
	color: #858a90;
}

div#subnavigation ul li a
{
	display: block;
	margin: 5px 0; padding: 0 0 0 76px;
	line-height: 28px;
	text-decoration: none;
	color: #efefe7;
}

div#subnavigation ul li a:hover,
div#subnavigation ul li a.current
{
	color: #858a90;
	background: url("../images/bg_subnavigation_a_active.png") 0 0 no-repeat;
}

div#subnavigation p
{
	line-height: 18px;
	margin: 0 0 20px 20px;
}

div#subnavigation p a
{
	text-decoration: none;
	border-bottom: 1px solid #858a90;
	color: #858a90;
}

div#subnavigation p a:hover
{
	color: #efefe7;
	border-bottom: 1px solid #efefe7;
}



/* DIV: CONTENT */

div#content
{
	margin: 0 0 0 350px; padding: 20px;
	background: url("../images/bg_content.gif") 0 0 repeat-x;
}

div#content h2
{
	margin: 0 0 20px 0;
	font-family: georgia, serif;
	font-size: 24px;
	font-weight: normal;
	color: #858a90;
}

div#content h3
{
	margin: 0 0 20px 0;
	font-family: georgia, serif;
	font-size: 16px;
	font-weight: normal;
	color: #858a90;
}

div#content a
{
	text-decoration: none;
	border-bottom: 1px solid #858a90;
	color: #858a90;
}

div#content a:hover
{
	color: #efefe7;
	border-bottom: 1px solid #efefe7;
}

div#content img
{
	border: 5px solid #858a90;
}

div#content p
{
	line-height: 18px;
	margin: 0 0 20px 0;
}

div#content a.lightbox img
{
	border: 5px solid #858a90;
}

div#content a.lightbox:hover img
{
	border: 5px solid #efefe7;
}

div#content img.image_left
{
	float: left;
	margin: 0 20px 20px 0;
}

div#content img.image_right
{
	float: right;
	margin: 0 0 20px 20px;
}

div#content ul
{
	margin: 0 0 20px 30px;
}

div#content ul li
{
	margin: 0 0 5px 0; padding: 0 0 0 20px;
	line-height: 18px;
	background: url("../images/bg_content_ul_li.gif") no-repeat 0 7px;
}

div#content div.gallery
{
	float: left; clear: both;
	margin: 0 0 20px 0;
}

div#content div.gallery a
{
	float: left;
	margin: 0 20px 20px 0;
}

div#content div.gallery a img
{
	display: block;
}

div#content div#map
{
	margin: 0 0 20px 0; padding: 20px;
	width: 460px; height: 260px;
	border: 5px solid #858a90;
}

div#content div#map p
{
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #333;
}

div#content div#map p strong
{
	font-weight: normal;
	color: #858a90;
}