/* general stuff */
* {
   margin: 0px;
   padding: 0px;
}
img {
   display: block;
   border: none;
}
body, td, th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #3E3E32;
   background: #00A4A7;
}
h1 {
   font-size: 16px;
   font-weight: bold;
}
h2 {
   font-size: 14px;
   font-weight: bold;
}
h3 {
   font-size: 12px;
   font-weight: bold;
}
h4 {
   font-size: 12px;  
}
h5 {
   font-size: 11px;
   font-weight: bold;  
}
h6 {
   font-weight: bold;
}
a {
   color: #00A4A7;
   font-weight: bold;
}
.breaker {
   clear: both;
}
/*
 * positioning
 */

/* holds all top stuff */
#top {
   width: 962px;
   height: 178px;
   margin: 0px auto;
   background: #FFF;
   z-index: 5;
   position: relative;
}
/* top menu and search */
#topper {
   margin-top: 10px;
   float: right;
   width: 200px;
}
/* search module */
div.search {
   margin: 10px 0px;
   border: 1px solid #00A4A7;
}
div.search input.inputbox {
   color: #BBBBB5;
   border: none;
   padding: 2px 0px 4px 15px;
}
div.search input.button {
   float: right;
   margin: 7px 15px 0px 0px;
}
/* main content */
#mainholder {
   width: 962px;
   min-height: 400px;
   margin: 0px auto;
   background: #FFF;
   z-index: 5;
   position: relative;
}
/* breadcrumbs */
#bread {
   width: 952px;
   height: 20px;
   margin: 0px auto;
   background: #FFF;
   z-index: 0;
   position: relative;
   font-size: 12px;
   font-family: Arial;
   padding: 10px 0px 0px 10px;
}
/* page title */
#title {
  width: 950px;
  height: 50px;
  font-family: Georgia;
  font-size: 34px;
  color: #FFF;
  padding: 15px 0px 0px 10px;
  background: #00A4A7;
}
/* left part of main content - holds de side menu */
#left {
   width: 230px;
   margin: 0px 10px;
   float: left;
}
/* rest of the main content - holds both the center and the right side stuff */
#rightholder {
   width: 710px;
   float: right;
}
/* the main central content */
#maincontent {
   width: 470px;
   float: left; 
}
/* right column */
right {
   width: 230px;
   margin-left: 10px;
   float: right;
}
#bottom {
   width: 962px;
   height: 184px;
   margin: 0px auto;
   background: #FFF;
   z-index: 5;
   position: fixed;
   bottom: 0px;
}

 /* top and bottom backgrounds */
#top_bg {
   background: #FFF;
   position: absolute;
   left: -10px;
   top: 0px;
   width: 5000px;
   height: 177px;
   border-bottom: 1px solid #999;
   z-index: 1;
}
#shading_top {
   background-image: url(/yoeke%20joomla/templates/yoeke/images/shading_top.png);
   background-repeat: repeat-x;
   position: absolute;
   left: -10px;
   top: 178px;
   width: 5000px;
   height: 40px;
   z-index: 1;
}
#bottom_bg {
   background: #FFF;
   position: fixed;
   left: -10px;
   bottom: 0px;
   width: 5000px;
   height: 90px;
   border-top: 1px solid #999;
   z-index: 1;
} 
#shading_bottom {
   background-image: url(/yoeke%20joomla/templates/yoeke/images/shading_bottom.png);
   background-repeat: repeat-x;
   background-position: bottom;
   position: fixed;
   left: -10px;
   bottom: 90px;
   width: 5000px;
   height: 10px;
   z-index: 1;
}

/* 
 * menu styling
 */
 
/* main menu */
#mainmenu {
   padding-top: 8px;
   width: 960px;
   height: 28px;
   border: 1px solid #CCC;
   background: #BBBBB5;
   z-index: 1;
   position: relative;
}
#mainmenu ul, 
#mainmenu ul li {
   list-style-type: none;
   display: inline;
}
#mainmenu ul li a {
   color: #FFF;
   font-family: Georgia;
   font-size: 16px;
   font-weight: normal;
   white-space: nowrap; 
   padding: 7px 55px 9px 15px;
   text-decoration: none;
   border-top: solid 1px #999;
   border-right: solid 2px #DCFF00;
   border-bottom: solid 1px #DCFF00;
   border-left: solid 2px #999;
   background: #BBBBB5;
}
#mainmenu a:hover, 
#mainmenu li#current a:hover {
   color: #3E3E32; 
   background: #DCFF00;
   border-top: solid 1px #DCFF00;
   border-right: solid 2px #DCFF00;
   border-bottom: solid 1px #DCFF00;
   border-left: solid 2px #DCFF00;
}
#mainmenu ul li#current a {
   color: #DCFF00;
   background: #3E3E32;
   border-right: solid 2px #DCFF00;
   border-bottom: solid 1px #DCFF00;
}
/* top menu */
#topper ul, 
#topper ul li {
   list-style-type: none;
   display: inline;
}
#topper ul li a {
   padding-right: 4px;
   text-decoration: none;
   color: #BBBBB5;
   font-family: Arial;
   font-size: 12px;
}