body {
   margin:  0;
   padding: 0;
}

body li.template-blue,  body,                body                * { background-color: #3c3b97; }
body li.template-green, body.template-green, body.template-green * { background-color: #00ab4e; }
body li.template-red,   body.template-red,   body.template-red   * { background-color: #e92f2e; }
body li.template-ochre, body.template-ochre, body.template-ochre * { background-color: #cb9d35; }

#olefa-inav2 * { background-color: #FBFBFB; }

div.template-page {
   width:      985px;
   margin:     40px auto;
   background: white;
   position:   relative;
}

div.template-header {
   display:          block;
   width:            985px;
   height:           72px;
   border:           none;
   text-decoration:  none;
   background-image: url(/resources/images/_theme_0/title.png);
   position:         relative;
}

a.template-logo {
   display:    block;
   height:     72px;
   width:      207px;
   border:     none;
   background: transparent;
   float:      left;
}

div.template-header ul {
   margin:     0;
   padding:    0;
   list-style: none;
}

div.template-header li {
   float:       right;
   border-left: 2px solid white;
   margin:      0;
   padding:     0;
}

div.template-header li.template-first { border: none; }

div.template-header li a {
   display:         block;
   padding:         0 2em;
   margin:          0;
   color:           white;
   font-weight:     bold;
   text-decoration: none;
}

div.template-header li a:hover {
   text-decoration: underline;
}

div.template-lang {
   position:   absolute;
   right:      55px;
   bottom:     0px;
   width:      84px;
   height:     22px;
   background: transparent;
}

div.template-lang img {
   width:         32px;
   height:        22px;
   border:        none;
   padding-right: 10px;
}

div.template-lang * {
   background: transparent;
}

div.template-left {
   position:            absolute;
   left:                0;
   top:                 72px;
   width:               207px;
   padding:             0 0 386px;
   margin:              0;
   background-image:    url(/resources/images/_theme_0/books.png);
   background-position: bottom left;
   background-repeat:   no-repeat;
   z-index:             1;
}

div.template-left a {
   display:          block;
   width:            207px;
   height:           57px;
   border:           none;
   background-image: url(/resources/images/_theme_0/msm.png);
}

div.template-left-info {
   position:         absolute;
   left:             10px;
   top:              550px;
   width:            200px;
   z-index:          1;
   padding:			 10px;
   border-style:     solid; 
   border-width:     1px; 
   border-color:     #003366; 
   padding:          5px;
   background-color: #FFFFCC;
   color:            #003366
}

div.template-left-info {
   position:         absolute;
   left:             35px;
   top:              550px;
   width:            150px;
   z-index:          1;
   padding:			 10px;
   border-style:     solid; 
   border-width:     1px; 
   padding:          5px;
   color:            #D7550E;
   border-color:     #D7550E;
   background-color: white;
}

div.template-left-info * {
   background-color: white;
}

div.template-map {
   position:         absolute;
   left:             0;
   bottom:           0;
   width:            106px;
   height:           127px;
   background-image: url(/resources/images/_theme_0/map.png);
   z-index:          2;
}

div.template-content {
   background: white;
}

div.template-content {
   padding:    15px 20px 50px 227px;
   min-height: 820px;
   position:   relative;
}

div.template-content * { background: transparent; }
div.template-content input[type=submit] { background: #EEEEEE; }

div.template-content div.template-pagebottom {
   position:   absolute;
   bottom:     0;
   left:       0;
   width:      100%;
   padding:    15px 0;
   text-align: center;
}

ul.template-colors {
   position:   absolute;
   left:       0;
   bottom:     -22px;
   margin:     10px 0 0;
   padding:    0;
   list-style: none;
}

ul.template-colors.template-hidden {
   display: none;
}

ul.template-colors li {
   margin:    0 10px 0 0;
   padding:   0;
   border:    1px solid #CCC;
   float:     left;
   width:     10px;
   height:    10px;
   font-size: 1px;
}

