/* ------------------------------------------------------- 
  body : default values 
------------------------------------------------------- */
/* 
  commented : defined in public.css / membres.css 
*/
/*
body { 
  margin: 0; 
  text-align: center; 
  background: #002854; 
  font-family: 'Trebuchet MS', verdana, helvetica, arial;
  font-size: 12px;
  color: #ffffff;
  background-image: url(../img/jardin-piscine.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
*/

/* -------------------------------------------------------
  for preloading images, so they load faster 
  (mostly for top menu)
------------------------------------------------------- */
img.hiddenPic {
  display: none;
}

/* ------------------------------------------------------- 
  a : default link 
------------------------------------------------------- */
a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

.adefault {
  text-decoration: none;
  color: #000000;
}

.adefault:hover {
  text-decoration: underline;
}

/* ------------------------------------------------------- 
  default objects (textbox, textarea, select) 
------------------------------------------------------- */
input, textarea, select {
  font-family: 'Trebuchet MS', verdana, helvetica, arial;  
  font-size: 12px;
  color: #000000;
  height: 21px;
}

/* ------------------------------------------------------- 
  default image 
------------------------------------------------------- */
img {
  border: none;
}

/* ------------------------------------------------------- 
  default td 
------------------------------------------------------- */
td {
  font-family: 'Trebuchet MS', verdana, helvetica, arial;  
  font-size: 12px;
  color: #000000;  
}

/* -------------------------------------------------------
  bottom menu - accueil, nous contacter, vie privée, english
------------------------------------------------------- */
td.bottom_menu {
  font-family: 'Trebuchet MS', verdana, helvetica, arial;  
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: center;  
}

td.bottom_menu a {
  font-family: 'Trebuchet MS', verdana, helvetica, arial;  
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: center;  
}

td.bottom_menu a:hover {
  /*font-weight: bold;*/
  text-decoration: underline;
}

td.bottom_menu_disabled {
  font-family: 'Trebuchet MS', verdana, helvetica, arial;  
  font-size: 12px;
  font-weight: normal;
  color: #c0c0c0;
  text-align: center;  
}

td.bottom_menu_disabled a {
  font-family: 'Trebuchet MS', verdana, helvetica, arial;  
  font-size: 12px;
  font-weight: normal;
  color: #c0c0c0;
  text-align: center;  
}

td.bottom_menu_disabled a:hover {
  /*font-weight: bold;*/
}

/* ------------------------------------------------------- 
  main div - whole page 
------------------------------------------------------- */
div.main {
  margin-right: auto;
  margin-left: auto;
  width: 953px;    
}

/* ------------------------------------------------------- 
  main div - left pane 
------------------------------------------------------- */
div.main_left {
  width: 205px;
  margin-right: auto;
  margin-left: auto;
  float: left;
}

/* ------------------------------------------------------- 
  main div - center pane 
------------------------------------------------------- */
div.main_center {
  width: 543px;
  margin-right: auto;
  margin-left: auto;
  float: left;
}

/* ------------------------------------------------------- 
  main div - right pane 
------------------------------------------------------- */
div.main_right {
  width: 205px;
  margin-right: auto;
  margin-left: auto;
  float: left;  
}

/* ------------------------------------------------------- 
  bottom div - whole page 
------------------------------------------------------- */
div.bottom {
  margin-right: auto;
  margin-left: auto;
  width: 925px;
  font-size: 10px;
  color: #4169e1;    
}

div.bottom_left {
  width: 290px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  float: left;
}

div.bottom_center {
  width: 345px;
  float: left;
  text-align: center;
}

div.bottom_right {
  width: 290px;
  margin-right: auto;
  margin-left: auto;
  float: left;
  text-align: right;
}

/* ------------------------------------------------------- 
  top tabs 
------------------------------------------------------- */
div.top_tabs_spacer_left {
  width: 10px;
  height: 50px;
  float: left;
  border: none;
}

div.top_tabs_spacer {
  width: 5px;
  height: 50px;
  float: left;
  border: none;
}

/* ------------------------------------------------------- 
  blue tab 
------------------------------------------------------- */
div.top_tabs_blue_small a {
  width: 180px;
  height: 25px;
  float: left;
  background: url(../img/top_tabs/toptab_blue_small.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.top_tabs_blue_small a:hover {
  text-decoration: none;
}

div.top_tabs_blue_small a div{
  padding-left: 10px;
  padding-top: 3px;
}

div.top_tabs_blue_high a {
  width: 172px;
  height: 50px;
  float: left;
  background: url(../img/top_tabs/toptab_blue_selected.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.top_tabs_blue_high a:hover {
  text-decoration: none;
}

div.top_tabs_blue_high a div {
  padding-left: 10px;
  padding-top: 5px;
}

div.top_tabs_blue_low a {
  width: 172px;
  height: 50px;
  float: left;
  background: url(../img/top_tabs/toptab_blue_highlight.gif);
  background-position: -172 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none;     
}

div.top_tabs_blue_low a:hover {
  text-decoration: none;
  background-position: 0 0;
  color: #ffffff;
}

div.top_tabs_blue_low a div {
  padding-left: 10px;
  padding-top: 15px;
}

div.top_tabs_blue_low a:hover div {
  text-decoration: none;
  padding-left:10px;
  padding-top:5px;
}

/* ------------------------------------------------------- 
  orange tab 
------------------------------------------------------- */
div.top_tabs_orange_small a {
  width: 180px;
  height: 25px;
  float: left;
  background: url(../img/top_tabs/toptab_orange_small.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.top_tabs_orange_small a:hover {
  text-decoration: none;
}

div.top_tabs_orange_small a div{
  padding-left: 10px;
  padding-top: 3px;
}

/* ------------------------------------------------------- 
  grey tab 
------------------------------------------------------- */
div.top_tabs_grey_small a {
  width: 182px;
  height: 25px;
  float: left;
  background: url(../img/top_tabs/toptab_grey_small.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.top_tabs_grey_small a:hover {
  text-decoration: none;
}

div.top_tabs_grey_small a div{
  padding-left: 10px;
  padding-top: 3px;
}

/* ------------------------------------------------------- 
  green tab 
------------------------------------------------------- */
div.top_tabs_green_small a {
  width: 180px;
  height: 25px;
  float: left;
  background: url(../img/top_tabs/toptab_green_small.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.top_tabs_green_small a:hover {
  text-decoration: none;
}

div.top_tabs_green_small a div{
  padding-left: 10px;
  padding-top: 3px;
}

/*
  Facebook /twitter
*/
div.top_tabs_green_facebook a {
  width: 182px;
  height: 100px;
  float: left;
  background: url(../img/facebook2.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #000000;
  font-weight: bold;
  border: none; 
  font-size: 14px;
}

div.top_tabs_green_facebook a:hover {
  text-decoration: none;
}

div.top_tabs_green_facebook a div{
  padding-left: 85px;
  padding-top: 30px;
}


div.top_tabs_green_twitter a {
  width: 182px;
  height: 100px;
  float: left;
  background: url(../img/twitter2.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #000000;
  font-weight: bold;
  border: none; 
  font-size: 14px;
}

div.top_tabs_green_twitter a:hover {
  text-decoration: none;
}

div.top_tabs_green_twitter a div{
  padding-left: 85px;
  padding-top: 30px;
}


div.top_tabs_green_high a {
  width: 172px;
  height: 50px;
  float: left;
  background: url(../img/top_tabs/toptab_green_selected.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.top_tabs_green_high a:hover {
  text-decoration: none;
}

div.top_tabs_green_high a div{
  padding-left: 10px;
  padding-top: 5px;
}

div.top_tabs_green_low a {
  width: 172px;
  height: 50px;
  float: left;
  background: url(../img/top_tabs/toptab_green_highlight.gif);
  background-position: -172 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none;     
}

div.top_tabs_green_low a:hover {
  text-decoration: none;
  background-position: 0 0;
  color: #ffffff;
}

div.top_tabs_green_low a div {
  padding-left: 10px;
  padding-top: 15px;
}

div.top_tabs_green_low a:hover div {
  text-decoration: none;
  padding-left: 10px;
  padding-top: 5px;
}

/* ------------------------------------------------------- 
  orange tab 
------------------------------------------------------- */
div.top_tabs_orange_high a {
  width: 172px;
  height: 50px;
  float: left;
  background: url(../img/top_tabs/toptab_orange_selected.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.top_tabs_orange_high a:hover {
  text-decoration: none;
}

div.top_tabs_orange_high a div{
  padding-left: 10px;
  padding-top: 5px;
}

div.top_tabs_orange_low a {
  width: 172px;
  height: 50px;
  float: left;
  background: url(../img/top_tabs/toptab_orange_highlight.gif);
  background-position: -172 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none;     
}

div.top_tabs_orange_low a:hover {
  text-decoration: none;
  background-position: 0 0;
  color: #ffffff;
}

div.top_tabs_orange_low a div {
  padding-left: 10px;
  padding-top: 15px;
}

div.top_tabs_orange_low a:hover div {
  text-decoration: none;
  padding-left: 10px;
  padding-top: 5px;
}

/* -------------------------------------------------------
  top tab break
------------------------------------------------------- */
div.top_tabs_break {
  clear: both;
}

/* -------------------------------------------------------
  content 
------------------------------------------------------- */
/* disabled - not used */
/*
div.content {
  width: 543px;  
  color: #000000;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  border: none;
}
*/

/* -------------------------------------------------------
  box "logo"
------------------------------------------------------- */
div.logo {
  width: 182px;
  height: 95px;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  /*background: url(../img/logos/kin3.png);
  background-position: center;
  background-repeat: no-repeat;*/
}

/* -------------------------------------------------------
  box "devenez membre"
------------------------------------------------------- */
div.devenez_membre{
  width: 170px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  background-color: #ffffff;
  color: #709e00;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-align: center;  
}

div.devenez_membre div {
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;  
}

div.devenez_membre div a {
  color: #709e00;
}

/* -------------------------------------------------------
  round boxes 
------------------------------------------------------- */

/* ------------------------------------------------------- 
  blue box - no border 
------------------------------------------------------- */
div.rounded_blue_top { 
  width: 180px;
  height: 25px; 
  background: transparent url(../img/blue_box/top.gif) no-repeat;
  text-align: left;
  font-weight: bold;
  margin: 0px auto; 
} 

div.rounded_blue_top1 {
  position: relative;
  padding-top: 5px;
  padding-left: 15px;
}

div.rounded_blue_mid {
  width: 180px;  
  text-align: center;
  background: url(../img/blue_box/mid.gif);
  margin-right: auto;
  margin-left: auto; 
} 

div.rounded_blue_mid1 {
  width: 170px;
  margin-right:auto;
  margin-left:auto;
}

div.rounded_blue_mid1_top {
  width: 170px;
  height: 5px;
  background: url(../img/blue_box/highlight_lblue.gif) top left no-repeat;
}

div.rounded_blue_mid1_bot {
  width: 170px;
  height: 5px;
  background: url(../img/blue_box/highlight_lblue.gif) 0 -15px no-repeat;
}


div.rounded_blue_bot {
  width: 180px;
  height: 10px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/blue_box/bot.gif) bottom left no-repeat; 
} 

div.rounded_blue_bot_small {
  width: 180px;
  height: 5px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/blue_box/bot.gif) bottom left no-repeat; 
} 

/* ------------------------------------------------------- 
  blue box - white border 
------------------------------------------------------- */
div.rounded_blue_top_border {
  width: 182px;
  height: 25px; 
  background: transparent url(../img/blue_box_white_border/top.gif) no-repeat;
  text-align: left;
  font-weight: bold;
  margin:0px auto; 
} 

div.rounded_blue_top_border_notitle {
  width: 182px;
  height: 15px; 
  background: transparent url(../img/blue_box_white_border/top.gif) no-repeat;
  text-align: left;
  font-weight: bold;
  margin:0px auto; 
} 

div.rounded_blue_top1_border {
  position: relative;
  padding-top: 7px;
  padding-left: 15px;
}

div.rounded_blue_mid_border {
  width: 182px;  
  text-align: center;
  background: url(../img/blue_box_white_border/mid.gif);
  margin-right: auto;
  margin-left: auto; 
} 

div.rounded_blue_mid1_border {
  width: 170px;
  margin-right:auto;
  margin-left:auto;
}

div.rounded_blue_bot_border {
  width: 182px;
  height: 10px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/blue_box_white_border/bot.gif) bottom left no-repeat; 
} 

div.rounded_blue_bot_small_border {
  width: 182px;
  height: 3px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/blue_box_white_border/bot.gif) bottom left no-repeat; 
} 

/* ------------------------------------------------------- 
  blue box - white/blue menu item 
------------------------------------------------------- */
div.blue_menu_spacer {
  margin-right:auto;
  margin-left:auto;    
  height: 1px;
}

/* ------------------------------------------------------- 
  blue box - white/blue menu item - selected
------------------------------------------------------- */
div.blue_menu_item_selected {
}
div.blue_menu_item_selected a {
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #ffffff;
  display: block;
  background: url(../img/blue_box/highlight_selected.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-top: 1px;
}
div.blue_menu_item_selected a:hover {
  text-decoration: none;
}

div.blue_menu_item2_selected {
}
div.blue_menu_item2_selected a {
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #ffffff;
  display: block;
  background: url(../img/blue_box/highlight_selected.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-top: 1px;
}
div.blue_menu_item2_selected a:hover {
  text-decoration: none;
}

/* ------------------------------------------------------- 
  blue box - white/blue menu item - highlight
------------------------------------------------------- */
div.blue_menu_item {
}
div.blue_menu_item a {    
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #000000;
  display: block;
  background: url(../img/blue_box/highlight_pale.gif) top left no-repeat;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;  
  padding-top: 1px;
}
div.blue_menu_item a:hover {
  text-decoration: none;
  color: #000000;
  background-position: -170px 0;
}

div.blue_menu_item2 {
}
div.blue_menu_item2 a {    
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #000000;
  display: block;
  background: url(../img/blue_box/highlight_pale2.gif) top left no-repeat;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;  
  padding-top: 1px;
}
div.blue_menu_item2 a:hover {
  text-decoration: none;
  color: #ffffff;
  background-position: -170px 0;
}


/* ------------------------------------------------------- 
  blue box - white/blue menu item - double size - selected
------------------------------------------------------- */
div.blue_menu_item_dbl_selected {
  height: 50px;
  overflow: hidden;
}

div.blue_menu_item_dbl_selected a {
  margin-right:auto;
  margin-left:auto;    
  height: 50px;
  color: #ffffff;
  display: block;
  background: url(../img/blue_box/highlight_dbl_selected.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  line-height: 14px;
  overflow: hidden;
}

div.blue_menu_item_dbl_selected a:hover {
  text-decoration: none;
}
/* ------------------------------------------------------- 
  blue box - white/blue menu item - double-size - highlight
------------------------------------------------------- */
div.blue_menu_item_dbl {
  height: 50px;
  overflow: hidden;
}

div.blue_menu_item_dbl a {    
  margin-right:auto;
  margin-left:auto;
  height: 50px;
  color: #000000;
  display: block;
  background: url(../img/blue_box/highlight_dbl_pale.gif) top left no-repeat;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  line-height: 14px;
  overflow: hidden;
}

div.blue_menu_item_dbl a:hover {
  text-decoration: none;
  color: #000000;
  background-position: -170px 0;
}

/* -------------------------------------------------------
  blue box - (+/-) blue button image
------------------------------------------------------- */
img.blue_plusminus_visible {
  position: absolute;
  top: 7px;
  right: 5px;
  visibility: visible;
  cursor:pointer;
}
img.blue_plusminus_hidden {
  position: absolute;
  top: 7px;
  right: 5px;
  visibility: hidden;
  cursor:pointer;
}

ul {
  list-style-type: none;
  padding: 0;
  margin-left: 15px;
  margin-top: 0px;
  font-weight: normal;
  /*font-weight: bold;*/
}

li {
  display : list-item;
  list-style-image : url(../img/content/bullet.gif);
  list-style-position: outside;
  font-weight: normal;
}

li:first-letter {
  /*color: #778CA4;
  font-size: 10px;*/  
}

li div {
  color: #000000;
  font-size: 12px;
  font-weight: normal;
}


li {
  display : list-item;
  list-style-image : url(../img/content/bullet.gif);
  list-style-position: outside;
  /*font-weight: bold;*/   
}


span.fontsize8px {
  font-size: 8px;
}

span.fontsize10px {
  font-size: 10px;
}

span.fontsize12px {
  font-size: 12px;
}

span.fontsize14px {
  font-size: 14px;
}

span.fontsize16px {
  font-size: 16px;
}

span.fontsize24px {
  font-size: 24px;
}

/* ------------------------------------------------------- 
  green box - no border 
------------------------------------------------------- */
div.rounded_green_top { 
  width: 180px;
  height: 25px; 
  background: transparent url(../img/green_box/top.gif) no-repeat;
  text-align: left;
  font-weight: bold;
  margin: 0px auto; 
} 

div.rounded_green_top1 {
  position: relative;
  padding-top: 5px;
  padding-left: 15px;
}

div.rounded_green_mid {
  width: 180px;  
  text-align: center;
  background: url(../img/green_box/mid.gif);
  margin-right: auto;
  margin-left: auto; 
} 

div.rounded_green_mid1 {
  width: 170px;
  margin-right:auto;
  margin-left:auto;
}

div.rounded_green_mid1_top {
  width: 170px;
  height: 10px;
  background: url(../img/green_box/highlight_pale.gif) top left no-repeat;
}

div.rounded_green_mid1_bot {
  width: 170px;
  height: 10px;
  background: url(../img/green_box/highlight_pale.gif) 0 -10px no-repeat;
}

div.rounded_green_bot {
  width: 180px;
  height: 10px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/green_box/bot.gif) bottom left no-repeat; 
} 

div.rounded_green_bot_small {
  width: 180px;
  height: 5px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/green_box/bot.gif) bottom left no-repeat; 
} 

/* ------------------------------------------------------- 
  green box - white border 
------------------------------------------------------- */
div.rounded_green_top_border {
  width: 182px;
  height: 25px; 
  background: transparent url(../img/green_box_white_border/top.gif) no-repeat;
  text-align: left;
  font-weight: bold;
  margin:0px auto; 
} 

div.rounded_green_top_border_notitle {
  width: 182px;
  height: 15px; 
  background: transparent url(../img/green_box_white_border/top.gif) no-repeat;
  text-align: left;
  font-weight: bold;
  margin:0px auto; 
} 

div.rounded_green_top1_border {
  position: relative;
  padding-top: 7px;
  padding-left: 15px;
}

div.rounded_green_mid_border {
  width: 182px;  
  text-align: center;
  background: url(../img/green_box_white_border/mid.gif);
  margin-right: auto;
  margin-left: auto; 
} 

div.rounded_green_mid1_border {
  width: 170px;
  margin-right:auto;
  margin-left:auto;
}

div.rounded_green_bot_border {
  width: 182px;
  height: 10px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/green_box_white_border/bot.gif) bottom left no-repeat; 
} 

div.rounded_green_bot_small_border {
  width: 182px;
  height: 3px;  
  margin-right: auto;
  margin-left: auto;
  background: url(../img/green_box_white_border/bot.gif) bottom left no-repeat; 
} 

/* ------------------------------------------------------- 
  green box - white/green menu item 
------------------------------------------------------- */
div.green_menu_spacer {
  margin-right:auto;
  margin-left:auto;    
  height: 1px;
}

/* ------------------------------------------------------- 
  green box - white/green menu item - selected
------------------------------------------------------- */
div.green_menu_item_selected {
}
div.green_menu_item_selected a {
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #ffffff;
  display: block;
  background: url(../img/green_box/highlight_selected.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-top: 1px;
  overflow: hidden;
}
div.green_menu_item_selected a:hover {
  text-decoration: none;
}

div.green_menu_item2_selected {
}
div.green_menu_item2_selected a {
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #ffffff;
  display: block;
  background: url(../img/green_box/highlight_selected.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-top: 1px;
  overflow: hidden;
}
div.green_menu_item2_selected a:hover {
  text-decoration: none;
}

/* ------------------------------------------------------- 
  green box - white/green menu item - highlight
------------------------------------------------------- */
div.green_menu_item {
}
div.green_menu_item a {    
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #000000;
  display: block;
  background: url(../img/green_box/highlight_pale.gif) top left no-repeat;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;  
  padding-top: 1px;
  overflow: hidden;
}
div.green_menu_item a:hover {
  text-decoration: none;
  color: #000000;
  background-position: -170px 0;
}

div.green_menu_item2 {
}
div.green_menu_item2 a {    
  margin-right:auto;
  margin-left:auto;    
  height: 20px;
  color: #000000;
  display: block;
  background: url(../img/green_box/highlight_pale2.gif) top left no-repeat;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;  
  padding-top: 1px;
  overflow: hidden;
}
div.green_menu_item2 a:hover {
  text-decoration: none;
  color: #ffffff;
  background-position: -170px 0;
}


/* ------------------------------------------------------- 
  green box - white/green menu item - double size - selected
------------------------------------------------------- */
div.green_menu_item_dbl_selected {
  height: 50px;
  overflow: hidden;
}

div.green_menu_item_dbl_selected a {
  margin-right:auto;
  margin-left:auto;    
  height: 50px;
  color: #ffffff;
  display: block;
  background: url(../img/green_box/highlight_dbl_selected.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  line-height: 14px;
  overflow: hidden;
}

div.green_menu_item_dbl_selected a:hover {
  text-decoration: none;
}
/* ------------------------------------------------------- 
  green box - white/green menu item - double-size - highlight
------------------------------------------------------- */
div.green_menu_item_dbl {
  height: 50px;
  overflow: hidden;
}

div.green_menu_item_dbl a {    
  margin-right:auto;
  margin-left:auto;
  height: 50px;
  color: #000000;
  display: block;
  background: url(../img/green_box/highlight_dbl_pale.gif) top left no-repeat;
  text-align: left;
  font-weight: bold;  
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  line-height: 14px;
  overflow: hidden;
}
div.green_menu_item_dbl a:hover {
  text-decoration: none;
  color: #000000;
  background-position: -170px 0;
}

/* -------------------------------------------------------
  green box - (+/-) green button image
------------------------------------------------------- */
img.green_plusminus_visible {
  position: absolute;
  top: 7px;
  right: 5px;
  visibility: visible;
  cursor:pointer;
}
img.green_plusminus_hidden {
  position: absolute;
  top: 7px;
  right: 5px;
  visibility: hidden;
  cursor:pointer;
}

/* ------------------------------------------------------- 
  light green content 
------------------------------------------------------- */
div.lgreen_content {
  background-color: #f3f6f7;
  color: #000000;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}

div.lgreen_content div {
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;  
}

/* ------------------------------------------------------- 
  green button 
------------------------------------------------------- */
div.green_button {
  width: 148px;
  height: 25px;
}

div.green_button a {
  width: 148px;
  height: 25px;
  float: left;
  background: url(../img/top_tabs/green_button_small.gif);
  background-position: 0 0;
  background-repeat: no-repeat;   
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  border: none; 
}

div.green_button a:hover {
  text-decoration: none;
}

div.green_button a div{
  padding-left: 10px;
  padding-top: 3px;
}
