@charset "utf-8";
body, html{margin:0; padding:0; height:100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#5b656d; font-size: 12px; background-image: url(../img/main/pageBg.gif); background-repeat: repeat-x; background-color: #f1f1f1;}
html{ overflow-y: scroll; }
a{ outline: none; text-decoration: none;}

#logo{ position: relative; left: 10px; top: 21px; height: 65px; width: 195px; display: block; }
#content{margin-left: auto ;	margin-right: auto ;	width: 940px; position: relative; display: table;}
#header{ background-image: url(../img/main/header.jpg);  background-repeat: no-repeat; height: 229px; width:940px;}
#mainNavigation{ background-color: #616b72; height: 40px; position: absolute; top:189px; padding:0 5px; z-index: 10;}

#breadcrumbs{ width: 620px; height: 22px; float: left; font-size: 10px; padding: 8px 0 0 20px; color: #000; }
#breadcrumbs a{ color: #525d65; }
#breadcrumbs a:hover{ color: #333; }
#breadcrumbs .spacer{ margin: 0 10px; }

#metaNavigation{  height: 22px; margin-right: 20px; float: right; padding: 8px 0 0 0; font-size: 10px;}
#metaNavigation a{ color: #616b72; text-decoration: none; margin-right: 10px;}
#metaNavigation a:hover, #metaNavigation span.active a{ color: #333; }

#slideshow{width: 940px; height:430px; clear: both; position: relative;}
#slideshow img { border: 0; position:absolute; top:0; left:0;}
#slideshow .leftButton{ background-image: url(../img/main/slideLeftA.png); background-repeat: no-repeat; width: 60px; height:60px; position: absolute; bottom:0; left:0; z-index: 4; cursor: pointer;}
#slideshow .rightButton{ background-image: url(../img/main/slideRightA.png); background-repeat: no-repeat; width: 60px; height:60px; position: absolute; bottom:0; right:0; z-index: 4; cursor: pointer;}
#slideshow .leftButton:hover{ background-image: url(../img/main/slideLeftB.png);}
#slideshow .rightButton:hover{ background-image: url(../img/main/slideRightB.png);}

#teaserHolder{ margin-top:20px; height: 250px; }
#teaserHolder .teaser{ background-color: #d6d9d9; width: 300px; height: 291px; float: left; margin-left: 20px; position: relative; display: block; text-decoration: none; border: 0; }
#teaserHolder .teaser:first-child{ margin-left: 0; }
#teaserHolder .teaser h1{ background-color: #c7cacc; width: 280px; height: 24px; display: block; font-size: 14px; color: #525d65; margin: 0; padding: 6px 0 0 20px; font-weight: normal;}
#teaserHolder .teaser img{ border: 0; }
#teaserHolder .teaser p{ margin: 0; padding: 0; } 
#teaserHolder .teaser span{ padding: 20px; display: block; color: #5b656d; }
#teaserHolder .teaser span ul{ margin: 10px 0; padding: 0 0 0 20px;}
#teaserHolder .teaser span li{list-style-image: url(../img/main/listIcon.gif); margin-bottom: 15px;}
#teaserHolder .button{ background-color: #525d65; height: 9px; padding: 8px 10px; display: inline-table; color:#c5c8c9; position: absolute; left: 20px; top:236px; cursor: pointer;}
#teaserHolder .button:hover{ background-color: #6b757b; color: #FFF}

#sitemap{ background-image: url(../img/main/sitemapBG.gif); background-repeat: repeat-x; margin-left: auto ; margin-right: auto ; width: 920px; margin-top: 100px; position: relative; padding: 16px 0 30px 20px; clear: both; display: table;}
#sitemap .row{ width: 135px; margin-left: 20px; float: left;}
#sitemap .row:first-child{ margin-left: 0;}
#sitemap .row h2{ margin: 0; padding: 0; font-size: 12px; margin-bottom: 5px;}
#sitemap .row h2 a{ font-size: 12px; font-weight: normal;}
#sitemap .row h2.active a{ color: #333 }
#sitemap .row a{ display: block; text-decoration: none; color: #616b72; font-size: 10px;}
#sitemap .row a:hover, #sitemap .row span.active a { color: #333;}

#groundSpacer{ height: 30px; }