html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}


:focus {
 outline: 0;
}


ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}


table {
 border-collapse: collapse;
 border-spacing: 0;
}
.logo{
    background-image: url("images/logo_orange_white.gif");
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    left: 10px;
    width: 160px;
    height: 100%;
}
div#header {
    background-color: #41467D;
    background-image: url(images/upward_gradient.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
 position: relative;
 margin: 0px;
 height: 65px;
 border-style: none none solid;
    border-width: 1px;
    border-color: #090B19;
}
div#mid-header {
    width: expression((document.body.clientWidth<=700)?(700 +"px"):(document.body.clientWidth>=950)?(950 +"px"):document.body.clientWidth+"px"); max-width: 950px; min-width: 700px;; margin-left: auto; margin-right: auto;;
    background-repeat: no-repeat;
    background-position: center;
    height: 65px;
    position: relative;
}
ul#menu {
 position: absolute;
 bottom: -2px;
 right: 1em;
 margin: 0px;
 padding: 0px;
}
li.menu_item {
    display: inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
a.inactive_tab {
    border-style: solid solid none; border-width: 1px; padding: 4px 0; margin: 1px; width: 8em; display: block; text-decoration: none; text-align: center; font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif; font-size: 80%; float:left;;
    background: #E6E9FF;
    background-image: url("images/shade_bottom.gif");
    background-repeat: repeat-x;
    background-position: bottom left;
 border-color: #090B19;
    color: #41467D;
}
a.active_tab {
    border-style: solid solid none; border-width: 1px; padding: 4px 0; margin: 1px; width: 8em; display: block; text-decoration: none; text-align: center; font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif; font-size: 80%; float:left;;
    background: white;
 border-color: #090B19;
    color: #F68620;
}
li.menu_item a:hover {color: #F68620;}
a.active_tab:hover {color: #1F1F1F;}
div#mini_menu {
    font-size: 70%;
 position: absolute;
 font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
 right: 10px;
 top: 8px;
 color: #F68620;
}
div#mini_menu a {
 color: white;
 text-decoration: none;
 display: inline;
}
div#mini_menu a:hover {
    color: #E6E9FF;
}
div#footer {
    width: expression((document.body.clientWidth<=700)?(700 +"px"):"auto"); min-width: 700px;;
    background-image: url(images/downward_gradient.gif);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #15182E;
    border-style: solid none none;
    border-width: 1px;
    border-color: #090B19;
 color: white;
 font-size: 80%;
 font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
 text-align: center;
}
div#footer_content {
    width: expression((document.body.clientWidth<=700)?(700 +"px"):(document.body.clientWidth>=950)?(950 +"px"):document.body.clientWidth+"px"); max-width: 950px; min-width: 700px;; margin-left: auto; margin-right: auto;;
    color: white;
    height: 150px;
    width: 504px;
    background-image: url(images/footer_logo.gif);
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}
div#footer_content td {
    color: #F68620;
    width: 25%;
}
div#footer_content a {
    text-decoration: none;
    color: white;
    background-image: url(images/orange_arrow_right.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}
div#footer_content a:hover {
    color: #F68620;
}
div#footer_content table {
    width: 70%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}
div#copy {
    width: expression((document.body.clientWidth<=700)?(700 +"px"):(document.body.clientWidth>=950)?(950 +"px"):document.body.clientWidth+"px"); max-width: 950px; min-width: 700px;; margin-left: auto; margin-right: auto;;
    padding-right: 2em;
    margin-top: 10px;
    margin-bottom: 10px;
 text-align: right;
 color: #333547;
}
div#front_center {
    text-align: center;
    width: 950px;
}
div#front_center div#image {
    margin-top: 1em;
    margin-bottom: 1.5em;
    border: solid 1px #E6E9FF;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
table#topic_buttons {
    width: 100%;
}
td.topic_button img#rec_topic_symbol, td.topic_button_hover img#rec_topic_symbol,
td.topic_button img#det_topic_symbol, td.topic_button_hover img#det_topic_symbol,
td.topic_button img#track_topic_symbol, td.topic_button_hover img#track_topic_symbol {
    float: left;
    margin: 10px 1em;
}
td.topic_button a {
    color: white;
}
td.topic_button h1, td.topic_button_hover h1 {
 font-weight: normal;
}
td.topic_button {
    vertical-align: middle;
    color: white;
    font-size: 150%;
    line-height: 65px;
    background-color: #F68620;
    border: 1px solid #FFD2A2;
    width: 310px;
    cursor: pointer;
 text-align: left;
}
td.topic_button:hover, td.topic_button_hover{
  vertical-align: middle;
  color: white;
  font-size: 150%;
  line-height: 65px;
  background-color: #FFD2A2;
  border: 1px solid #FFD2A2;
  background-position: bottom left;
  background-repeat: repeat-x;
  width: 310px;
  cursor: pointer;
  text-align: left;
}
td.topic_separator {
    width: 10px;
}
table#info_table {
    margin-top: 1em;
    margin-bottom: 2em;
    width: 950px;
}
td.info_table_element {
    width: 25%;
}
td.info_table_element_mid {
    padding: 0 2em;
}
table#products_box {
    background-color: #E6E9FF;
    width: 100%;
    margin-bottom: 3em;
}
table#products_box td {
    vertical-align: top;
}
img#code_image {
    padding: 10px;
}
div#main img.product_image {
    padding: 0;
    margin: 0;
    display: inline;
}
table#products_box table tr {
    padding: 2em;
}
table#products_buttons {
    margin: 0.5em;
}
td#product_button_split {
    height: 1.5em;
}
td#products_title {
    font-size: 150%;
    color: #41467D;
    font-weight: bold;
    font-size: 22px;
    width: 500px;
}
div#product_button:hover div#product_button_title {color: #F68620;}
div#product_button {
    vertical-align: middle;
    color: white;
    border: 1px solid #26294A;
    background-color: #41467D;
    background-image: url(images/upward_gradient.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    width: 300px;
    cursor: pointer;
    padding: 1em;
    text-align: center;
}
div#products_info {
  width: 338px;
  color: #41467D;
  font-size: 110%;
  padding: 0.5em 0;
}
td#product_button:hover {
}
div#product_button_title img {
    position: relative;
    bottom: -4px;
}
div#product_button_title {
    font-size:20px;
    line-height: 32px;
}
tr#products_bottom {
    background-image:url(products/light_grad_down.gif);
    background-position: top left;
    background-repeat: repeat-x;
    height: 32px;
}
tr#products_top {
    background-image:url(products/light_grad_up.gif);
    background-position: top left;
    background-repeat: repeat-x;
    height: 32px;
}
div#links_div {
 float: right;
 margin: 1em auto;
 background-color: #FFD2A2;
 padding: 10px 35px 15px 35px;
 border: 1px solid #F68620;
 font-style: italic;
}
div#links_div a {
 color: #41467D
}
div#code_sample {
 text-align: left;
 font-family: monospace;
 white-space: pre;
 font-size: 10px;
 background-color: #333;
 color: white;
 padding-left: 20px;
 width: 350px;
 border-width: 1px;
 border-color: black;
 border-right-style: solid;
 border-bottom-style: solid;
}
div#code_sample span.code_comment {
 color: red;
}
div#code_sample span.line_number {
 color: gray;
}
body {
    background-color: #15182E;
}
div#page {
 background-color: white;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
 margin:0;
    padding:0;
    display: block;
    text-align: center;
}
div#main {
    width: expression((document.body.clientWidth<=700)?(700 +"px"):(document.body.clientWidth>=950)?(950 +"px"):document.body.clientWidth+"px"); max-width: 950px; min-width: 700px;; margin-left: auto; margin-right: auto;;
    background-color: white;
 padding: 1em;
 position: relative;
 font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
 font-size: 80%;
 line-height: 150%;
 text-align: left;
 color: #1F1F1F;
}
div#main img {
 margin: 10px auto;
 display: block;
 width: auto;
 clear: both;
 text-align: center;
}
div#main img.left, div#main img.right {
    margin: 10px 2px;
}
div#main h2 {
    font-size: 170%;
    color: #F68620;
    margin: 0.5em 0;
}
a.unstyled {
    text-decoration: none;
}
a {
    text-decoration: underline;
    color: #16AC53;
}
a:hover { color: #20F677;}
p {
    margin-bottom: 0.8em;
}
div#main h3 {
    color: #41467D;
    border-bottom: dotted 2px #E6E9FF;
    font-size: 120%;
    margin: 0.5em 0;
    clear: both;
}
div#main h4 {
    color: #41467D;
    margin: 0.5em 0;
    font-size: 120%;
}
div#main h5 {
    color: #41467D;
    margin: 0.3em 0;
    font-size: 105%;
}
div#main h6 {
    font-size: 110%;
    margin: 0.3em 0;
}
a.fancy {
    text-decoration: underline;
    color: #16AC53;
    background-image: url(images/green_arrow_right.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}
div#main h2 a:hover, div#main h3 a:hover, div#main h4 a:hover, div#main h5 a:hover, div#main a.fancy:hover {
    color: #20F677;
}
ul, ul ul ul, ul ul ul ul ul {
 list-style-image: url(images/li1.gif);
 padding-left: 1.5em;
}
ul ul, ul ul ul ul {
    list-style-image: url(images/li2.gif);
    padding-left: 1.5em;
}
hr { color: #1F1F1F; height: 0px;}
div#categories {
    float: left;
    margin: 10px;
    margin-left: 0px;
    padding: 10px;
    border-right: 1px solid #41467D;
    width: 20%;
}
a.category_title {
    text-decoration: none;
    color: #F68620;
}
div#content {
    height: auto;
}
ul.category_list, li.category_item {
    list-style-image: none;
    font-weight: bold;
}
ul.article_list, ul.article_list li{
    list-style-image: url(images/blue_arrow_right.gif);
    font-weight: normal;
}
a.article_link {
    color: #41467D;
    text-decoration: none;
}
div.sub_list_container {
    overflow: hidden;
}
div#related {
    border-top: dotted 2px #E6E9FF;
    padding: 1em 0;
}
table.alternating_rows {
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}
table.alternating_rows tr td, table.alternating_rows tr th{
    padding: 5px 10px 5px 10px;
}
table.alternating_rows tr.even td {
    background-color: white;
}
table.alternating_rows tr.odd {
 background-color: #E6E9FF;
 border-top: 1px solid lightgray;
 border-bottom: 1px solid lightgray;
}
table.alternating_rows td li {
    margin-bottom: 0.2em;
}
div.bio {
    margin-left: 1em;
}
div.quote, blockquote {
    width: 500px;
    margin: 1em auto;
    background-color: #FFD2A2;
    padding: 10px;
    padding-left: 37px;
    border: 1px dashed #F68620;
    font-style: italic;
    background-image: url(images/quote.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
div.cite {
    text-align: right;
}
div.yt_video_cont {
    text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
}