body		{text-align:center;background:#000091}
.container      {width:900px;background:#fac604;margin-left:auto;margin-right:auto;}
.head		{
       position:relative;
       width:100%;
       text-align:center;
       padding-top:60px;background:url(bar.gif);background-repeat:repeat-x;
                     }
#content	{position:relative;margin-left:200px;text-align:left;
}
#content p {margin-left:auto;margin-right:auto;width:500px;padding:2px 10px 2px 10px;}
.foot		{position:relative;height:150px;padding:0;width:100%;text-align:center;background:url(bot.gif);background-repeat:repeat-x;background-position: bottom;}
.foot p{padding-top:0px}
h2 {text-align:center;}
h3 {text-align:center; color:#1F1294;}
#pullbox {position:relative;z-index:100;width:200px;border:1px dotted #ff0000;float:right;text-align:center;margin:0 10px 10px 0;}
.title{background:red;color:yellow;margin-left:220px;margin-right:20px;}
.navigate	{position:relative;width:100%;padding:5px;text-align:center;}
.navigate img   {border:2px solid #EC1385;}
.navigate a{}
img {border:0;margin:0px;}
#col1{width:200px;float:left;margin-left:250px;}
#col2{width:200px;float:left;}
hr{color: #EC1385}
.clrall{clear:both;}
.clrlft{clear:left;}
.clrrht{clear:right;}
#announce {width:200px;height:100px;overflow:scroll;border:2px solid #000; background:#fff; color:#000;font-family:arial;font-size:8pt;padding:0;margin:5px}
#announce p{padding:0 6px;}
.center{text-align:center;}
#news p{font: 900 12pt/16pt Arial, Helvetica, sans-serif;color:#5454AF;text-align:center;padding:1px;}
#news {width:400px;border:2px solid #000; background:#fff; color:#000;font-family:arial;font-size:8pt;padding:0;margin:5px}
#comments {width:250px;height:100px;overflow:scroll;border:2px solid #000; background:#fff; color:#000;font-family:arial;font-size:8pt;padding:0;margin:5px}
#button a{display:block;background:#85B6CF;border-top:1px solid #B3D1E1;border-right:1px solid #B3D1E1;border-bottom:1px solid #346783;border-left:1px solid #346783;text-align:center;text-decoration: none;width:350px;}
#button a:hover{display:block;background:#5799BD url(graphics/rbsoft.gif);border-top:1px solid #346783;border-right:1px solid #346783;border-bottom:1px solid #B3D1E1;border-left:1px solid #B3D1E1;text-align:center;color:#0000FF;text-decoration: none;}
.submenu {text-align: center;}
.submenu a {padding: 20px;text-decoration: none; font-size: 14pt;}
.submenu a:hover {color: #000000; text-decoration: underline;}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
#subnav {
	position:relative;
	width:800px;
	height:30px;
	background-color:#96ACC5;
	text-align:right;
	font-weight:bold;
        color:#fff}
#subnav a{
	text-decoration:none;
	color:#3974c2;
        line-height:30px;
        margin-right:10px;
        font-weight:900;}
.nav ul {margin:0;padding:0;}
.nav li {display:inline;padding:7px;}
.nav {background-image: url(bg_nav.jpg);background-repeat: repeat-x;text-align:center;height:32px;margin:0;padding:0;}
.nav a:link {font-weight: bold; font-size: 12px;line-height:32px; color: #000000; font-family: Tahoma; text-decoration: none}
.nav a:visited {font-weight: bold; font-size: 12px; color: #000000; font-family: Tahoma; text-decoration: none}
.nav a:hover {font-weight: bold; font-size: 12px; color: #3974c2; font-family: Tahoma; text-decoration: none}

#subnav{background:url(bg_nav.jpg)}
.bluehead {color:#99A3FB;font-size:1.3em;}
      div.home_text{
        margin: 0 0 20px 0;
      }
      div.home_text h1{
        margin: 0;
        padding: 8px 0 2px;
        font-family: times new roman, arial, sans-serif;
        font-size: 1.2em;
        font-weight: normal;
        color: #fc5110;
      }
      div.home_text h2{
        padding: 14px 0 0 0;
        margin: 0 0 6px 0;
        font-family: times new roman, arial, sans-serif;
        font-size: 1em;
        font-weight: bold;
        font-style: italic;
        color: #fc5110;
      }
      div.home_intro_1{
        margin: 0 20px 0 0;
        width: 360px;
        float: left;
      }
      div.home_intro_2{
        width: 360px;
        float: left;
      }
      div.products{
        margin: 20px 0;

      }
      table.products{
        width: 780px;
      }
      td.pa_lhs_1{
        padding: 0;
        width: 616px;
        vertical-align: top;
      }
      div.pa_lhs_1{
        margin: 0;
        padding: 1px 0 0 0;
        border-top: #ccc 1px solid;
      }
      div.pa_lhs_2{
        margin: 0;
        padding: 4px 0;
        border-top: #a5a5a5 1px solid;
      }
      p.pa_title{
        margin: 6px 0;
        font-size: 1em;
        font-weight: bold;
        color: #cf004d;
      }
      a.pa_1{
        color: #cf004d;
        text-decoration: none;
      }
      p.pa_abstract{
        margin: 2px 0 0 0;
        font-family: arial, verdana, sans-serif;
        font-size: 0.8em;
        color: #000;
      }
      a.pa_2{
        color: #000;
        text-decoration: none;
      }
      td.pa_lhs_2{
        padding: 4px 0 6px 0;
        font-size: 0.9em;
      }
      td.pa_lhs_3{
        padding: 4px 4px 6px 0;
        font-size: 0.9em;
        text-align: right;
        text-align: right;
      }
      td.pa_rhs{
        padding: 5px 0 5px 5px;
        width: 130px;
        vertical-align: top;
      }
      div.clear{
        font-size: 1px;
        clear: both;
      }
            div.top_3{
        margin: 3px 10px 0 10px;
        padding: 3px 0;
        font-family: arial, verdana, sans-serif;
        font-size: 0.75em;
        font-weight: bold;
        text-transform: uppercase;
        text-align: right;
        color: #d20f57;
        border-top: #fff 1px solid;
        border-bottom: #777 1px solid;
      }
      a.top_3{
        color: #d20f57;
        text-decoration: none;
      }
      a.top_3:hover{
        color: #fff;
      }
      a.pd_enlarge,
      a.sub_cat{
        font-family: arial, verdana, sans, serif;
        font-size: 0.7em;
        color: #000;
        text-decoration: none;
      }
      p.pd_selection{
        margin: 2px 0 0 0;
        font-family: arial, verdana, sans, serif;
        font-size: 0.7em;
        color: #000;
        text-decoration: none;
      }
      div.pd_all{
        padding: 0 0 20px 0;
      }
      div.pd_imgs{
        margin: 0 0 0 10px;
        width: 190px;
        text-align: center;
        float: right;
      }
      img.pd_img{
        border: #888 1px solid;
      }
      div.pd_img{
        margin: 10px 0;
      }
      h2.pd_error{
        color: #f00;
      }
      p.pd_error{
        margin: 3px 0 6px 0;
        font-family: arial, verdana, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        color: #fff;
        display: inline;
        background-color: #f00;
      }
      div.pd_options{
        padding: 0 0 16px 0;
      }
      div.pd_detail{
        width: 155px;
        float: left;
      }
      p.pd_detail{
        margin: 4px 0 8px 0;
        font-family: arial, verdana, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
      }
      div.pd_size{
        padding: 1px 0;
        font-family: arial, verdana, sans-serif;
        font-size: 0.8em;
      }
      div.pd_type{
        padding: 1px 0;
        font-family: arial, verdana, sans-serif;
        text-align: left;
        font-size: 0.8em;
      }
      div.pd_order{
        margin: 10px 0 0 0;
        padding: 20px 0 0 0;
        border-top: #888 1px solid;
        text-align: center;
      }
      input.pd_button{
        font-family: arial, verdana, sans-serif;
        font-size: 0.8em;
        width: 280px;
      }
      div.sub_cat{
        margin: 0 8px 10px 0;
        width: 125px;
        float: left;
        text-align: center;
        border: #888 1px solid;
      }
      a.sub_cat{
        font-family: arial, verdana, sans, serif;
        font-size: 0.7em;
        color: #000;
        text-decoration: none;
      }
.banner {width:728px;border: groove red 4px;}
.right{float:right;}
.left{text-align:left;}
.cls{clear:both;}
.cleft{clear:left;}
.cright{clear:right;}
#sidebar{position:relative;width:180px;float:left;margin:0 7px 10px 10px;}
#sidebar ul{list-style:none;text-align:left;margin-left:10px;}
#sidebar a{display:block;}
.spacer{background:rgb(112, 77, 18);color:yellow;}
.spacer a{color:yellow;text-decoration:none;font-weight:bold;}
.spacer a:hover{color:white;}
.small{font-size:small;padding:2px;margin:0;}
.section {margin:0;padding:2px;}
.adsenselike{text-align:left;width:210px;height:90px;margin:12px;font-size:small;float:left;}
.adsenselike a{color:blue;font-weight:900;}
#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}
#nav_bottom{background-color:#e6e6e6;width:auto;text-align:center;height:26px;line-height:26px;}
#nav_bottom a{text-decoration:none;}
#dragbar{
cursor: hand;
cursor: pointer;
background-color: #BEBEBE;
min-width: 100px; /*NS6 style to overcome bug*/
}
#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
.expander a {
  text-decoration: none;
  background:red;color:yellow;
}
.articleList {font-size:0.75em;height:10em;overflow:scroll;background:#fff;}
.articleList ul {list-style-type:none;margin:0;padding:0;}
.articleList li {padding:3px 0;}
#linkList {text-align:left;margin-left:4.5em;}
#linkList  li{list-style-type:none;margin:0;padding:5px;}
#frame {width:800px;margin-left:-180px;}
ol{margin-right:250px;}
table {margin-left:auto;margin-right:auto;width:600px; }
.endline {color:#668FC7; font-weight:900;}
p .wrap {width:100%;padding:10px;}
td {padding:2px;border-bottom:2px solid #668FC7;}
.books {width:290px;height:200px;float:left;padding:3px;border:1px dashed red;margin:10px;}
.books img {float:left;margin:2px;}
#display:before {font-weight:bold; content:"Key Lessons: "}
#display {font-style:italic;width:500px;margin-left:250px;text-align:left;}
#dropmenudiv{position:absolute;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height:18px;z-index:100;}
#dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;text-decoration: none;font-weight: bold;}
#dropmenudiv a:hover{ /*hover background color*/background-color: yellow;}
.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #fffbf9;
border: solid 1px #980401;
background: #c50503; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ff8a50), to(#c30000)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #ff8a50, #c30000); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a50', endColorstr='#c30000'); /* for IE */
}
.button:hover {
background: #c50503;
background: -webkit-gradient(linear, left top, left bottom, from(#c30000), to(#ff8a50));
background: -moz-linear-gradient(top, #c30000, #ff8a50);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30000', endColorstr='#ff8a50');
}
.button:active {
border: solid 1px #ec3331;
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#dc3921), to(#ffb36a));
background: -moz-linear-gradient(top, #dc3921, #ffb36a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3921', endColorstr='#ffb36a');
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fac604;
    color:#00f;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:-12em; width:15em;
    border:1px solid #f00;
    background-color:#1F1294; color:#FFFFFF;
    text-align: left;padding:5px;}

#navbar {
	margin: 0;
	padding: 0;
	height: 1em; }
#navbar li {
	list-style: none;
	float: left;
        margin:2px; }
#navbar li a {
	display: block;
	padding: 3px 3px;
	background:rgb(112, 77, 18);
        color:yellow;
	text-decoration: none; }
#navbar li ul {
	display: none;
	width: 10em; /* Width to help Opera out */
	background-color: #2D3A97;}
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #0036A6;
	border-bottom: 1px solid #fff;
	color: #FFFFFF; }
#navbar li li a:hover {
	background-color: #0040C6; }