/*------------------------------------------------------
   CSS Created for P&G dynamic website
   Copyright 2004 Michael Moore
   DataShepherd Ltd.
   */
/*------------------------------------------------------
   BODY
   */

#photo_galleries
{ 
  width: 520px;
  height: 430px;
  }

.pagenum
{ 
  width: 100%;
  text-align: right;
  }

body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  line-height: 13px;
  font-size: 14px;
  color: #000;
  border: 0;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  background: #fff;
  }
#Container
{
  border: 0;
  padding: 0;
  width: 1014px;
  position: relative;
  margin: auto;
  text-align: left;
/* 
  background: url('images/side_n_body2.jpg') white;
 */
  }
.mainwrapperouterdiv
{ 
  width: 1014px;
  position: absolute;
  top: 195px;
  background: transparent;
  background: url('images/body-test1.jpg') repeat-y;

  }
.mainwrapperdiv
{ 
  margin-bottom: 0px;
/* 
  background: url('images/main-bg.gif');
 */
  background: url('images/side.png') no-repeat bottom left;
  margin-bottom: 0px;
  padding-bottom:  33px;
  min-height: 800px;
  }
/*------------------------------------------------------
   HEADER
   */
#Header
{
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0;
  border: 0;
  margin: 0;
  width: 1014px;
  height: 172px;
  text-align: left;
  background: transparent url('images/header.jpg') no-repeat top center;
  }
#Lang
{
  margin: 0;
  position: absolute;
  top: 12px;
  right: 3px;
  padding-right: 10px;
  border: 0;
  font-weight: 700;
  text-align: right;
  background: transparent;
  z-index: 100;
  color: #ffffff;
  }
#site_search_query
{ 
  color: #666333;
  width: 100px;
  }
#Lang a
{
  color: #ffffff;
  text-decoration: none;
  }
#Lang a:hover
{
  color: #ffffff;
  text-decoration: underline;
  }

/*------------------------------------------------------
   NAVIGATION
   */
.MainNav
{
  position: absolute;
  top: 172px; 
  left: 0px;
  margin: 0;
  border: 0;
  padding: 0;
/* 
  background: #ffffff;
 */
  }

#Nav
{
  position: absolute;
  top: 172px; 
  right: 0px;
  padding: 0;
  margin: 0;
  margin-left: 0px;
  margin-right: 0px;
/* 
  border-left: 119px #82b5af solid;
  border-right: 1px #6eaaa3 solid;
 */

  background: transparent url('images/blue-bar.png') no-repeat top center;
  width: 1014px;

  }
/* IE 'hack' width/padding differences.. so it needs a different width than the rest. IE cant understand the html>body thing */
/* 
html>body #Nav { width: 560px; }
 */

#Nav ul
{
  border: 0;
  padding: 0;
  height: 30px;
  margin: 0;
  overflow: hidden;
  list-style: none;
  }
#Nav ul li
{
  margin: 0;
  border: 0;
  padding: 0;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  text-decoration: none;
  }
#Nav ul li a, #Nav ul li.left a, #Nav ul li.right a
{
  font-weight: bold;
  color: #cfe3e0;
  text-decoration: none;
  }
#Nav ul li.rightselectednav a, #Nav ul li.leftselectednav a, #Nav ul li.selectednav a 
{
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  }
#Nav ul li:hover, #Nav ul li.left:hover, #Nav ul li.right:hover, #Nav ul li a:hover, #Nav ul li.left a:hover, #Nav ul li.right a:hover 
{
  cursor: pointer;
  color: #D1FEA1;
  /* 
     list-style: disc;
     */
  }



/*------------------------------------------------------
   MAIN
   */
#MainContainer 
{
  margin: 0 0 0 0px;
  padding: 0 0 0 0;
  vertical-align: top;
  width: 100%;
  text-align: left;
  }
#Main
{
  width: 750px;
  margin: 0;

  padding-left: 250px;
  padding-right: 14px;
  padding-top: 14px;

  text-align: left;
  vertical-align: top;



/* 
height: 600px;
background: #F1F9FB url('images/contentbg1.jpg') no-repeat top left;
 */


  }
html>body #Main { width: 750px; }

#Main a
{
  text-decoration: none;
  color: #0089A2;
  }
#Main a:hover
{
  text-decoration: underline;
  color: #0089A2;
  }
td.main
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  }
#Main ul.noindent
{
  list-style-position: inside;
  text-indent: 0px;
  margin-left: 0px;
  padding-left: 0px;
  }

/*-------------------------------------------------
   Blockquote
   */
blockquote
{
  margin: 0;
  padding: 4px;
  border: 1px #DDDDDD solid;
  text-indent: 22px;
  background: #EEEEEE url('images/quote_start.gif') no-repeat 4px 4px;
  }
/*------------------------------------------------------
   FOOTER
   */
#Footer
{
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 0 0 0px;
  width: 100%;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 13px;
  color: #666;
  }
#Footer tr td p
{
  border: 0;
  padding: 0px 0 10px 0;
  margin: 0 0 0 0;
  text-align: center;
  }
#Footer tr td p a
{
  text-decoration: none;
  color: #0089A2;
  }
#Footer tr td p a:hover
{
  text-decoration: underline;
  color: #0089A2;
  }
/*------------------------------------------------------
   FONT
   */
b
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bolder;
  color: #666;	 
 }
h1
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #0089A2;
  text-transform: none;
  text-decoration: none;
  margin-top: 0.0em;
  margin-bottom: 0.2em;
  line-height: 1em;
  }
h2 
{
  text-transform: uppercase;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #0089A2;	
  /* 
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 18px;
     font-weight: bolder;
     color: #009694;
     text-transform: none;
     text-decoration: none;
     margin-top: 0.0em;
     margin-bottom: 0.2em;
     line-height: 1em;
     */
  }
h3
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0089A2;
  text-transform: none;
  text-decoration: none;
  margin-top: 0.0em;
  margin-bottom: 0.2em;
  line-height: 1em;
  }
h4
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0089A2;
  text-transform: none;
  text-decoration: none;
  margin-top: 0.0em;
  margin-bottom: 0.2em;
  line-height: 1em;
  }
p
{
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #666;
  }
p a
{
  text-decoration: none;
  color: #009694;	
  }
p a:hover
{
  text-decoration: underline;
  color: #009694;
  }
.data
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  }
strong
{
  font-weight: bold;
  }
.bullet
{
  padding-left: 20px;
  background: url('images/bullet_icon.gif') no-repeat left; 
  }
.center
{
  text-align: center;
  }
/*------------------------------------------------------
   IMAGES
   */
.image
{
  padding: 0;
  margin: 0;
  border: 0;
  }
.headerImage
{
  text-align: left;
  padding: 0;
  border: 0;
  margin: 0;
  }
/*------------------------------------------------------
   TABLE
   */
#List
{
  width: 100%;
  border: 1px #cccccc solid;
  margin: 0;
  padding: 0;
  font-family: Lucida Grande, Helvetica, Trebuchet MS, Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  }
#List th
{
  margin: 0;
  padding: 4px;
  line-height: 1em; 	
  border-bottom: 1px #CCCCCC solid;
  height: 10px;
  font-family: Lucida Grande, Helvetica, Trebuchet MS, Verdana, Sans-Serif;
  font-size: 14px;
  color: #444444;
  font-weight: normal;
  text-align: left;
  background: #CCCCCC url('')  ;
  }
#List tr.list-no-hover
{
  margin: 0;
  font-family: Lucida Grande, Helvetica, Trebuchet MS, Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  }
/* added for non-detail lists  */
#List tr.list td
{
  margin: 0;
  font-family: Lucida Grande, Helvetica, Trebuchet MS, Verdana, Sans-Serif;
  font-size: 10px;
  font-weight: normal;
  }
#List tr.list:hover td, #List tr.list:hover td a
{
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
  background: #840F36;
  }
#List td
{
  margin: 0;
  padding: 4px;
  overflow: hidden;
  }
#List td a
{
  text-decoration: none;
  }
#List td a:hover
{
  text-decoration: underline;
  }
#ListDetailOptions
{
  padding: 0;
  height: 1.5em;
  border: 0;
  margin: 0;
  }
#PageResults
{
  width: 558px;
  padding: 2px;
  height: 1em;
  margin: 0;
  border: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666;
  }
#PageResults .results
{
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  }
#PageResults .page
{
  margin: 0;
  padding: 0;
  border: 0;
  float: right;
  text-align: right;
  }
/*------------------------------------------------------
   FORMS
   */
#HitCounter
{
  padding: 2px;
  margin: 0;
  width: 0;
  border: 1px #CCCCCC solid;
  background: #EEEEEE;
  }
input
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  border-top: 1px #AAAAAA solid;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  padding: 2px;
  }
textarea
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  border-top: 1px #AAAAAA solid;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  padding: 2px;
  }
button
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  border-top: 1px #FFFFFF solid;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
  border-bottom: 1px #AAAAAA solid;
  background: #EEEEEE;
  cursor: pointer;
  padding: 2px;
  }
select
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  border-top: 1px #FFFFFF solid;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
  border-bottom: 1px #AAAAAA solid;
  background: #EEEEEE;
  cursor: pointer;
  padding: 2px;
  }
hr
{
  width: 100%;
  height: 1px;
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;

  background: #0089A2;
  border-bottom: 1px #0089A2 solid;
  background-color: #0089A2;

  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  }
#Search
{
  color: #ffffff;
  position: absolute;
  right: 0;
  top: -15px;
  margin: 0;
  border: 0;
  width: 300px;
  text-align: right;
  background: transparent;
  z-index: 101;
  }









/* feature image setup */
.featureImage
{
  padding: 0px;
  margin: 0px;
  }
.featureImage:hover
{
  }


.featureImageTable, .featureImageTableLeft, .featureImageTableRight, 
.featureImageTable table, .featureImageTableLeft table, .featureImageTableRight table
{ 
  padding: 0px;
  margin: 2px;
  font-family: Verdana;
  font-size: 9px;
  font-weight: normal;
  color: #666;
  }
.featureImageTable, .featureImageTable table
{
  align: center;
  text-align: left;
  }
.featureImageTableLeft, .featureImageTableLeft table
{
  align: left;
  text-align: left;
  }
.featureImageTableRight, .featureImageTableRight table
{
  float: right;
  }

.featureImageTable img, .featureImageTableRight img, .featureImageTableLeft img
{
  padding: 0px;
  margin: 0px;
  max-width: 650px;
  /* width: expression(this.width >= 466 ?465:this.width); */
  }
.featureImageTable:hover img, .featureImageTableRight:hover img, .featureImageTableLeft:hover img
{
  padding: 0px;
  margin: 0px;
  }









img.FeatureIcon
{
  background: none;
  padding: 0px;
  margin: 0px;
  }
#Main a img
{
  padding: 0;
  border: 0;
  margin: 0;
  }
/* form table! */
.fTable
{

  width: 500px;
  
  margin: 10px;

  border: 0;
  font-family: Verdana;
  font-size: 14px;
  line-height: 1.5em;
  color: #666;
  background: #e4e4e4;
  }
.fTable .fBreak
{
  border-right: 1px #CCCCCC solid;
  border-left: 1px #CCCCCC solid;
  }
.fTable .fBreak hr
{
  background: #e4e4e4;
  height: 0 !important; height: 1px;
  border-bottom: 0 !important; border-bottom: 1px #FFFFFF solid;
  border-bottom: 0 !important; border-top: 1px #CCD4DA solid;
  }
.fTableTL
{
  margin: 0;
  padding: 0;
  width: 30%;
  background: url('images2/form_t.gif') repeat-x top left;
  }
.fTableTR
{
  width: 70%;
  margin: 0;
  padding: 0;
  height: 10px;
  text-align: right;
  background: url('images2/form_t.gif') repeat-x top left;
  }
.fTableL
{
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px #CCCCCC solid;
  background: #e4e4e4;
  text-align: right;
  font-weight: bold;
  }
.fTableM
{
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
  background: #e4e4e4;
  }
.fTableR
{
  padding-right: 10px;
  text-align: left;
  border-right: 1px #CCCCCC solid;
  background: #e4e4e4;
  }
.fTableSubmit
{
  padding-right: 10px;
  padding-left: 10px;
  text-align: right;
  border-right: 1px #CCCCCC solid;
  border-left: 1px #CCCCCC solid;
  background: #e4e4e4;
  }
.fTableBL
{
  margin: 0;
  padding: 0;
  height: 10px;
  background: url('images2/form_b.gif') repeat-x bottom left;
  }
.fTableBR
{
  margin: 0;
  padding: 0;
  height: 10px;
  text-align: right;
  background: url('images2/form_b.gif') repeat-x bottom left;
  }
/*-----------------------------------------------------------
   List 
   */
div.L1
{
  width: 750px;
  padding: 2px;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  text-shadow: #234C74 0px 1px 2px;
  color: #FFFFFF;
  background: #0089A2;
  }
td.L2
{
  padding: 4px 0 4px 0;
  border-top: 1px #E6E6E6 solid;
  }
td.L2, td.L3, td.L4, td.L5, td.L6, td.L7
{
  padding: 4px 0 4px 0;
  vertical-align: top;
  line-height: 16px;
  background: #FFFFFF;
  }
/*----------------------------------------
   details with groups.
   */
td.L2 .Info_Details
{
  float: left;
  font-weight: bold;
  }
td.L3 .Info_Details
{
  float: left;
  font-weight: bold;
  }
td.L4 div.Info_Details
{
  float: left;
  font-weight: bold;
  }
td.L5 div.Info_Details
{
  float: left;
  font-weight: bold;
  }
td.L6 div.Info_Details
{
  float: left;
  font-weight: bold;
  }
td.L7 div.Info_Details
{
  float: left;
  font-weight: bold;
  }
/*----------------------------------------
   padding for table of docs. different levels
   */
#LContainer2
{
  width: 750px;  
  padding: 0;
  border-left: 1px #E6E6E6 solid;
  border-right: 1px #E6E6E6 solid;
  border-bottom: 1px #E6E6E6 solid;
  font-family: Verdana;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  }
#LContainer3
{
  width: 750px;  
  padding-left: 20px;
  font-family: Verdana;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  }
#LContainer4
{
  width: 750px;  
  padding-left: 20px;
  border: 0;
  font-family: Verdana;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  }
#LContainer5
{
  width: 750px;  
  padding-left: 20px;
  border: 0;
  font-family: Verdana;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  }
#LContainer6
{
  width: 750px;  
  padding-left: 20px;
  border: 0;
  font-family: Verdana;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  }
#LContainer7
{
  width: 750px;  
  padding-left: 20px;
  border: 0;
  font-family: Verdana;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  }
#Container3 td, #Container4 td, #Container5 td, #Container6 td, #Container7 td
{
  border-top: 1px #999999 solid;
  }
/*--------------------------------------
   more stuff
   */
td.LMore
{
  background: #EEEEEE;
  }
td.LMore a
{
  font-weight: bold;
  text-decoration: underline;
  text-shadow: #BBBBBB 0px 1px 2px;
  color: #666;
  }
td.LMore a:hover
{
  color: #666;
  }
#Info_btn
{
  float: right;
  cursor: pointer;
  }
#Download_btn a
{
  color: #0099FF;
  text-decoration: underline;	
  }
#Download_btn a:hover
{
  color: #0066FF;
  }
img.FeatureIcon
{
  border: 1px #E6E6E6 solid;
  margin: 6px 10px 0 0;
  float: left;
  background: none;
  }
/*////////////////////////////////////////////////////////////////////////
// END Resource List Styles
////////////////////////////////////////////////////////////////////////*/
.CommentCount
{
  float: left;
  margin: 0;
  padding: 0 !important; padding-top: 4px;
  width: 120px;
  height: 20px;
  text-align: center;
  color: #666;
  font-size: 9px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  cursor: pointer;
  cursor: hand;
  background: url('/core/images/comment_bg.gif') no-repeat left top;
  background-color: none;
  }
.CommentCount strong
{
  font-size: 9px;
  font-weight: bold;
  color: #46A3D8;
  }
.NoComment
{
  float: left;
  margin: 0;
  padding: 0 !important; padding-top: 4px;
  width: 100px;
  height: 20px;
  text-align: center;
  color: #666;
  font-size: 9px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  vertical-align: middle;
  display: block;
  cursor: pointer;
  cursor: hand;
  vertical-align: center;
  background: url('/core/images/comment_bg2.gif') no-repeat left top;	
  background-color: none;


  text-decoration: none;
  }
.CommentsHeader
{
  padding: 6px;
  font-weight: bold;
  font-size: 9px;
  border-left: 1px #CCCCCC solid;
  background: #EEEEEE solid;
  }
.CommentIcon
{
  width: 28px;
  height: 23px;
  padding: 2px;
  margin: 2px;
  border: 1px #CCCCCC solid;
  background: #FFFFFF;
  float: left;
  }
.CommentsPosted
{
  border-top: 1px #DDDDDD solid;
  padding: 6px;
  font-size: 9px;
  background: #EFEFEF;
  }
.Comments
{
  font-size: 9px;
  padding: 6px;
  }
.CommentsForm
{
  font-size: 9px;
  padding: 6px;
  }





.glossary_pop
{
  background: #eee;
  color: #111;
  }
.main_glossary_over_div
{
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  padding: 5px;
  border: 1px white solid;
  background: #666;
  color: #FFF;
  font-weight: bolder;
  }



#comment_anchor_main, #comment_anchor_main td
{ 
font-size: 10px;
 }










.announce_bg
{ 
/* 
  position: absolute;
  top:0px;
  left: 0px;
  width: 920px;
  height: 137px;
  z-index: 10;

  background: black;
  opacity: 0.6;
  filter:alpha(opacity=60);
 */
  }

.announce_outer
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: bolder;
/* 
  position: absolute;
  top:0px;
  left: 0px;
  width: 920px;
 */
margin-bottom: 20px;
  z-index: 100;
  }


#announce_entry
{ 
  color: #FFF;
  text-align: center;
  }
#announce_entry:hover
{ 
  }


#announce_entry_first
{ 
  color: #ffcc00;
  text-align: left;
  background: #cc3300;
  padding: 0 0 0 10px;
  }





#announce_entry a
{ 
  display: block;
  width: 660px;
  height: 28px;
  background: #cc6600;

  color: #FFF;
  z-index: 102;
  text-decoration: none;
  }
#announce_entry a:hover
{ 
  color: #fff;
  cursor: pointer;
  text-decoration: none;

  background: #cc6600 url("images/announce_entry_bg_hl.png");

/* 
  background: transparent url("images/announce_entry_bg_hl.png") no-repeat top center;
 */
}





/*
============================================================
========= sidebar ==========================================
============================================================
*/
#SideNav hr 
{
  width: 100%;
  height: 1px;
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
  border: 0px;
  }
#SideNav 
{
  position: absolute;
  top: -13px;
  left: 1px;
  padding: 0px 0px 0px 0x;
  margin: 0;
  border: 0;
  width: 160px;
  }
#Sub 
{
  margin: 0;
  padding: 0px;
  }
#Sub ul 
{
  border: 0;
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  text-align: left;
  }
#Sub ul li a 
{
  margin: 0;
  text-decoration: none;
  display: block;
  text-align: left;
  }
#SubTitle 
{
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0 4px 0 4px;
  overflow: hidden;
  text-align: left;
  font-family: Verdana, Lucida Grande, Helvetica, Trebuchet MS, Sans-Serif;
  font-size: 11px;
  font-weight: bolder;
  color: #26326A;
  margin-top: 15px;
  margin-bottom: 15px;
  text-decoration: none;
  text-transform: uppercase;
  }
/*--------------------------------------
   Side Container
   */
#Sub ul li.SubBlank 
{
  margin: 0 0 0 0;
  padding: 4px;
  font-size: 10px;
  text-align: left;
  }
#Sub ul li.SubBlank a 
{
  margin: 0;
  padding: 0;
  border: 0;
  display: inline;
  text-decoration: underline;
  background: none;
  color: #c5747a;
  }
#Sub ul li.SubBlank a:hover 
{
  color: #c5747a;
  }
#SubLogin 
{
  margin: 0 0 0 0;
  padding: 4px;
  background: #FFFFFF;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  }
#SubSpacer 
{
  margin: 0;
  padding: 0;
  border: 0;
  height: 4px;
  font-size: 1%;
  line-height: 1px;
  }
/*------------------------------------------------------
   SUB SUB NAVIGATION
   */
#Sub ul li.subsubTitle 
{
  line-height: 20px;
  margin: 0;
  padding-left: 4px;
  overflow: hidden;
  font-family: Verdana, Lucida Grande, Helvetica, Trebuchet MS, Sans-Serif;
  font-weight: bolder; 
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  text-decoration: none;
  text-transform: uppercase;
  }
#Sub ul li.currentSub 
{
  margin: 15px 0 0 0;
  padding-left: 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #0089A2;
  font-weight: normal;
  text-align: left;
  }
#Sub ul li.currentSub a
{
  color: #0089A2;
  font-weight: bold; 
  text-decoration: none;
  }
#Sub ul li.subsub a 
{
  margin: 15px 0 0 0;
  padding-left: 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; 
  color: #fff;
  text-align: left;
  }
#Sub ul li.subsub a:hover, #Sub ul li.currentSub a:hover 
{
  color: #0089A2;
  }
#Sub ul li.subsubCustomTitle 
{
  line-height: 16px;
  margin: 25px 0 0px 0;
  overflow: hidden;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; 
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  }
#Sub ul li.subsubCustomCurrentTitle 
{
  line-height: 16px;
  margin: 25px 0 0px 0;
  overflow: hidden;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; 
  color: #0089A2;
  text-decoration: none;
  text-transform: uppercase;
  }
#Sub ul li.subsubCustomTitle:hover, #Sub ul li.subsubCustomCurrentTitle:hover
{
  color: #0089A2;
  cursor: pointer;
  }
#Sub ul li.subsubCustomTitle a, #Sub ul li.subsubCustomCurrentTitle a
{
  cursor: pointer;
  margin: 0px 0 3px 0;
  }
#Sub ul li.subsubCustomTitle a
{
  color: #fff;
  }
#Sub ul li.subsubCustomCurrentTitle a
{
  color: #0089A2;
  }
#Sub ul li.subsubCustomTitle a:hover, #Sub ul li.subsubCustomCurrentTitle a:hover
{
  color: #0089A2;
  cursor: pointer;
  }
.SideElement 
{
  }


#side_accordion
{ 
  background: black;
  width: 200px;
  padding: 1px 0 24px 24px;
}