/* menubar, linkbar */

div.menubar,
div.linkbar {
clear:both;
}
div.menubar {
margin-left:-10px;
}
div.linkbar ul,
div.menubar ul {
margin-bottom:1em;
}
div.menubar li,
div.linkbar li {
float:left;
list-style:none;
position:relative;
}
div.menubar a,
div.menubar a:link,
div.linkbar a,
div.linkbar a:link {
text-decoration:none;
padding:.5em 10px .5em 10px;
display:block;
line-height:2em;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
/*background-color:#283339;*/
}
div.linkbar a:visited {
background-color:#a9c167;
}
div.menubar a:hover,
div.menubar a:hover:visited,
div.menubar a:focus,
div.linkbar a:hover,
div.linkbar a:hover:visited,
div.linkbar a:focus {
background-color:#33424a;
}
div.menubar a.active {
background-color:#33424a;
color:#ffffff;
text-transform:uppercase;
font-weight:bold;
}
div.menubar a.active:hover {
background-color:#506773;
}
div.linkbar a.active {
color:#ffffff;
text-transform:uppercase;
font-weight:bold;
}
div.menubar a.active:hover{
background-color:#506773;
}

/* drop menus */

div.menubar li.menuhover,
div.linkbar li.menuhover {
color:#ffffff;
background-color:#33424a;
}
div.menubar ul ul {
visibility:hidden;
display:none;
width:10em;
position:absolute;
z-index:1000;
top:3em;
/*left:-5px;*/
background-color:#000;/*283339;*/
/*border:5px solid #1c2529;*/
border-top-width:0;
padding:0 0 .25em 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
div.menubar ul ul li {
float:none;
}
div.menubar ul ul a {
display:block;
line-height: 1em !important;
}
div.menubar ul ul a:hover,
div.menubar ul ul a:hover:visited {
background-color:#33424a;
color:#c2de76;
}
div.menubar li:hover ul {
visibility:visible;
display:block;
}

/* tabset */

div.tabset {
position:relative;
margin-bottom:2em;
margin-top:1.5em;
display:block;
}
div.tabset dl.on dt {
float:left;
margin-left:-10px;
margin-right:10px;
}
div.tabset dl.on dd {
width:100%;
padding-top:2em;
margin:0 0 0 0;
border-bottom:none;
}
div.tabset dl.on dt.active+dd,
div.tabset dl.on dd.active {
display:block;
position:absolute;
top:2.5em;
left:0;
}
div.tabset dl.on dt.inactive+dd,
div.tabset dl.on dd.inactive {
display:none !important;
}
div.tabset dl.on dt a {
padding:.5em 10px .5em 10px  !important;
display:block;
line-height:2em;
cursor:pointer;
/*background-color:#283339;*/
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
div.tabset dl.on dt.inactive a:hover,
div.tabset dl.on dt.inactive a:hover:visited {
background-color:#455963 !important;
}
div.tabset dl.off {
display:block;
float:none;
clear:both;
position:relative;
top:0;
left:0;
height:auto;
}
div.tabset dl.off dd {
/*border-bottom:5px solid #33424a;
margin-bottom:1.5em;*/
}
div.tabset dl.off dt a,
div.tabset dl.off dt a:hover,
div.tabset dl.off dt a:hover:visited,
div.tabset dl.off dt a:focus {
padding:.5em 10px .5em 10px !important;
display:block;
line-height:2em;
cursor:default;
color:#80a3b5  !important;
}
div.tabset dl.off dd.inactive {
display:none;
}
div.tabset dl.on dt.active a,
div.tabset dl.on dt.active a:link {
background-color:#506773 !important;
text-transform:uppercase;
color:#FFFFFF !important;
font-weight:bold;
}
span.rsstab {
display:none;
position:absolute;
top:-2.5em;
right:10px;
background-color:#1c2529;
}
span.rsstab a {
padding:0 .5em 0 .5em;
color:#4286AB;
}
span.rsstab a:hover,
span.rsstab a:focus  {
background-color:#283339;
color:#ffffff;
}

div.tabset a.buttoncollapseexpand {
display:none;
position:absolute;
top:-11px;
right:11px;
z-index:1001;
height:11px;
width:11px;
padding:0;
background:url(../images/ui/button_expand.gif) 50% 50% #33424a no-repeat;
}
div.tabset a.buttoncollapseexpand:hover {
background:url(../images/ui/button_expand.gif) 50% 50% #455963 no-repeat;
}

body.home div.tabset{
}

/* tabfloater */

body.home div.tabfloater {
float:right;
margin-top:-3em;
margin-left:.5em;
margin-right:-1em;
background-color:#1c2529;
padding:.5em 1em .5em 1em ;
}
body.home div.tabfloater a {
color:#4286AB;
padding:0;
}
body.home div.tabfloater a:hover {
color:#ffffff;
}
body.design div.tabfloater {
float:right;
margin-top:1em;
margin-left:.5em;
}
body.design div.tabfloater a {
padding:0 1em 0 1em ;
color:#4286AB;
}
body.design div.tabfloater a:hover {
color:#ffffff;
}
div.tabfloater a {
color:#506773;
font-size:.82em !important;
line-height:1.5em !important;
text-transform:uppercase  !important;
vertical-align:top;
}

/* linkbutton */

div.linkbutton {
/*margin-top:.5em;*/
margin-bottom:1.5em;
clear:both;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
overflow:auto;
}
div.linkbutton a {
display:block;
padding:.5em 10px;
line-height:1.5em;
}
div.extrapad a {
padding:1.5em 1em !important;
}
div.linkbutton img {
margin-right:10px;
margin-top:.25em;
margin-bottom:1em;
float:left;
vertical-align:baseline;
width:130px;
}
div.linkbuttonsdark {
/*margin:0 -10px;*/
margin:0 0;
}
div.linkbuttonsdark a {
/*background-color:#33424a;*/
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
div.linkbuttonsdark a:hover {
background-color:#33424a;
}
div.linkbuttonsdark a:hover img {
/*border:5px solid #33424a;
background-color:#33424a;*/
}
div.linkbuttonsdark img {
/*border:5px solid #283339;
background-color:#283339;
margin-right:15px;*/
}
div.linkbuttonslight {
background-color:#c7d993;
}
div.linkbuttonslight a {
}
div.linkbuttonslight img {
border:5px solid #aac485;
}
div.linkbuttonsdark a span,
div.linkbuttonslight a span {
color:#678493;
}
div.linkbuttonsdark a span.h3 {
color:#a5e0ff;
display:block;
clear:none;
text-decoration:none;
font-weight:bold;
font-style:italic;
margin:.5em 0 0 0;
}
div.linkbuttonslight a span.h3 {
color:#455963;/*678493*/
display:block;
clear:none;
text-decoration:none;
font-weight:bold;
font-style:italic;
margin:.5em 0 0 0;
}
div.linkbuttonsdark a:hover span.h3 {
color:#c2de76;
}
div.linkbuttonslight a:hover,
div.linkbuttonslight a:hover:visited,
div.linkbuttonslight a:focus{
background-color:#bbcc8a;
}
div.linkbuttonsdark a:hover,
div.linkbuttonsdark a:hover:visited,
div.linkbuttonsdark a:focus{
background-color:#455963;
}

/* linklist */

div.linklist {
margin-top:2em;
margin-bottom:2em;
}
div.linklist ul {}
div.linklist li {

}
div.linklist a,
div.linklist a:link {
display:block;
background-color:#000;
padding:1em;
margin-left:-10px;
margin-right:-10px;
line-height:1em;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
div.linklist a:hover {
background-color:#33424a;
}
div.linklist a:visited {
background-color:#000;
}
div.linklist a:visited:hover {
background-color:#33424a;
}

/* navlist */

ul.navlist {
/*margin:0 0 1.5em -10px;*/
margin:0 0 1.5em -10px;
vertical-align:middle;
}
ul.navlist li {
line-height:1.5em;
margin-bottom:0;
}
ul.navlist li.nolink {
text-indent:10px;
}
ul.navlist a,
ul.navlist h4 {
line-height:1.5em;
padding:.5em 10px .5em 10px;
}
ul.navlist a.external {
padding-right:22px;
background:url(../images/ui/icon_link_external_navlist.gif) 100% 10px no-repeat;
}
ul.navlist a.external:visited {
padding-right:22px;
background:url(../images/ui/icon_link_visited_navlist.gif) 100% 10px no-repeat;
}
ul.navlist h4 {
color:#80a1b2;
}
li.sectiontitle {
float:right;
margin:0 0 0 0;
text-align:left;
width:100px;
}
li.sectiontitle h5 {
color:#678493 !important;
}
ul.navlist a:hover{
background-color:#33424a !important;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
z-index:100;
}


/* breadcrumbs */

.breadcrumbs {
clear:right;
padding-top:2.25em;
padding-bottom:1.5em;
/*margin-bottom:1.5em;
padding-left:5px;*/
margin-left:-10px;
overflow:auto;
}
.breadcrumbs p {
font-size:.82em;
text-transform:uppercase;
}
.breadcrumbs a {
padding:.5em 10px .5em 10px  !important;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus {
background-color:#33424A;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

/* thumbgrid */

div.thumbgrid {
margin:0 -20px 1.25em -10px !important;
padding:0.25em 0 0 0 !important;
clear:both;
}
div.thumbgrid-m {
margin:0 -30px 1.25em 0 !important;
padding:0.25em 0 0 0 !important;
clear:both;
}
div.thumbgrid li {
float:left;
/*margin:0 10px 1.0em -10px;*/
margin:0 30px 2.5em 0;
width:290px;
}
div.thumbgrid-m li {
float:left;
/*margin:0 10px 1.0em -10px;*/
margin:0 30px 2.5em 0;
width:210px;
}
div.thumbgrid li.last {

}
div.thumbgrid-m li.last {
width:210px;
}
div.thumbgrid img,
div.thumbgrid-m img {
vertical-align:bottom;
/*opacity:.90;*/
}
div.thumbgrid img {
width:290px;
}
div.thumbgrid-m img {
width:210px;
}
div.thumbgrid a,
div.thumbgrid a:link,
div.thumbgrid a:visited {
display:block;
width:290px;
z-index:10;
color:#678493;
position:relative;
text-align:left;
padding:1em 10px 1em 10px;
/*	margin:-5px -5px -5px -5px !important;*/
/*background-color:#33424a;*/
background-color:#000;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
div.thumbgrid-m a,
div.thumbgrid-m a:link,
div.thumbgrid-m a:visited {
display:block;
width:210px;
z-index:10;
position:relative;
text-align:left;
padding:1em 10px 1em 10px;
/*	margin:-5px -5px -5px -5px !important;*/
margin:0 -10px;
background-color:#000;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
div.thumbgrid-m span {
color:#678493;
}
div.thumbgrid a:hover,
div.thumbgrid-m a:hover {
background-color:#33424a;
}
div.thumbgrid span.wrap {
/*clip:rect(0, 290px, 180px, 0);*/
overflow:hidden;
/*height:180px;*/
display:block;
/*	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;*/
}
div.thumbgrid-m span.wrap {
clip:rect(0, 210px, 126px, 0);
overflow:hidden;
height:126px;
display:block;
/*	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;*/
}
div.thumbgrid span.title,
div.thumbgrid-m span.title,
div.imageviewer6 span.title,
div.imageviewer span.title {
line-height:1em;
display:block;
padding:.75em 0 .25em 0;
font-weight:bold;
font-style:italic;
color:#a5e0ff;
}
div.thumbgrid a:hover img,
div.thumbgrid-m a:hover img {
opacity:1;
}
div.thumbgrid a:hover span.title,
div.thumbgrid-m a:hover span.title{
color:#c2de76;
}
.thumb-m {
width:210px;
}
div.thumbgridsmall {
position:relative;
/*margin-top:.25em;*/
}
div.thumbgridsmall ul {
background-color:#000;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-left:-30px;
margin-right:-10px;
padding:1em 10px 1px 10px;
}
div.thumbgridsmall img{
width:70px;
opacity:.6;
vertical-align:bottom;
}
div.thumbgridsmall li {
margin-bottom:1em;
width:70px;
height:45px;
/*line-height:auto;*/
clip:rect(0 70px 45px 0);
clip:rect(0, 70px, 45px, 0);
overflow:hidden;
}
div.thumbgridsmall a,
div.thumbgridsmall a:link {
/*background-color:#1c2529;*/
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:block;

}
div.thumbgridsmall a.active,
div.thumbgridsmall a.active:link {
margin:-5px;
border:5px solid #33424A;
background-color:#33424A;
}
div.thumbgridsmall a.active img {
opacity:1;
}
div.thumbgridsmall a:hover img {
opacity:1;
}
.thumbgridsmall a:hover span {
display:block;
}

/* slideshow controls */

a#slideshow-controls {
position:absolute;
top:-2em;
left:0;
color:#4286AB;
font-size:.82em;
line-height:1em;
text-transform:uppercase;
display:block;
padding-left:9px;
margin-left:-20px;
}
a#slideshow-controls:hover {
color:#a5e0ff;
}

a#slideshow-controls.stop {
background:url(../images/ui/button_stop.gif) 0 3px no-repeat transparent;
}
a#slideshow-controls.play {
background:url(../images/ui/button_play.gif) 0 2px no-repeat transparent;
}


/* layout controls */

div.layout_controls {
float:none !important;
clear:both !important;
background-color:#1c2529;
border-top:3px solid #1c2529;
border-bottom:3px solid #1c2529;
margin-top:0;
/*margin-left:70px;*/
top: 2.5em;
margin-right:-10px;
padding:.75em 0 .75em 0 !important;
position:relative;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
width:310px;
}
div.layout_controls .label {
padding-left:0;
display:inline;
text-align:left;
background-color:#1c2529;
}
div.layout_controls img {
vertical-align:bottom;
}
div.layout_controls a {
margin-top:3px;
padding:.75em .5em .5em .5em;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
div.layout_controls a.active {
background-color:#506773;
}
div.layout_controls a.active:hover {
background-color:#506773 !important;
}


/* images */

.image3 {
background-color:#333;
width:210px;
height:150px;
clip:rect(0, 210px, 170px, 0);
}
.image4 {
background-color:#333;
width:290px;
height:200px;
clip:rect(0, 290px, 200px, 0);
}
.image8 {
background-color:#333;
width:610px;
height:400px;
clip:rect(0, 610px, 400px, 0);
margin-bottom:2em;
}

.imageviewer,
.imageviewer5,
.imageviewer6 {
border:10px solid #000;
/*margin:0 -10px;*/
background-color:#000;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.imageviewer6 {
margin:0 -10px 2em;
}

body.home .imageviewer6 span.wrapper {
clip:rect(0, 610px, 290px, 0);
overflow:hidden;
height:290px;
display:block;
/*	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;*/
}

.imageviewer,
.bigimage img,
.imageviewer img {
/*width:590px;*/
}
.imageviewer5,
.imageviewer5 img,
.bigimage5 img {
width:430px;
}
.imageviewer span.wrap {
clip:rect(0, 590px, 360px, 0);
overflow:hidden;
height:360px;
display:block;
}
.imageviewer5 span.wrap {
clip:rect(0, 510px, 312px, 0);
overflow:hidden;
height:312px;
display:block;
}