@font-face 
{
    
font-family: 'homoarak';
    
src: url('fonts/homoarak.eot');
    
src: url('fonts/homoarak.eot?#iefix') format('embedded-opentype'),

         url('fonts/homoarak.woff') format('woff'),
         
url('fonts/homoarak.ttf') format('truetype'),
         
url('fonts/homoarak.svg#homoarak') format('svg');
    
font-weight: normal;
    font-style: normal;
	color: #107c10;

}

@font-face
{
    
font-family: 'comic';
    
src: url('fonts/comic.eot');
    
src: url('fonts/comic.eot?#iefix') format('embedded-opentype'),

         url('fonts/comic.woff') format('woff'),
         
url('fonts/comic.ttf') format('truetype'),
         
url('fonts/comic.svg#comic') format('svg');
    
	font-weight: normal;
    font-style: normal;
	color: #107c10;
}

body {  
	background-color: #000000;
	font-family: comic;
	font-size: 16px;
	color: #ffffff;
	text-align: left;
	margin: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: auto;
	right: auto;
	font-weight: bold;
}

.image{
  position: relative;
 }
.image a{
  display: block;      
  position: absolute;
}

img.center {
display: block;
margin-left: auto;
    margin-right: auto; 
}
a:link {
color: #636468;
text-decoration: none;
}
a:visited {
color: #107c10;
text-decoration: none;
}
a:hover {
color: #636468;
text-decoration: underline;
}
a:active {
color: #107c10;
text-decoration: underline;
}

/* MENÜ */

#sse1
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    background-color: #222;
    height: 38px;
    padding: 15px;
    border-radius: 3px;
    box-sizing: content-box;
}
#sses1
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses1 ul 
{ 
	font-family:homoarakh;
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
    border-bottom:solid 1px #406a40;
}
#sses1 li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses1 li.highlight
{
    background-color:#107c10;
    top:36px;
    height:2px;
    border-bottom:solid 1px #107c10;
    z-index: 1;
    position: absolute;
    overflow:hidden;
}
#sses1 li a
{
    box-sizing: content-box;
    height:30px;
    padding-top: 8px;
    margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #fff;
    font: normal 12px arial;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}
#sess1 div.drop div
{
    background:none;    
}  
#sses1 div.column
{
    width:auto;
    float:left; /*align each column in one row*/
    padding:0 10px; /*padding of each column*/
}

#sses1 div.column div
{
   padding:0px 10px; /*sub-div within div.column. 10px for indent.*/
}
#sess1 div.drop a
{
    line-height:20px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold; 
    color:#107c10;
    text-decoration:none;    
    display:block;
    text-align:left;    
    position:static;
    background:none;
    background-image:none;
    padding:0 0;
}

#sses1 div.drop a:hover
{
    text-decoration:underline;
    color:#00aa00;
}

/* blocks within the sub-menu
----------------------------*/
#sses1 div.drop
{
    left:0px;/*Use this property to change offset of the sub-menu*/
}
#sses1 div.dropToLeft
{
    left:auto; right:0px;
}
#sses1 div.dropToLeft2
{
    left:auto; right:-120px;
}
  
/* links in sub menu
----------------------------*/
#sses1 li.over a
{
    background-color:#636468;
    color:#107c10;
}

/* links with sub-menu */
#sses1 a.arrow
{
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#sses1 li.over a.arrow
{
    background-color:#000000;
    color:#636468;
    border-left:1px solid #107c10;
    border-right:1px solid #107c10;
    /*text-decoration:underline;*/
} 

/* arrow icon style */
#sses1 li i.icon
{  
    border:4px solid transparent;/*adjust arrow size*/
    border-top-color:#107c10;/*arrow color*/
    margin-left:12px;/*position*/
    display:inline-block;
}
/* arrow hovered */
#sses1 li.over i.icon
{  
    border-top-color:#636468;
}

#sses1 li > div 
{
    padding:0;
    margin:0;
    display:none;
}             
        
/* sub-menu layout
----------------------------*/

#sses1 div.drop
{
    position:absolute;
    text-align:left;
    border:1px solid #107c10;
    background:#000000;
    padding:20px;
    color:#107c10;
    line-height:30px;
    font-size:13px;
    font-family:Arial;
    font-weight:bold; 
    border-radius:0 0 6px 6px;
    
}

#sess1 li.topmenu {
  float:left;
}
.topmenu a {
  float:left;
  width:110px;
  text-align:center;
}

.topmenu ul{
  display:none;
}

.topmenu a, .submenu a{
  padding:1px 5px;
  border:1px solid #C37000;
  border-collapse:collapse;
  color:#C37000;
  font-weight:bold;
  text-decoration:none;
  background-color:#7F4800;
  margin:0;  
}

.submenu a{
  font-size:12px;
  width:110px;
  position:relative;
  clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}

/* sub-menu offset
----------------------------*/
div.menuBar,div.menu a.menuItem {
  font-family: Veranda,sans-serif;
  font-size:12pt;
  font-weight:normal;
  white-space: nowrap;
  color: #000000;
}

div.menuBar a.menuButton,
div.menu {
  font-family: Veranda,sans-serif;
  font-size:12pt;
  font-weight:bold;
  white-space: nowrap;
  color: #000000;
}

div.menuBar a.menuButton {
  width: 40px;
  height: 45px;
  cursor: default;
  left: 0px;
  margin: 0px;
  padding: 14px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
}
 
div.menu {
  font-family: Veranda,sans-serif;
  font-size:12pt;
  left: 0px;
  padding: 0px 1px 1px 0px;
  margin: -2px 0px 0px 0px;
  position: absolute;
  top: 50px;
  visibility: hidden;
  z-index: 101;
}
 
div.menu a.menuItem {
  color: #CCCCCC;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}
 
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  color: #FFFFFF;
}
 
div.menu a.menuItem span.menuItemText {}
 
div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}