@import url("reset.css");
@import url("menus-ob.css");

/* ============================================================================
Common elements
============================================================================ */

body {
	margin:0;
	padding:0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../graphics/bg-body-curls.gif) fixed;
}

a:link {color: #369;}
a:visited {color: #7794B0;}
a:hover {color: #f60;text-decoration:none;}
a:active {color: #f60;}

strong {font-weight: bold;}

.align-right {
  text-align: right;
}
hr.clear {
  clear:both;
  visibility:hidden;
  height: 0;
  margin: 0;
  padding: 0;
  border:none;
}

/* ============================================================================
Global positioning
============================================================================ */
#wrapper {
	width: 942px;
	margin: 0 auto;
	background: #FFF url(../graphics/bg-page.gif) repeat-y;
	text-align: left;
}

/* ============================================================================
Header
============================================================================ */
#header {
	padding: 10px 16px;
}

#logo {
}

/* ============================================================================
Content
============================================================================ */
#content {
}   
#content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content {display:inline-block;}
/* Hide from IE Mac \*/
#content {display:block;}
/* End hide from IE Mac */


/* ============================================================================
Main content & Front page main content
============================================================================ */
#main-content {
	width: 490px;
	float: left;
}   
#main-content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#main-content {display:inline-block;}
/* Hide from IE Mac \*/
#main-content {display:block;}
/* End hide from IE Mac */

#frontpage-maincontent {
	margin: 0 6px;
}   
#frontpage-maincontent:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#frontpage-maincontent {display:inline-block;}
/* Hide from IE Mac \*/
#frontpage-maincontent {display:block;}
/* End hide from IE Mac */

#main-content hr.clear {
	clear: both;
}



/* ============================================================================
Related content
============================================================================ */
#related-content {
	width: 230px;
	float: left;
}   
#related-content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#related-content {display:inline-block;}
/* Hide from IE Mac \*/
#related-content {display:block;}
/* End hide from IE Mac */

#related-content p {
}
#related-content h1 {
}
#related-content h2 { 
}
#related-content h3 { 
}


/* ============================================================================
Paragraphs 
============================================================================ */

/* LAYOUT OF FLOATING BOXES */
.body-box {
	padding-left: 10px;
	float: left;
}

.section-box {
	width: 220px;
	padding-left: 10px;
	float: left;
	margin-bottom: 10px;
}


.body-box:after,
.section-box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.body-box,
.section-box {display:inline-block;}
/* Hide from IE Mac \*/
.body-box,
.section-box {display:block;}
/* End hide from IE Mac */

/* GALLERY - jQuery gallery
-------------------------------- */
#main-content .gallery-box {
	margin-bottom: -25px;
	padding-left: 10px;
	height: 220px;
	overflow: hidden;
}
#main-content .gallery-box img {
}
.img-nav {
	position:relative;
	top: -20px;
	width: 485px;
}
.img-nav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.img-nav {display:inline-block;}
/* Hide from IE Mac \*/
.img-nav {display:block;}
/* End hide from IE Mac */
.img-nav a {
	display:block;
	height:44px;
	background-color: #fff;
	float:right;
	background: url(../graphics/button-pause-red.png);
}
.img-nav a.pause {background: url(../graphics/button-pause-blue.png);width:24px;cursor:pointer!important;}
.img-nav a.play {background: url(../graphics/button-play-blue.png);width:24px;cursor:pointer!important;}
.img-nav a.previous {background: url(../graphics/button-previous-blue.png);width:34px;cursor:pointer!important;}
.img-nav a.next {background: url(../graphics/button-next-blue.png);width:34px;cursor:pointer!important;}


/* BODY BOXES - for bodytext 
-------------------------------- */

#main-content .body-box .img-container table {
	margin-bottom: 24px;
}
#main-content .body-box .img-left-txt-right,
#main-content .body-box .img-right-txt-left,
#main-content .body-box .img-top-txt-bottom,
#main-content .body-box .img-bottom-txt-top {width: 480px;}
#main-content .body-box .img-bottom-txt-top {margin-bottom: 15px;}

#main-content .body-box .img-right-txt-left .img-container table {
	float: right;
	display: inline;
	margin-bottom: 15px;
	margin-left: 20px;
}
#main-content .body-box .img-left-txt-right .img-container table {
	float: left;
	display: inline;
	margin-bottom: 15px;
	margin-right: 20px;
}
#main-content .body-box .txt-container {padding: 0;}

#main-content .section-box .txt-container h1,
#main-content .body-box .txt-container h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	margin-bottom: 18px;
	font-weight:normal;
}
#main-content .section-box .txt-container h2,
#main-content .body-box .txt-container h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 3px;
	font-weight:normal;
}
#main-content .section-box .txt-container h3,
#main-content .body-box .txt-container h3 {
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 15px;	
}
#main-content .section-box .txt-container h4,
#main-content .body-box .txt-container h4 {}
#main-content .section-box .txt-container p,
#main-content .body-box .txt-container p {
	margin-bottom: 15px;
	line-height: 15px;	
}
#main-content .section-box .txt-container p span.text2,
#main-content .body-box .txt-container p span.text2 {
	font-size: 12px;
	margin-bottom: 15px;
	line-height: 15px;
}

#main-content .section-box ul,
#main-content .body-box ul {
	margin: 0 0 10px 10px;
	line-height: 15px;	
}

#main-content .section-box li {
	padding: 1px 0 10px 20px;
	background: url(../graphics/bullet-blue.gif) left 3px no-repeat;
	font-size: 12px;
}
#main-content .body-box ul li {
	list-style: disc;
	margin: 0 0 3px 17px;	
}
#main-content .body-box ol li {
	list-style: decimal;
	margin: 0 0 3px 20px;
}
#main-content .body-box ul.news-list {margin-left: 0;}
#main-content .body-box ul.news-list li {
	padding: 1px 0 10px 0;
	margin: 0 0 10px 0;
	background: none;
	font-size: 11px;
	border-bottom: 1px solid #CCC;
	list-style: none;
}
#main-content .body-box ul.news-list li span {color: #999;}
#main-content .body-box ul.news-list li a {font-size: 12px; font-weight: bold;}

#main-content .section-box .txt-container table,
#main-content .body-box .txt-container table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 5px;
}
#main-content .section-box .txt-container table th,
#main-content .body-box .txt-container table th {
	font-size: 10px;
	background: #827F7B;
	color: #FFF;
	padding: 5px 3px;
}
#main-content .section-box .txt-container table tbody td,
#main-content .body-box .txt-container table tbody td {
	font-size: 10px;
	padding: 5px 3px;
}
#main-content .section-box .txt-container table tbody tr.odd td,
#main-content .body-box .txt-container table tbody tr.odd td {
	background: #F0EBE4;
}

#main-content .body-box .txt-container form table tbody td {
	font-size: 11px !important;
	padding: 0 !important;
}
#main-content .body-box .txt-container form table tbody tr.odd td {
	background: none !important;
}

.zoom {float: right;margin-left: 10px;margin-bottom:15px;}
.pdf {
	padding: 3px 0 5px 20px;
	background: url(../graphics/icon-pdf.gif) left no-repeat;
	font-size: 12px;
}

/* front page body box */
#frontpage-maincontent .body-box {
	width: 680px;
	height: 276px;
        overflow: hidden;
}
#frontpage-maincontent .body-box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#frontpage-maincontent .body-box {display:inline-block;}
/* Hide from IE Mac \*/
#frontpage-maincontent .body-box {display:block;}
/* End hide from IE Mac */

#frontpage-maincontent .body-box .focus-box {
	width: 680px;
	height: 276px;
	padding-top: 181px;
	background: url(../graphics/bg-focusimg-corners.gif) left top no-repeat;
}
#frontpage-maincontent .focus-content-box {
	background: url(../graphics/bg-focusbox.gif) left top no-repeat;
	margin: 0 10px 10px 10px;
	width:440px;
	height: 85px;
}
#frontpage-maincontent .focus-content-box h1 {
	padding: 12px 25px 5px 25px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
#frontpage-maincontent .focus-content-box p {
	margin: 0 25px 8px 25px;
}
#frontpage-maincontent .focus-content-box p a {
	padding: 3px 0 5px 20px;
	background: url(../graphics/bullet-blue.gif) left no-repeat;
	font-size: 12px;
}

/* front page body box */

#main-content .body-box .img-bottom-txt-top .txt-container,
#main-content .body-box .img-left-txt-right .txt-container,
#main-content .body-box .img-right-txt-left .txt-container, 
#main-content .body-box .img-top-txt-bottom .txt-container {
	display: block;
	margin-left: 10px !important;	
}


/* SECTION BOXES - Floating boxes for double columns in the main content area 
------------------------------------------------------------------------------ */

#main-content .section-box {
	width: 225px !important;
	padding-left: 20px;
	float: left;
	margin-bottom: 10px;
}

#main-content .section-box .img-left-txt-right .img-container table {
	float: left;
	display: inline;
	margin-bottom: 15px;
	margin-right: 10px;
}
#main-content .section-box .img-top-txt-bottom .img-container table {margin-bottom: 15px;}

#main-content .section-box .img-left-txt-right:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#main-content .section-box .img-left-txt-right {display:inline-block;}
/* Hide from IE Mac \*/
#main-content .section-box .img-left-txt-right {display:block;}
/* End hide from IE Mac */





/* BOXES - infobox and actionbox - for related content and links 
----------------------------------------------------------------- */

.info-box,
.action-box {
	background: #F0EBE4 url(../graphics/bg-corners-220px.gif) bottom no-repeat; 
}
.info-box:after,
.action-box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.info-box,
.action-box {display:inline-block;}
/* Hide from IE Mac \*/
.info-box,
.action-box {display:block;}
/* End hide from IE Mac */

.info-box h2,
.action-box h2 {
	font-size: 18px;
	line-height: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
	height: 25px;
	padding: 6px 10px 0 10px;
	margin: 0;
	overflow: hidden;
}
.info-box h2 {
	background: url(../graphics/bg-boxheader-lightgreen.gif) top no-repeat;
}
.action-box h2 {
	background: url(../graphics/bg-boxheader-blue.gif) top no-repeat;
}
.info-box .txt-container,
.action-box .txt-container {
	display: block;
	margin: 12px 10px;
}
.info-box .txt-container p,
.action-box .txt-container p {
	margin-bottom: 15px;
	line-height: 15px;
}
.info-box .txt-container dl,
.action-box .txt-container dl {
	display: block;
	padding-bottom: 15px;
	line-height: 15px;
}
.info-box .txt-container dl:after,
.action-box .txt-container dl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.info-box .txt-container dl,
.action-box .txt-container dl {display:inline-block;}
/* Hide from IE Mac \*/
.info-box .txt-container dl,
.action-box .txt-container dl {display:block;}
/* End hide from IE Mac */

.info-box dt,
.action-box dt {
	display: block;
	float: left;
	width: 50px;
	padding-right: 10px;
	font-weight: bold;
}
.info-box dd,
.action-box dd {
	display: block;
	float: left;
	width: 140px;
}
.info-box dd a,
.action-box dd a {
	padding: 0;
	background: none;
	font-size: 11px;
}

.info-box ul,
.action-box ul {
	margin-bottom: 15px;
	line-height: 15px;
}
.info-box ul li,
.action-box ul li {
	margin: 15px 0;
}

.info-box li a {
	padding: 3px 0 5px 20px;
	background: url(../graphics/bullet-lightgreen.gif) left no-repeat;
	font-size: 12px;
}
.action-box a {
	padding: 3px 0 5px 20px;
	background: url(../graphics/bullet-blue.gif) left no-repeat;
	font-size: 12px;
}

/* front page boxes */
#frontpage-maincontent .info-box,
#frontpage-maincontent .action-box {
  height: 215px;
  max-height: 215px;
  overflow: hidden;
  margin-bottom:10px;
}

/* FRONTPAGE NEWS - newsbox 
----------------------------- */
.news-box {
	width: 220px;
	height: 276px;
	background: #EAF4F7 url(../graphics/bg-corners-220px.gif) bottom no-repeat;
	overflow: hidden;
}
.news-box div.img-top-txt-bottom {
	background: url(../graphics/bg-corners-220px.gif) top no-repeat;
	padding: 18px 10px 10px 10px;
}
.news-box h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 18px;
}
.news-box ul li {
	margin-bottom:15px;
	font-size: 12px;
}
.news-box ul li span {
	color: #4b4b4b;
	font-size: 10px;
}
.news-box p {
  padding:  10px 0 5px 0;
  font-size: 10px;
}

/* ============================================================================
Search
============================================================================ */

#searchform {margin-bottom: 15px;}
#searchform input {
  width: 300px;
  font-size: 12px;
  padding: 4px;
  height: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
input#searchbutton {
  width: 50px;
  font-size: 12px;
  height: 28px;
}
p#resultcount {font-size: 12px;}
#searchresult {
  border-top: 1px solid #999;
  padding-top: 15px;
}
#searchresult dt {font-size: 12px;}
#searchresult dt span {font-size: 10px; color: #666;}
#searchresult dd {
  margin: 5px 0 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCC;
}
#searchresult dd small {
  display: block;
  margin-top: 5px;
}

#searchnavigation {text-align: right;}


/* ============================================================================
Footer
============================================================================ */
/* #footer {
 	_height: 16px;
 	min-height: 16px;
	background: url(../graphics/bg-page-bottom.gif) bottom center no-repeat;
}
#footer div {
}

#webdesign {
	width: 942px;
	margin: 5px auto 25px auto;
	padding-bottom: 25px;
	text-align: right;
}
#webdesign a {
	color: #827F7B;
	text-decoration: none;
	padding-right: 16px;
}
#webdesign a:hover {
	text-decoration: underline;
}
*/

/* ============================================================================
Footer
============================================================================ */
#footer {
	width: 942px;
	margin: 0 auto;
 	height: 4px;
	background: url(../graphics/bg-page-bottom.gif) top center no-repeat;
}
#footer div {
}

#webdesign {
	width: 942px;
	margin: 5px auto 25px auto;
	padding-bottom: 25px;
	text-align: right;
}
#webdesign a {
	color: #666;
	text-decoration: underline;
	padding-right: 16px;
}
#webdesign a:hover {
	text-decoration: none;
}