/* =General Styles---------------------------------------------- */
body {margin:0 auto; text-align:left; background:#efefef; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }
* {margin: 0; padding: 0;}
img, hr {border: 0;}
.clear {clear: both; }
ul li {list-style: none}
a.backtotop {background: url(../images/arrow_top.gif) no-repeat 0 1px;clear:both; padding-left:20px; font-size: 0.8em;}
#content  li p.note {font-size:1em}

/* =Page Structure (only styles related to structure i.e. width, height, padding, float, etc. are listed here. All other styles are applied further in this file)----------------------------------------------- */

div#container {background:#fff ; margin: 0 auto; min-width: 50em; width:57.5em; padding: 0 0 0 20px; }
#wrapper {background: #fff ; height: 100%;}
#middleCol {margin: 0 1.3em 0 1.3em; }
#middleCol p{font-size: 0.8em; color: #333}
#base { margin: 0 auto; height: 50px; width:57.77em; *padding: 0 10px }

/* =Content----------------------------------------------------- */
#content {width: 100%; float:left; }
#content p {line-height: 1.6em; color:#333; margin: 0 10px 10px 0}
#content h1 { padding: 17px 0 18px 0; margin: 0 0 15px 0; font-size: 1.1em; color:#016767; font-weight: bold; border-bottom: 1px solid #b1d6d6; background:url(../images/bgd_h1.gif) repeat-y top right; width: 99.9%; border-right: 1px solid #b1d6d6; border-top: 1px solid #b1d6d6;}
#content h2 {margin: 25px 0 10px 0; font-size: 1em; color:#016767; }
#content h2 a {color:#0033cc; text-decoration: underline}
#content h2 a:hover {color:#0033cc; text-decoration: none}
#content h3 {font-size:0.9em; color:#016767; font-weight: bold; margin: 20px 0 5px 0;}
#content h4 {font-size:0.8em; color:#016767; font-weight: bold; margin: 20px 0 5px 0;}
#content a {color:#0033cc; text-decoration:underline; cursor:pointer }
#content a:visited {color:#551A8B; text-decoration:underline; }
#content a:focus {background:#ffffcc; }
#content a:hover {text-decoration:none;}
#content a:active {text-decoration:none;background:#ffffcc; }

/* =Lists----------------------------------------------- */
#content li {font-size: 0.8em; line-height: 1.6em; margin-top: 0.85em; margin-left: 1em}
#content li li, #content td li, #content td li li {font-size: 1em}
#content ul {margin:0 0 10px 1.5em}
#content ol {margin:0 0 10px 1.5em}
#content ul li {vertical-align: super; list-style-image: url(../images/bullet.gif); list-style-type: none}
#content ul li li {vertical-align: baseline }

/* =Header ----------------------------------------------- */
#header {padding-right: 20px; width: 400px; }