@import url("text.css");        /* text styles */

/***************************
LAYOUT DEFAULT STYLES
***************************/
*{margin:0px; padding:0px; text-decoration:none;}
body{ background:url(../images/body_bg.gif) repeat;text-align:left;margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
div{min-width:175px;} /* was auto */
img{  border:0px; }
fieldset{float:left; border:none; margin-bottom:0}
hr{ display:none;}

/***************************
LAYOUT POSITIONING
****************************/
#page-marginwrapper{margin:0px auto; width:986px; }
#page-wrapper{float:left; width:100%; margin:0px; padding:0px;}
.wrapper_home { width:100%; float:left;padding-top:0px;padding-left:0px}
.wrapper_home .article{float:left; width:100%;}
.wrapper_home a{ color:#fff; font-weight:bold; text-align:center; display:block;}
.wrapper_home ul{ float:left; width:auto;}
.wrapper_home ul a{ text-align:left; color:#009933; font-weight:normal;}

/***************************
TYPOGRAPHY - GLOBAL
****************************/
h1 { width:100%; float:left; font-size:23pt; font-weight:normal; text-align: left; padding:0; color:#e9d824; }  
h2 { width:100%; margin:0 0 0 0; float:left; font-size:14pt; font-weight:normal; padding:0; color:#e9d824; text-align:left; }
.home h2 { margin-left: 17px; }
	
.home #content-pane .article { margin-left: 17px; }
.contact .content-area { margin-top:0 !important;  }
.contact .right-pane { padding-top:10px;  }

h3 { width:100%; margin:20px 0 0 0; float:left; font-size:12pt; font-weight:bold; padding:0; color:#e9d824; text-align:left; }
h4 { width:100%; margin:00px 0 0 0; float:left; font-size:11px; font-weight:normal; padding:0; color:#e9d824; text-align:left; } 
p  { width:95%;  float:left; font-size:18px; font-weight:normal; padding:0; color:#fff; line-height:25px; text-align:left;   }
label  { width:95%; margin:12px 0 0 0; float:left; font-size:13px; font-weight:bold; padding:0; text-align:left;   }
blockquote { background:transparent url(../images/blockquote_img.gif) no-repeat top left; color:#626262; font-weight:normal; font-size:20px; font-style:normal; 	line-height:180%; margin:15px 0pt; padding:27px 0px 5px 0px; text-align:left; width:100%; }
.green-button {  font-size:11px;  height:33px;  padding:0 3px 3px 3px;  border:none; width:153px; margin:0 5px 0 0 ; float:left;  text-align:center;  color:#fff;  background:url(../images/green_button.png) no-repeat; cursor:pointer;  font-weight:bold; }
.gray-button {font-size:11px; height:26px; margin:10px; border:none; width:120px;float:right;  text-align:center; color:#fff;  background:url(../images/gray_button.gif) no-repeat; cursor:pointer; font-weight:normal; font-size:.5em}
li a {color:#009933;}

/****************************LAYOUT STYLES****************************/

/***************************
WOOD SECTION
****************************/
#wood-wrapper{width:100%;float:left;height:15px; background:url(../images/top-wood.gif) no-repeat left top;}



/***************************
HEADER SECTION
****************************/
#headerpane{float:left; width:100%; height:174px; background:url(../images/header_bg.jpg) no-repeat left top;}
.headerpane-logo-wrapper{width:100%;float:left;}
.headerpane-logo-wrapper div.left { width:27%; float:left;height:174px;  }
.headerpane-logo-wrapper div.left a, .headerpane-logo-wrapper div.left a:link { width:176px; height:189px; margin:5px 0 0 81px; position:relative; float:left; background:url(../images/oce-logo.png) no-repeat left top;}
.headerpane-logo-wrapper div.right { width:73%; float:left; height:174px; }
.headerpane-logo-wrapper div.right .wrapper_home{ height:112px;}
.headerpane-logo-wrapper div.right .wrapper_home ul li a{ width:100%; float:left; text-align:left; color:#009933; font-weight:normal;}
.headerpane-logo-wrapper div.right .wrapper_home h1{margin-top:30px; font-size:18px;}
.headerpane-logo-wrapper div.right a.name-logo, .headerpane-logo-wrapper div.right a.name-logo:link { width:100%; height:79px; float:left; text-align:center; color:#fff;  font-size:22px; }

/****************************
MENU SECTION
****************************/
.main-menupane { width:100%; height:33px; float:left; position:relative; z-index:501; text-align:left; }
	#nav ul
		{ margin:0; padding:1px 0; list-style:none; width:auto; float:right; height:27px; }
	#nav ul li
		{ margin:0; padding:0; display:block; float:left; position:relative; }
	#nav ul li a:link,
	#nav ul li a:visited
		{ display:block; text-align:center; text-decoration:none;   color:#f0ea25; font-size:18px; padding:3px 15px; height:27px;  }
	#nav ul li:hover a,
	#nav ul li a:hover,
	#nav ul li a:active
		{ display:block; text-align:center; text-decoration:none; color: #dd2e2a;  }
	#nav ul li.current_page a
		{ display:block; text-align:center; text-decoration:none; color: #dd2e2a;  }
	#nav ul li ul
		{ margin:0; padding:1px 1px 0; list-style:none; display:none;width:206px; position:absolute; top:30px; left:-1px;  }
	#nav ul li:hover ul
		{ display:block; }
	#nav ul li ul li
		{ width:206px; clear:left; }
	
	#nav ul li ul li a:link,
	#nav ul li ul li a:visited
		{ clear:left; background-image: url(../images/dd_bg.png); padding:10px 0 0 15px; color:#f0ea25; width:206px; border:none; text-align:left; font-size:12px; position:relative; z-index:502; }
	#nav ul li ul li:hover a,
	#nav ul li ul li a:active,
	#nav ul li ul li a:hover
		{ clear:left; width:206px; border:none; color: #dd2e2a;  position:relative; z-index:100;   padding:10px 0 0 15px;}
	
	
/*
.main-menupane { width:100%; height:33px; float:left; position:relative; z-index:501; text-align:left; }
    ul#navigation-1
        { margin:0; padding:1px 0; list-style:none; width:auto; float:right; height:27px; }
    ul#navigation-1 li
        { margin:0; padding:0; display:block; float:left; position:relative; }
    ul#navigation-1 li a:link,
    ul#navigation-1 li a:visited
        { display:block; text-align:center; text-decoration:none;   color:#f0ea25; font-size:18px; padding:3px 15px; height:27px;  }
    ul#navigation-1 li:hover a,
    ul#navigation-1 li a:hover,
    ul#navigation-1 li a:active
        { display:block; text-align:center; text-decoration:none; color: #dd2e2a;  }
    ul#navigation-1 li#current a
        { display:block; text-align:center; text-decoration:none; color: #dd2e2a;  }
    ul#navigation-1 li ul.navigation-2
        { margin:0; padding:1px 1px 0; list-style:none; display:none;width:146px; position:absolute; top:30px; left:-1px;  }
    ul#navigation-1 li:hover ul.navigation-2
        { display:block; }
    ul#navigation-1 li ul.navigation-2 li
        { width:146px; clear:left; }
    
    ul#navigation-1 li ul.navigation-2 li a:link,
    ul#navigation-1 li ul.navigation-2 li a:visited
        { clear:left; background-image: url(../images/dd_bg.png); padding:10px 0 0 15px; color:#f0ea25; width:146px; border:none; text-align:left; font-size:12px; position:relative; z-index:502; }
    ul#navigation-1 li ul.navigation-2 li:hover a,
    ul#navigation-1 li ul.navigation-2 li a:active,
    ul#navigation-1 li ul.navigation-2 li a:hover
        { clear:left; width:146px; border:none; color: #dd2e2a;  position:relative; z-index:100;   padding:10px 0 0 15px;}    
*/
	
/****************************
BANNER SECTION
****************************/
#banner-pane { width:100%; height:321px; float:left; background:url(../images/banner_bg.jpg) no-repeat;  }
#banner-pane-inner { width:905px; float:left; background:url(../images/banner-inner-bg.png) no-repeat; height:281px; margin:-12px 20px 0 20px; position:relative; padding:20px;}
	#banner-pane-inner .article {float:left;}
	#banner-pane-inner div.bleft{ width:357px; height:281px; float:left; background:url(../images/banner-left-img.png) no-repeat bottom left;}
	#banner-pane-inner div.bleft h1 { width:100%; margin:37px 0 0 0; float:left; font-size:20px; font-weight:normal; padding:0; text-align:center; color:#eadb24; }
	#banner-pane-inner div.bleft p  { width:90%; margin:12px 0 0 0; float:left; font-size:17px; font-weight:normal; padding: 0 5%; color:#fff; line-height:25px; text-align:left;   }
	#banner-pane-inner div.bleft div.button-wrapper{ width:75%; float:left; padding:10% 0 0 25%;}
	#banner-pane-inner div.bright{ width:548px; height:281px; float:left; }
	#banner-pane-inner div.bright p{margin:0px;}

/****************************
CONTENT SECTION
****************************/
#content-pane { width:926px; float:left; margin:24px 0 0 0; padding:0 30px;}
#content-inner-pane { width:729px; /*text-align:center;*/ float:left;}
#content-inner-pane .article{float:left;}
#content-inner-pane div.content-area { width:96%; margin:33px 0 0 0; padding:2%; float:left; background:url(../images/columnbg.png) repeat-x; }
	#content-inner-pane div.content-area ul{ float:left; width:auto;}
	#content-inner-pane div.content-area ul li a {text-align:left; float:left;}
	#content-inner-pane div.content-area ol{ list-style:none;}
	#content-inner-pane div.content-area li{ color:#f2f2f2; margin:0px 20px;}
	#content-inner-pane div.content-area li input, #content-inner-pane div.content-area li select,
	#content-inner-pane div.content-area li textarea { _float:left; clear:both;}
    #content-inner-pane div.content-area li label { _float:left; clear:both;}

	#content-inner-pane div.content-area li select{ width:150px; float:left;}
#content-pane div.left-pane{ width:330px; float:left;}
	#content-pane div.column1 { width:330px; float:left;height:auto; }
	#content-pane div.column1 .article{background:url(../images/columnbg.png) repeat-x; height:auto; }
	.home #content-pane div.column1 .article{background:none; height:auto; }
#content-pane div.middle-pane{width:374px; float:left; margin:0 0 0 25px; }
	#content-pane div.column2{ width:374px;  float:left; }
		#content-pane div.column2 .article{min-height:200px; background:url(../images/columnmidbg.png) repeat-x; padding:0 0 10px 0;} /* slavi min-h 100 */
		#content-pane div.column2 div input[type=button] {font-size:11px; height:26px; margin:10px; border:none; width:120px;float:right;  /*text-align:center; */ color:#fff;  background:url(../images/gray_button.gif) no-repeat; cursor:pointer; font-weight:normal; font-size:.5em}
		#content-pane div.column2  p  { width:90%; margin:12px 0 0 0; float:left; font-size:16px; font-weight:normal; padding: 0 5%; color:#fff; line-height:25px; text-align:left;   }
#content-pane div.right-pane{width:178px; background:url(../images/rightpane-bg.gif) no-repeat right top;  float:left; margin:0 0 0 18px; }
	#content-pane div.right-pane p  { width:90%; float:left; font-size:16px; font-weight:normal; padding: 0 5%; color:#eadb24; line-height:25px; /*text-align:center; */  }
	
	#content-pane div.right-pane div.buttons{ width:100%; float:left; margin-top:25px;}
	
	
/****************************
FOOTER SECTION
****************************/
#footerpane{ float:left ; padding:10px 0 0 0; width:100%;  min-height:286px; height:auto!important; height:286px;  background:#2f2e2e url(../images/footerbg.gif) left bottom repeat-x;  color:#fff; text-align:center;}
#footerpane .article{ float:left;}
#footerpane-inner {width:912px; float:left; margin:24px 0 0 0; padding:0 37px; background:url(../images/footer-inner.gif) no-repeat;}
#footerpane-inner div.fleft{ width:35%; float:left; padding:0% 2%;}
#footerpane-inner div.fleft ul { float:left;width:auto;}
#footerpane-inner div.fleft ul li a{color:#009933;font-size:16px;text-align:left;margin:0px}
	#footerpane-inner div.fleft h1 { width:100%; margin:37px 0 0 0; float:left; font-size:24px; font-weight:normal; padding:0; text-align:center; color:#eadb24; }
#footerpane-inner div.fright{ width:57%; float:left; padding:0% 2%;}
	#footerpane-inner a img{ width:auto;  margin:0 15px;}
	#footerpane ul{padding:0;text-align:center;}
	#footerpane ul li{list-style:none; color:#fff; padding:0;font-size:13px;line-height:20px; text-align:left;dispaly:block;}
	#footerpane ul li a, #footerpane ul li a:link{  color:#fff; margin:0px 10px; text-decoration:none;font-weight:normal;font-size:13px;}
	#footerpane ul li a:hover{color:#fff;text-decoration:underline;font-weight:normal;}
#footerpane div.footer-text-left{ width:50%; float:left; margin:60px 0 0 0; text-align:left;color:#959393; font-size:12px;}
#footerpane div.footer-text-right{ width:50%; float:left; margin:60px 0 0 0; text-align:right; color:#959393; font-size:11px;}
#wood-wrapper-footer{width:100%;float:left;height:20px; background:#2f2e2e url(../images/top-wood.gif) left bottom no-repeat;}






#top_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#top_menu ul li {
	position: relative;
	float: left;
	width:129px;
}
	
#top_menu li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	}
#top_menu li ul ul{
	position: absolute;
	left:100%; /* Set 1px less than menu width */
	top: -.1em;
	display: none;
	}

/* Styles for Menu Items */
#top_menu ul li a {
	display: block;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	height:33px;
	margin:0;
	padding:0;
	}
/* commented backslash mac hiding hack \*/ 
* html #top_menu ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
#top_menu li:hover a,#top_menu  li.over a,
#top_menu li:hover li:hover a,#top_menu  li.over li.over a,
#top_menu li:hover li:hover li:hover a, #top_menu li.over li.over li.over a,
#top_menu li:hover li a:hover, #top_menu li.over li a:hover,
#top_menu li:hover li:hover li:hover a:hover, #top_menu li.over li li a:hover,
#top_menu li:hover li:hover li:hover li:hover a:hover, #top_menu li.over li.over li.over li.over a:hover 
{
   color: #fff;
}

/* set dropdown to default */
#top_menu li:hover li a, #top_menu li.over li a,
#top_menu li:hover li:hover li a, #top_menu li.over li.over li a,
#top_menu li:hover li:hover li:hover li a, #top_menu li.over li.over li.over li a
{
	color: #0A1C37;
	background-color: #bed3ff;
}
#top_menu li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#top_menu ul li:hover ul ul, #top_menu ul li:hover ul ul ul, #top_menu ul li.over ul ul, #top_menu ul li.over ul ul ul {
display:none;
}

#top_menu ul li:hover ul,#top_menu ul li li:hover ul,#top_menu ul li li li:hover ul,#top_menu  ul li.over ul,#top_menu  ul li li.over ul,#top_menu ul li li li.over ul {
	display: block;
	z-index:1000;
}

#top_menu ul li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#top_menu ul li ul li a{
	height:30px;	
}

/****************************
ADMIN SECTION
****************************/
div.article2{position: static;} /* slavi upd. rm z-index:10.  makes links in an article not clickable */
.ws_header p{color:#333;}
.ws_manage_content{ min-height:620px;}
.ws_warning{min-height:200px;}
p.warning{color:#333;}



/* Slavi */
/* This is for the contact form. it should auto-expand if the space is not enough */
#comments { height: 100px; /*margin-left: -30px; */}

.sitemap .wrapper_sitemap {
    margin: 0; padding: 0 40px 0 40px;
    width: 541px; min-height: 20px;
    float: left;
    text-align: left;
    color:white;
}

.sitemap .wrapper_sitemap a {
    color:white;
}

.sitemap .wrapper_sitemap ul li {
    padding-left: 10px;    
    margin-left: 20px;    
}

div.article2 div.ws_article_nav2 {
    min-height:20px;
}
        
/* Within tinymce admin can set colours so this css below helps a lot */
/*.article a {color : inherit;}        */

    <!-- head file contains css as well related to slideshow to avoid seeing blocks of images -->
         .slideshow {
            display:block;
            /*height:292px;*/
            height:240px;
            margin-bottom:20px;
            /*margin-top:20px;*/
            position:relative;
            width:450px;
         }
         
         .slideshow_wide {
            display:block;
            /*height:292px;*/
            max-height:240px;            
            margin-bottom:20px;
            /*margin-top:20px;*/
            position:relative;  
            padding-bottom : 150px;
         }

         .home .slideshow {
            margin-left:17px;
         }