/*------------------------------------------------------------------
BASE - TABLE OF CONTENTS
.................
1. GENERAL
   1.1 RESETS AND DEFAULTS
   1.2 LINKS
   1.3 HEADERS
   1.4 IMAGES
2. LAYOUT
   2.1 SKELETON LAYOUT
   2.2 CONTENT AREA LAYOUT
3. HEADER
4. NAVIGATION
5. FOOTER
6. CLEARFIX
------------------------------------------------------------------*/


/*------------------------------------------------------------------
1. GENERAL
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.1 RESETS AND DEFAULTS
------------------------------------------------------------------*/
/**
{
 margin             : 0;
 padding            : 0;
}*/

body
{
 background         : #fff;
 color              : #6a6a6a;
 font-family        : 'Trebuchet MS', Verdana, arial, sans-serif;
 /*font-size          : 62.5%;*/
 line-height        : 1.4;
 text-align         : center;
}

/*
p,
ul,
ol,
dl,
img
{
 margin-bottom      : 1em;
}
*/

li
{
/* list-style-type    : none; */
}

.replaced
{
 display            : block;
 overflow           : hidden;
 text-indent        : -5000px;
}

.corner
{
 height             : 15px;
 position           : absolute;
 width              : 15px;
}

.tl
{
 background         : url(/MarsCmsCountryML/images/base/corner_tl.gif) no-repeat top left;
 left               : 0;
 top                : 0;
}

.tr
{
 background         : url(/MarsCmsCountryML/images/base/corner_tr.gif) no-repeat top left;
 right              : 0;
 top                : 0;
}

ul#access
{
 height             : 0;
 left               : 0;
 overflow           : hidden;
 position           : absolute;
 top                : 0;
 width              : 0;
}
.ClearAll {
 clear: both;
 height: 1px !important;
 line-height: 1px !important;
}
/*------------------------------------------------------------------
1.2 LINKS
------------------------------------------------------------------*/
div#wrapper a
{
 color              : #045e93;
 cursor             : pointer;
 font-weight        : 700;
 text-decoration    : none;
}

a.find
{
 height             : 16px;
 width              : 100px;
}

a.read
{
 height             : 16px;
 width              : 80px;
}

/*------------------------------------------------------------------
1.3 HEADERS
------------------------------------------------------------------*/
h2,
h3
{
 margin-bottom      : 0.25em;
}

/*------------------------------------------------------------------
1.4 IMAGES
------------------------------------------------------------------*/
img
{
 /*border             : none;
 display            : block;*/
}


/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.1 SKELETON LAYOUT
------------------------------------------------------------------*/
div#wrapper
{
 font-size          : 1.2em;
 margin             : 0 auto;
 text-align         : left;
 width              : 968px;
}

div#header,
div#content,
div#footer
{
 clear              : both;
}

/*------------------------------------------------------------------
2.2 CONTENT AREA LAYOUT
------------------------------------------------------------------*/
div#content
{
 margin             : 10px auto;
 width              : 960px;
}

div#main,
div#navigation
{
 float              : left;
}

div#main
{
 /*margin-left        : 184px;*/
 width              : 776px;
}

div#navigation
{
 margin-left        : -960px;
 width              : 168px;
}

div.main_head
{
 background         : url(/MarsCmsCountryML/images/base/bg_main_head.png) no-repeat top left;
 height             : 14px;
}

div.main_foot
{
 background         : url(/MarsCmsCountryML/images/base/bg_main_foot.png) no-repeat top left;
 height             : 14px;
}

div.main_body
{
 background         : #f5ece3;
 padding            : 0 0 0 0; 

 
}


/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/
div#header
{                           
 background         : url(/MarsCmsCountryML/images/base/bg_header_panel.png) no-repeat bottom left;
 min-height         : 84px;
 position           : relative;
}

div#header h1 a
{
 background         : url(/MarsCmsCountryML/images/base/bg_h1_logo.png) no-repeat top left;
 bottom             : 30px;
 height             : 27px;
 left               : 20px;
 position           : absolute;
 width              : 137px;
}


/*------------------------------------------------------------------
4. NAVIGATION
------------------------------------------------------------------*/
div#navigation .head
{
 background         : url(/MarsCmsCountryML/images/base/bg_nav_head.png) no-repeat top left;
 height             : 14px;
}

div#navigation .foot
{
 background         : url(/MarsCmsCountryML/images/base/bg_nav_foot.png) no-repeat top left;
 height             : 14px;
}

div#navigation .innerBody
{
 background         : #f5ece3;
}

div#navigation ul
{
 background         : url(/MarsCmsCountryML/images/base/bg_nav_last.gif) no-repeat bottom left;
 margin             : 0 auto;
 padding-bottom     : 31px;
 width              : 140px;
}

div#navigation li
{
 border-bottom      : 2px solid #fff;
 border-left        : 2px solid #fff;
 border-right       : 2px solid #fff;
}

div#navigation li.first
{
 background         : url(/MarsCmsCountryML/images/base/bg_nav_first.gif) no-repeat top left;
 border-left        : none;
 border-right       : none;
}

div#navigation li.first a
{
 color              : #fff;
 margin-left        : 2px;
 padding-top        : 15px;
}

div#navigation li a
{
 display            : block;
 padding            : 5px 20px;
}

/*------------------------------------------------------------------
5. FOOTER
------------------------------------------------------------------*/
#footer
{
 text-align         : center;
}

#footer #footer_wrapper
{
 float              : right;
 width              : 776px;
}

#footer ul
{
 display            : inline;
 margin-bottom      : 0;
 margin-right       : 10px;
}

#footer ul li
{
 border-right       : 1px solid #ccc;
 display            : inline;
 padding            : 0 10px;
}

#footer ul li as
{
 color              : #005595;
 text-decoration    : none;
}

/*------------------------------------------------------------------
6. CLEARFIX
------------------------------------------------------------------*/
.clearfix:after
{
 clear              : both;
 content            : ".";
 display            : block;
 height             : 0;
 line-height        : 0;
 visibility         : hidden;
}

.clearfix
{
 display            : block;
}

html[xmlns] .clearfix
{
 display            : block;
}

* html .clearfix
{
 height             : 1%;
}