#header { 
    height:505px;
    background: transparent url('/assets/images/bg_header.png') repeat-x 0px 40px;
}
#header .header, 
#content .content, 
#footer .footer { 
    position: relative;
    font-size:0.826em;
    width:1020px; 
    margin:0 auto;
}
#headerMainLogo{
    position: absolute; 
    top: -180px; 
    left: 710px;
}


#languageBar_1{
    float: right;
}
.languageBar{
    margin: 0.2em 0.5em;
}

#pageBackground, .pageBackground{
    background-color: transparent;
    position: absolute;
    top: 0px; left: 0px;
    z-index: 20;
    opacity:0.2; filter:alpha(opacity=20);    
}

.pageContent{
    position: relative;
    z-index: 101;
}


.col-1, 
.col-2, 
.col-3 { 
    float:left;
}

#xcontent{
    /*
    position: absolute;
    z-index: 100;
    */
}
#content .mainContent{
    background: transparent url(/assets/images/FMS_logo2_faded.png) no-repeat 120% 100%;
    font-size: 1.2em;
}


/*menu************/
#mainMenu{
    position: relative;
    top: -16px;
    left: 40px;
    font-size: 1.36em;
    line-height: 120%;
    
    z-index: 900;    
}
ul.menu a{
    text-decoration: none;
    color: #C80000;
}
ul.menu a:hover{
    color: #019FFF;
}
ul.menu{
    clear:both;
}
ul.menu li{
    background: #efefef url(/assets/images/gradient_menu.png) repeat-x left top;
    /*border-bottom: 2px solid #E20000;*/
    /*border-right: 2px solid #E20000;*/
    padding: 0.2em 0.4em;
    border: 1px solid transparent;
    border: 1px ridge #c80000;
    border-bottom: 2px ridge #c80000;
    border-right: 1px ridge #c80000;
    border-radius: 1em 0px;
    -moz-border-radius: 1em 0px;
    -webkit-border-radius: 1em 0px;
}

ul.menu > li{
    float: left;
    padding-right: 1em;
    margin-right: 20px;
    color: blue;
}
ul.notMenu li{
    float: none;
}
ul.menu li:hover, ul.notMenu li:hover{
    color: #019FFF;
    border: 1px solid #019FFF;
}
li.menuItem{
    position: relative;
    width: auto;
}
li.menuItem ul{
    float: left;
    display: none;
    position: absolute;
    top: 25px;
    /*left: 180px;*/
    left: 0.5em;
}
li.menuItem ul li{
    width: 10em;
}
li.menuItem:hover ul{
    border-top: 2px solid #a2efa2;
    display: block;
}

/*======= formating =========== */
.floatImg{
    float:left; 
    margin-right:1em;
}

/*======= index.html =======*/
#page1 #content .row-1 .col-1 { width:286px; margin-right:36px;}
#page1 #content .row-1 .col-2 { width:286px; margin-right:36px;}
#page1 #content .row-1 .col-3 { width:286px;}
#page1 #content .row-2 .col-1 { width:608px; margin-right:36px;}
#page1 #content .row-2 .col-1 .col-1 { width:274px; margin-right:34px;}
#page1 #content .row-2 .col-1 .col-2 { width:274px;}
#page1 #content .row-2 .col-2 { width:286px;}

/*======= index-1.html =======*/
#page2 #content .col-1 { width:608px; margin-right:36px;}
#page2 #content .col-2 { width:286px;}

/*======= index-2.html =======*/
#page3 #content .row-1 .col-1 { width:274px; margin-right:46px;}
#page3 #content .row-1 .col-2 { width:274px; margin-right:46px;}
#page3 #content .row-1 .col-3 { width:274px;}
#page3 #content .row-2 .col-1 { width:286px; margin-right:36px;}
#page3 #content .row-2 .col-2 { width:286px; margin-right:36px;}
#page3 #content .row-2 .col-3 { width:286px;}

/*======= index-3.html =======*/
#page4 #content .col-1 { width:608px; margin-right:36px;}
#page4 #content .col-1 .col-1 { width:248px; margin-right:74px;}
#page4 #content .col-1 .col-2 { width:248px;}
#page4 #content .col-2 { width:286px;}

/*======= index-4.html =======*/
#page5 #content .row-1 .col-1 { width:286px; margin-right:36px;}
#page5 #content .row-1 .col-2 { width:286px; margin-right:36px;}
#page5 #content .row-1 .col-3 { width:286px;}
#page5 #content .row-2 .col-1 { width:608px; margin-right:36px;}
#page5 #content .row-2 .col-2 { width:286px;}

/*======= index-5.html =======*/
#page6 #content .col-1 { width:608px; margin-right:36px;}
#page6 #content .col-2 { width:286px;}

/*======= index-6.html =======*/
#page7 #content .row-1 .col-1 { width:286px; margin-right:36px;}
#page7 #content .row-1 .col-2 { width:286px; margin-right:36px;}
#page7 #content .row-1 .col-3 { width:286px;}
#page7 #content .row-2 .col-1 { width:608px; margin-right:36px;}
#page7 #content .row-2 .col-2 { width:286px;}


/*=========================*/


#footer { 
    height:38px;
    text-align: center;
}




/*=ADMIN=======(PUT IN SEPARATE FILE)====*/
#actionPanel{
   position: fixed;
   z-index: 9999;
   height: 0px;
   left: 0px;
   top: 0px;
   width: 100%;
   text-align: center;
   vertical-align: middle;
}
#actionPanel .btn{
   border: 2px outset yellow;
   background-color: #FFE9B7;
   cursor: pointer;
   padding: 0.2em;
   margin: 0.2em;
}
#editorPanel{
   text-align: center;
   width: 600px;
   margin: 4px auto;
}