body{background-color: #e4e7e1; color: black;}

.small {font-family:verdana,Arial Cyr,Arial,Helvetica,sans-serif; font-size:8pt; color: #e4e7e1}
.small a:link, .small a:visited { /*color:#FFE9A1*/ color:#0B055B}

H1, .h1 {font-family:times,serif; font-size:19pt; color: #404355; font-weight: bold}
H2, .h2 {font-family:times,serif; font-size:14pt; color: #404355; font-weight: bold}
H3, .h3 {font-family:times,serif; font-size:11pt; color: #404355; font-weight: bold}

font, li, p, td {font-family:verdana,Arial Cyr,Arial,Helvetica,sans-serif; font-size:10pt;}


a {text-decoration: underline;color:#0B055B}
a:hover {color:#06007A; text-decoration: none}


HR {color : #B2BAB7;}


.sitebars {background-color: #504993; color: #e4e7e1}

.contextMenuSeparator {background-color: #A0A8A1;}
.contextMenuCurrentItem .container span.top  { display:block; width:191px; height:5px; background:url("../../images/leftmenu_item_top_selected_bg.jpg") top left no-repeat }
.contextMenuCurrentItem .container span.bottom { display:block; width:191px; height:6px; background:url("../../images/leftmenu_item_bottom_selected_bg.jpg") top left no-repeat }
.contextMenuCurrentItem .container span.body { padding-left:7px; display:block; width:184px; background:url("../../images/leftmenu_item_selected_bg.jpg") top left repeat-y; padding-bottom:2px; color:#fff; font-size:14px; text-align:left  }
.contextMenuItem a:link, .contextMenuItem a:visited,  .contextMenuCurrentItem .container {font-size:14px; color:#ffe9a1; font-family: "Times New Roman", verdana,Arial Cyr,Arial,Helvetica,sans-serif; display:block; padding: 0px; margin:0px 9px 5px 0px}
.contextMenuItem a:link, .contextMenuItem a:visited { cursor:pointer }
.contextMenuItem a span.top { display:block; width:191px; height:5px; background:url("../../images/leftmenu_item_top_bg.jpg") top left no-repeat }
.contextMenuItem a:hover span.top { background:url("../../images/leftmenu_item_top_hover_bg.jpg") top left no-repeat }
.contextMenuItem a span.bottom { display:block; width:191px; height:6px; background:url("../../images/leftmenu_item_bottom_bg.jpg") top left no-repeat }
.contextMenuItem a:hover span.bottom { background:url("../../images/leftmenu_item_bottom_hover_bg.jpg") top left no-repeat }
.contextMenuItem a span.body { padding-left:7px; display:block; width:184px; background:url("../../images/leftmenu_item_bg.jpg") top left repeat-y; padding-bottom:2px  }
.contextMenuItem a:hover span.body { background:url("../../images/leftmenu_item_hover_bg.jpg") top left repeat-y; }
.contextMenuItem { text-align:left }
.puzzle .contextMenuItem a span, .puzzle .contextMenuCurrentItem .container span { display:none }
.puzzle .contextMenuItem a:link, .puzzle .contextMenuItem a:visited, .puzzle .contextMenuCurrentItem .container { display:block; position:absolute; width:140px; height:77px; background:url("../../images/puzzle.png") top left no-repeat; top:0px; left:49px }
.puzzle .contextMenuItem a:hover, .contextMenuCurrentItem .container { background-position:left bottom }

.mainmenu {border: 0px;}
.mainmenu a:link, .mainmenu a:visited { color: #ffe65a; text-decoration:none; font-family:verdana,Arial Cyr,Arial,Helvetica,sans-serif; font-size:14px; padding-left:23px; white-space: nowrap }
.mainmenuCurrentItem a:link, .mainmenuCurrentItem a:visited, .mainmenuItem a:hover { color:#fff; background:url("../../images/marker.png") center left no-repeat }

h1.logo span { display:none }
h1.logo { display:block; width:321px; height:62px; background: url("../../images/wroubel_logo.jpg") top left no-repeat; padding:0px; margin:0px }
ul.header-menu { display:block; position:relative; width:363px; height:108px; list-style:none; padding:0px; margin:0px; }
ul.header-menu li { display:block; position:absolute; top:-6px }
ul.header-menu li a:link, ul.header-menu li a:visited { display:block }
ul.header-menu li a span { display:none }

ul.header-menu li.life { left:0px }
ul.header-menu li.life a:link, ul.header-menu li.life a:visited { width:91px; height:116px; background: url("../../images/life_bg.png") left top no-repeat; }
ul.header-menu li.life a:hover { background-position:bottom left }

ul.header-menu li.works { left:92px; }
ul.header-menu li.works a:link, ul.header-menu li.works a:visited { width:98px; height:116px; background: url("../../images/works_bg.png") left top no-repeat;}
ul.header-menu li.works a:hover { background-position:bottom left }

ul.header-menu li.places { left:190px; }
ul.header-menu li.places a:link, ul.header-menu li.places a:visited { width:85px; height:116px; background: url("../../images/places_bg.png") left top no-repeat;}
ul.header-menu li.places a:hover { background-position:bottom left }

ul.header-menu li.media { left:275px; }
ul.header-menu li.media a:link, ul.header-menu li.media a:visited { width:85px; height:116px; background: url("../../images/media_bg.png") left top no-repeat;}
ul.header-menu li.media a:hover { background-position:bottom left }

.left-top-bg { position:absolute; width:35px; height:52px; background:url("../../images/content_top_left_bg.jpg") top left no-repeat; left:200px }
.right-top-bg { position:absolute; width:273px; height:110px; background:url("../../images/right_top_bg.jpg") top left no-repeat; right:0px }





/* CMS dictionary */

span.cms_dict_tooltip {
  display: inline;
  position: relative;
border-bottom:1px dotted #666666;
  cursor: help;
}
 
span.cms_dict_tooltip span.cms_dict_tip {
  display: none;
}

 
span.cms_dict_tooltip:hover span.cms_dict_tip{
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: auto;
  padding: 7px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 10px arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
  width: 250px;
}

 
a.cms_dict_link{
  font: normal 10px arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}




/* Site tour */

#siteTourPanel
{
display: block;
position:absolute;
opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
top:0px; 

}


#siteTourPanel:hover
{
opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}




/* Path menu */

#cmsPathMenu
{
display: block;
position:fixed;
opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
top:0px; left: 130px;
padding: 0px 8px 4px 8px; 
background-color: #F5F7F2; 
font-size: 12px;
color: black;
}

#cmsPathMenu a:link, #cmsPathMenu a:visited, #cmsPathMenu span { color:#000 }

#cmsPathMenu:hover
{
opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}




/* Site map and links */

#siteMapDiv
{
display: none; 
position: absolute; top: 10px; left: 400px;
width: 500px; height: 400px;
background-color: #41568C;
padding: 15px;
border: 1px solid black;
z-index: 1000;
text-align: center;
vertical-align: middle;
}



#innerSiteMapDiv
{
text-align: left;
display: block; 
height: 380px;
background-color: #DBDDD9;
overflow:auto;
padding: 10px;
overflow:auto;
font-size: 12px;
}



#searchBox
{
padding: 1px;
display: none; 
position: absolute; top: 10px; left: 400px;
width: 300px; height: 25px;
text-align:center;
vertical-align:middle;
background-color: #41568C;
padding: 10px;
border: 1px solid black;
z-index: 1000;
}