/*
 * layout.css
 * Layout.
 */


/*
 * HTML
 */
html
{
  margin:  0px;
  padding: 0px;
  width:   100%;
  height:  100%;
}


/*
 * body
 */
body
{
  margin:           0px;
  padding:          0px;
  width:            100%;
  height:           100%;
  font-family:      Verdana, Tahoma, Arial;
  font-size:        12px;
  font-style:       normal;
  font-weight:      normal;
  color:            #666666;
  background-color: #4f843e;
  text-decoration:  none;
}


/*
 * Page division
 */
#page-division
{
  margin:           0px auto 0px auto;
  padding:          0px 20px 0px 20px;
  width:            860px;
  height:           100%;
  border-width:     0px;
  border-spacing:   0px;
  background-color: #ffffff;
}


/*
 * Banner
 */
#banner
{
  margin:  0px;
  padding: 0px;
  width:   860px;
  height:  180px;
}


/*
 * Main menu
 */
#main-menu
{
  width:  860px;
  height: 48px;
}

#main-menu ul
{
  margin:            0px 0px 10px 0px;
  padding:           0px;
  overflow:          hidden;
  width:             860px;
  height:            28px;
  background-image:  url("../images/menu-background.png");
  background-repeat: no-repeat;
}

#main-menu ul a
{
  display: block;
  float:   left;
}

#main-menu ul li
{
  display: block;
  margin:  0px;
  padding: 0px;
}

#main-menu li
{
  margin:           0px;
  padding:          0px;
  float:            left;
  list-style-type:  none;
  list-style-image: none;
}

#main-menu a
{
  margin:          5px 10px 7px 10px;
  padding:         0px;
  font-family:     Verdana, Tahoma, Arial;
  font-size:       12px;
  font-style:      normal;
  font-weight:     normal;
  line-height:     16px;
  color:           #ffffff;
  text-decoration: none;
}

#main-menu a:link,
#main-menu a:visited,
#main-menu a:active,
#main-menu a:focus
{
  text-decoration: none;
}

#main-menu a:hover
{
  text-decoration: underline;
}

#main-menu li.active a
{
  margin:          5px 10px  7px 10px;
  padding:         0px;
  font-family:     Verdana, Tahoma, Arial;
  font-size:       12px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     16px;
  color:           #ffffff;
  text-decoration: none;
}

#main-menu li.active a:link,
#main-menu li.active a:visited,
#main-menu li.active a:active,
#main-menu li.active a:focus
{
  text-decoration: none;
}

#main-menu li.active a:hover
{
  text-decoration: underline;
}


/*
 * Sub menu
 */
#sub-menu
{
  margin:         0px;
  padding:        10px;
  width:          200px;
  text-align:     left;
  vertical-align: top;
}

#sub-menu ul
{
  margin:  0px;
  padding: 0px;
}

#sub-menu li
{
  margin:           0px;
  padding:          3px 0px 5px 0px;
  list-style-type:  none;
  list-style-image: none;
/*
border-style: solid;
border-color: #f1f1f1;
border-width: 0px 0px 1px 0px;
*/
}

#sub-menu a
{
  margin:          0px;
  padding:         0px;
  font-family:     Verdana, Tahoma, Arial;
  font-size:       12px;
  font-style:      normal;
  font-weight:     normal;
  line-height:     16px;
  color:           #666666;
  text-decoration: none;
}

#sub-menu a:link,
#sub-menu a:visited,
#sub-menu a:active,
#sub-menu a:focus
{
  text-decoration: none;
}

#sub-menu a:hover
{
  text-decoration: underline;
}

#sub-menu li.active a
{
  margin:          0px;
  padding:         0px;
  font-family:     Verdana, Tahoma, Arial;
  font-size:       12px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     16px;
  color:           #666666;
  text-decoration: none;
}

#sub-menu li.active a:link,
#sub-menu li.active a:visited,
#sub-menu li.active a:active,
#sub-menu li.active a:focus
{
  text-decoration: none;
}

#sub-menu li.active a:hover
{
  text-decoration: underline;
}


/*
 * Image
 */
#image
{
  margin:  0px;
  padding: 10px;
  width:   620px;
  height:  297px;
}


/*
 * Left column
 */
#column-left
{
  margin:  0px;
  padding: 10px;
  width:   200px;
}


/*
 * Content column
 */
#column-content
{
  margin:           0px;
  padding:          10px;
  width:            400px;
  font-family:      Verdana, Arial, sans-serif;
  font-size:        12px;
  font-style:       normal;
  font-weight:      normal;
  line-height:      16px;
  color:            #666666;
  text-align:       left;
  vertical-align:   top;
  white-space:      wrap;
  text-decoration:  none;
}

#column-content h1
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       16px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     21px;
  color:           #4f843e;
  text-decoration: none;
}

#column-content h2
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       14px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     18px;
  color:           #4f843e;
  text-decoration: none;
}

#column-content h3
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       12px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     16px;
  color:           #4f843e;
  text-decoration: none;
}

#column-content h4,
#column-content h5,
#column-content h6
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       12px;
  font-style:      normal;
  font-weight:     normal;
  color:           #4f843e;
  line-height:     16px;
  text-decoration: none;
}

#column-content p
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 5px;
}

#column-content p:last-child
{
  margin-bottom: 0px !important;
}

#column-content a
{
  color:           #4f843e;
  text-decoration: none;
}

#column-content a:link,
#column-content a:visited,
#column-content a:active,
#column-content a:focus
{
  color:           #4f843e;
  text-decoration: none;
}

#column-content a:hover
{
  color:           #4f843e;
  text-decoration: underline;
}

#column-content i,
#column-content em
{
  font-style:  italic;
  font-weight: normal;
}

#column-content b,
#column-content strong
{
  font-style:  normal;
  font-weight: bold;
}

#column-content ul,
#column-content ol
{
  margin:  0px 0px 10px 0px;
  padding: 0px;
  list-style-position: inside;
}

#column-content ul:last-child,
#column-content ol:last-child
{
  margin-bottom: 0px !important;
}

#column-content li
{
  margin:  0px 0px 5px 0px;
  padding: 0px 5px 0px 5px;
}

#column-content li:last-child
{
  margin-bottom: 0px !important;
}

#column-content dl
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 5px;
}

#column-content dt
{
  margin:  0px 0px 5px 0px;
  padding: 0px;
}

#column-content dt:last-child
{
  margin-bottom: 0px !important;
}

#column-content dd
{
  margin:  0px 0px 10px 0px;
  padding: 0px;
}

#column-content dd:last-child
{
  margin-bottom: 0px !important;
}

#column-content table
{
  margin:  0px 0px 10px 0px;
  padding: 0px;
}

#column-content table:last-child
{
  margin-bottom: 0px !important;
}

#column-content caption
{
  margin:         0px;
  padding:        0px 0px 5px 0px;
  font-weight:    bold;
  text-align:     left;
  vertical-align: top;
}

#column-content tr
{
  padding-bottom: 5px;
}

#column-content tr:last-child
{
  padding-bottom: 0px !important;
}

#column-content th
{
  margin:         0px;
  padding-right:  10px;
  font-weight:    bold;
  text-align:     left;
  vertical-align: top;
}

#column-content th:last-child
{
  padding-right: 0px !important;
}

#column-content td
{
  margin:         0px;
  padding-right:  10px;
  text-align:     left;
  vertical-align: top;
}

#column-content td:last-child
{
  padding-right: 0px !important;
}

#column-content .default
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 5px;
  clear:   both;
}

#column-content .hidden
{
  margin:  0px;
  padding: 0px 5px 0px 5px;
  display: none;
  clear:   both;
}

#column-content .indent
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 20px;
  clear:   both;
}

#column-content .indent-20-80
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 20%;
  clear:   both;
}

#column-content .ruler-before
{
  margin:           0px 0px 10px 0px;
  padding:          10px 5px 0px 5px;
  clear:            both;
  border-width:     0px;
  border-top-width: 1px;
  border-style:     solid;
  border-color:     #bbbdc1;
  text-decoration:  none;
}

#column-content .ruler-after
{
  margin:              0px 0px 10px 0px;
  padding:             0px 5px 10px 5px;
  clear:               both;
  border-width:        0px;
  border-bottom-width: 1px;
  border-style:        solid;
  border-color:        #bbbdc1;
  text-decoration:     none;
}


/*
 * Right column
 */
#column-right
{
  margin:           0px;
  padding:          10px;
  width:            200px;
  font-family:      Verdana, Arial, sans-serif;
  font-size:        12px;
  font-style:       normal;
  font-weight:      normal;
  line-height:      16px;
  color:            #666666;
  text-align:       left;
  vertical-align:   top;
  white-space:      wrap;
  text-decoration:  none;
}

#column-right h1
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       16px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     21px;
  color:           #4f843e;
  text-decoration: none;
}

#column-right h2
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       14px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     18px;
  color:           #4f843e;
  text-decoration: none;
}

#column-right h3
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       12px;
  font-style:      normal;
  font-weight:     bold;
  line-height:     16px;
  color:           #4f843e;
  text-decoration: none;
}

#column-right h4,
#column-right h5,
#column-right h6
{
  margin:          0px;
  padding:         0px 5px 0px 5px;
  font-size:       12px;
  font-style:      normal;
  font-weight:     normal;
  color:           #4f843e;
  line-height:     16px;
  text-decoration: none;
}

#column-right p
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 5px;
}

#column-right p:last-child
{
  margin-bottom: 0px !important;
}

#column-right a
{
  color:           #4f843e;
  text-decoration: none;
}

#column-right a:link,
#column-right a:visited,
#column-right a:active,
#column-right a:focus
{
  color:           #4f843e;
  text-decoration: none;
}

#column-right a:hover
{
  color:           #4f843e;
  text-decoration: underline;
}

#column-right i,
#column-right em
{
  font-style:  italic;
  font-weight: normal;
}

#column-right b,
#column-right strong
{
  font-style:  normal;
  font-weight: bold;
}

#column-right ul,
#column-right ol
{
  margin:  0px 0px 10px 0px;
  padding: 0px;
  list-style-position: inside;
}

#column-right ul:last-child,
#column-right ol:last-child
{
  margin-bottom: 0px !important;
}

#column-right li
{
  margin:  0px 0px 5px 0px;
  padding: 0px 5px 0px 5px;
}

#column-right li:last-child
{
  margin-bottom: 0px !important;
}

#column-right dl
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 5px;
}

#column-right dt
{
  margin:  0px 0px 5px 0px;
  padding: 0px;
}

#column-right dt:last-child
{
  margin-bottom: 0px !important;
}

#column-right dd
{
  margin:  0px 0px 10px 0px;
  padding: 0px;
}

#column-right dd:last-child
{
  margin-bottom: 0px !important;
}

#column-right table
{
  margin:  0px 0px 10px 0px;
  padding: 0px;
}

#column-right table:last-child
{
  margin-bottom: 0px !important;
}

#column-right caption
{
  margin:         0px;
  padding:        0px 0px 5px 0px;
  font-weight:    bold;
  text-align:     left;
  vertical-align: top;
}

#column-right tr
{
  padding-bottom: 5px;
}

#column-right tr:last-child
{
  padding-bottom: 0px !important;
}

#column-right th
{
  margin:         0px;
  padding-right:  10px;
  font-weight:    bold;
  text-align:     left;
  vertical-align: top;
}

#column-right th:last-child
{
  padding-right: 0px !important;
}

#column-right td
{
  margin:         0px;
  padding-right:  10px;
  text-align:     left;
  vertical-align: top;
}

#column-right td:last-child
{
  padding-right: 0px !important;
}

#column-right .default
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 5px;
  clear:   both;
}

#column-right .hidden
{
  margin:  0px;
  padding: 0px 5px 0px 5px;
  display: none;
  clear:   both;
}

#column-right .indent
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 20px;
  clear:   both;
}

#column-right .indent-20-80
{
  margin:  0px 0px 10px 0px;
  padding: 0px 5px 0px 20%;
  clear:   both;
}

#column-right .ruler-before
{
  margin:           0px 0px 10px 0px;
  padding:          10px 5px 0px 5px;
  clear:            both;
  border-width:     0px;
  border-top-width: 1px;
  border-style:     solid;
  border-color:     #bbbdc1;
  text-decoration:  none;
}

#column-right .ruler-after
{
  margin:              0px 0px 10px 0px;
  padding:             0px 5px 10px 5px;
  clear:               both;
  border-width:        0px;
  border-bottom-width: 1px;
  border-style:        solid;
  border-color:        #bbbdc1;
  text-decoration:     none;
}


/*
 * Footer
 */
#footer
{
  margin:          0px;
  padding:         10px;
  width:           400px;
  height:          12px;
  font-family:     Verdana, Tahoma, Arial;
  font-size:       9px;
  font-style:      normal;
  font-weight:     normal;
  line-height:     12px;
  color:           #bbbdc1;
  text-decoration: none;
  text-align:      center;
}

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:focus
{
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}