@import url(reset.css);

/* GENERAL STRUCTURE AND SETUP */
/*body {background:#fff; font-size:62.5%; font-family:arial,helvetica, sans-serif;}*/
body {background:#fff; font-size:62.5%; font-family:arial, helvetica, sans-serif;}

#container {width:800px; margin:0 auto; background-color:#ccc2b9; padding-bottom:2em;}

#header {height:100px; background:url(img/headerbg.png) left top no-repeat; background-color:#91268e;}

#header #logo {position:relative; left:266px; background-color:#fff; width:20.5em; height:100px;}
#header #logo img {margin:10px 0 0 10px;}
#header #logo #baseline {margin:2px 0 0 50px; font-size:1.1em; color:#91268e;}

#header #fontsizeSwitcher {float:right; margin-right:10px;}
#header #fontsizeSwitcher a {text-decoration:none; color:#fff;}
#header #fontsizeSwitcher a:hover {text-decoration:underline;}
#header #fontsizeSwitcher .fontsize100 {font-size: 10px; font-weight: 700;}
#header #fontsizeSwitcher .fontsize120 {font-size: 12px; font-weight: normal;}
#header #fontsizeSwitcher .fontsize140 {font-size: 14px; font-weight: normal;}


#functionalNav {background-color:#fff; background:url(img/functionalnavbg.png) left top no-repeat; min-height:5.2em;}
#functionalNav ul {margin-left:266px; border-top:1px solid #fff;}
#functionalNav ul li {display:block;float:left; margin-right:0px; color:white; background:url(img/tab_left.png) left bottom no-repeat;}
#functionalNav ul li a {display:block; margin-left:12px; padding-right:12px; padding-top:1px; background:#b468b2 url(img/tab_right.png) right bottom no-repeat; height:2.3em; width:7em; text-align:center; color:#fff; font-weight:300; text-decoration:none; font-size:1.2em;}

#functionalNav ul li.active {background-image:url(img/tab_left_active.png);}
#functionalNav ul li.active a {background-image:url(img/tab_right_active.png); height:2.2em; background-color:#5c2463; padding-top:24px;}

#content {background-image:url(img/contentbg.png); background-position:top left; background-repeat:repeat-y;background-color:transparent; clear:both;}

#contentNav {float:left; width:216px; background-color:transparent; word-wrap: break-word;}
#contentNav ul {background-color:#DAD0C7; border:1px solid #fff; margin-left:26px; border-right:none;}
#contentNav ul li {}
#contentNav ul li a {padding-left:10px; color:#370331;}
#contentNav ul li ul {background-color:#E8E2DC; margin-left:0; border-left:none;}
#contentNav ul li.last ul {border-bottom:none;}
#contentNav ul li ul li a {padding-left:37px; color:#5C2463; background-image:url(img/contentnavl2bg.png); background-repeat:no-repeat; background-position: 20px 6px;}
#contentNav ul li ul li ul {background-color:#F5F4F1; margin-left:0; border-left:none;}
#contentNav ul li ul li.last ul {border-bottom:none;}
#contentNav ul li ul li ul li {background-color:transparent;}
#contentNav ul li ul li ul li a {padding-left:52px; color:#91268e; background-image:url(img/contentnavl3bg.png); background-repeat:no-repeat; background-position: 37px 10px;}

#contentNav a {font-size:1.2em; text-decoration:none; display:block; font-weight:300; padding-right:10px; padding-top:3px; padding-bottom:3px;}
#contentNav a:hover, #contentNav a:active {text-decoration:underline;}
#contentNav ul li.active a, #contentNav ul li.active ul li.active a, #contentNav ul li.active ul li.active ul li.active a {font-weight:700;}
#contentNav ul li.active ul li a, #contentNav ul li.active ul li.active ul li a {font-weight:300;}

#contentNav #inthePicture {background-color:#DAD0C7; padding:10px; margin:13px 0 0 26px; border:1px solid #fff; border-right:none;}
#contentNav #inthePicture a {display:inline;}
#contentNav #inthePicture img {}

#contentNav #search {background-color:#DAD0C7; padding:10px; margin:13px 0 0 26px; border:1px solid #fff; border-right:none;}
#contentNav #search form {margin:0;}
#contentNav #search form label {position:absolute; left:-9999px;}
#contentNav #search form #ajaxSearch_input{float:left; width:95px;}
#contentNav #search form #ajaxSearch_submit {float:right;}

.ajaxSearch_paging {display: block; padding: 5px; border: solid 1px #ccc2b9; margin-top: 1em;}
ajaxSearch_highlight {background-color: transparent;}
#ajaxSearch_resultListContainer .ajaxSearch_result {margin-top: 1em;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_resultLink {display: block;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_resultDescription {display: none; position: absolute; margin-left: -10000px;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_extract {display: block;}

#contentBody .ajaxSearch_highlight {font-weight: 700; background-color: yellow;}

#contentBody {float:left; width:483px; background-color:transparent; margin:0px 20px 0px 20px; padding-top:5px; font-size:1.2em;}

#breadCrumbs {font-size:91.67%;}
#breadCrumbs #B_crumbTitle {position:absolute; left:-9999px;}
#breadCrumbs .B_crumbBox {}
#breadCrumbs ul.B_crumbBox li {display:inline; margin-left:0; list-style-type:none; background-image:none; padding-left:0;}
#breadCrumbs ul.B_crumbBox li a {text-decoration:none;}
#breadCrumbs ul.B_crumbBox li a:hover {text-decoration:underline;}

#contentBody p {margin:0 0 1em 0;}
#contentBody img {padding:1px; border:1px solid #ccc2b9; margin:1em 0 1em 0;}

#contentBody ul {padding:0 0 10px 0;}
#contentBody ul li {padding-left:20px; background: url(img/bulletl1.jpg) 5px 6px no-repeat;}
/*#contentBody ul li {list-style-type:disc; margin-left:20px;}*/
#contentBody ul li ul {padding:0; }
#contentBody ul li ul li {list-style-type:circle; background:none; margin-left:20px; padding-left:0;}

#contentBody .moreLink {font-weight:700;}
#contentBody .newsSummary  {font-weight:700;}
#newsHome  {margin:30px 0 0 0;}

#inthePictureContent {clear:both; margin-top:30px;} 
#inthePictureContent .item {padding:1px 1px 7px 1px; border:1px solid #ccc2b9; margin:5px 10px 0 0; width:146px; float:left; min-height:150px; text-align:center;} 
#inthePictureContent .item img {margin:0; padding:0; border:none; border-top:1px solid #ccc2b9; border-bottom:1px solid #ccc2b9;} 
#inthePictureContent .item h2 {color:#91268E;margin:5px; padding:0px;} 
#inthePictureContent .item p {margin:2px 0 0 0; padding:0px;}

#footer {font-size:1.1em;padding-left:150px;text-align:center; height:105px; background:transparent url(img/footerbg.png) left bottom no-repeat;color:#fff;font-weight:700;}
#footer p {padding-top:50px;}
#footer a {color:#fff;}

h1 {font-size:1.5em; font-weight:700; margin:0 0 10px 0; padding-top:0px; clear:both;}
h2 {font-size:1.2em; font-weight:700; margin:0 0 10px 0; padding-top:5px; clear:both;}
h3 {font-size:1.0em; font-weight:700; margin:0 0 10px 0; padding-top:5px; clear:both;}
li h3 {padding-top:0;}

strong {font-weight: 700;}
em {font-style:italic;}

/* FORM */
#content form {margin-top:2em; margin-bottom:1em;}
#content form .formRow {clear:both; margin-top:0.5em; margin-bottom:0.5em;}
#content form .formRow .formLabel {display:block; float:left; width:12em; text-align:right; margin-right:1em;}
#content form .formRow .formLabel label {}
#content form .formRow .formField {display:block; float:left;}
#content form .buttonRow {clear:both; margin-top:0.5em; padding-left:13em;}

div.wlpeMessage {color:red; font-weight:700;}

/* ANYSURFER */
#as-gfx img {
   margin:0 20px 0 0;
   padding:0 0 0 10px;
   float:right;
   width: 50px;
   height: 40px;
   border: none;
}

#as-txt {
  position: absolute;
  left: 0;
  top: -10000px;
  overflow: hidden;
}

/* CLEARFIX */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.hidden {position:absolute; left:-9999px;}