/* Basic YUI Overrides for Zoombli Documents. Assumes YUI Reset, Fonts, and Grids precedes. */
body { font-family: Arial, Helvetica, sans-serif; line-height:1.55em;}
div#bd {  position:relative; left:0px;}
#doc2 #bd {  position:relative; left:0px; padding-bottom:30px;}
#doc #bd { padding-bottom:30px;}
#doc div#hd { position:relative; left:0px;}
#doc2 div#hd { position:relative; left:0px;}
#doc div#ft { }
#doc2 div#ft { }
.yui, .yui-g, .yui-gc { margin-bottom:4px; }

/* HTML Tag Level Styles */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1, h2, h3 { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; margin-bottom:.35em;}
h1 {font-size:1.4em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h4 {font-size:1.025em;}p
h5 {font-size:.9em;}
h6 {font-size:.75em;} 
strong {font-weight:bold;}
em {font-style:italic;}
a, a:link, a:hover, a:visited { text-decoration:none; }
p { padding-bottom:10px; line-height:1.35em;}
small{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em;}
ul li { margin-left:15px; list-style-position:outside; list-style-type:disc;}

/* ID Named Element Styles */

/* HTML Elements which Descend from ID Named Elements */
#ft ul {color:#999; font-size:.85em; margin-right:13px;}
#ft ul li { float:right; padding:0px 15px 0px 5px; border-right: solid #868786 1px; list-style-type:none;}

/* Class Styles */
li.hover { border-left: solid 2px #fff;}
div.crm { position: relative; background-color:#fff2cd; background-image:none;}
div.drk { position: relative; background-color:#243684; background-image:none;}
div.brt, .brt a, .brt a:link, .brt a:hover, .brt a:visited { position: relative; background-color:#06f; background-image:none; color:#fff;}
    .blDrk { position:absolute; bottom: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -90px no-repeat; }
    .tlDrk { position:absolute; top: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -65px no-repeat;  }
    .brDrk { position:absolute; bottom: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -90px no-repeat; }
    .trDrk { position:absolute; top: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -65px no-repeat;  }
    .tlBrt { position:absolute; top: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -5px no-repeat; }
    .trBrt { position:absolute; top: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -5px no-repeat; }
    .brBrt { position:absolute; bottom: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -30px no-repeat; }
    .blBrt { position:absolute; bottom: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -30px no-repeat; }
    .tlCrm { position:absolute; top: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -125px no-repeat; }
    .trCrm { position:absolute; top: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -125px no-repeat; }
    .brCrm { position:absolute; bottom: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -150px no-repeat; }
    .blCrm { position:absolute; bottom: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -150px no-repeat; }
    .tlBrtr { position:absolute; top: 0px; left: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -17px -181px no-repeat; }
    .trBrtr { position:absolute; top: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -181px no-repeat; }
    .brBrtr { position:absolute; bottom: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -194px no-repeat; }
    .blBrtr { position:absolute; bottom: 0px; left: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -17px -194px no-repeat; }
    .tlStaticNavInset { position:absolute; top: 0px; left: 0px; height:7px; width:7px; background:url(../img/sprite.jpg) -22px -219px no-repeat; }
    .trStaticNavInset { position:absolute; top: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -181px no-repeat; }
    .brStaticNavInset { position:absolute; bottom: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -194px no-repeat; }
    .blStaticNavInset { position:absolute; bottom: 0px; left: 0px; height:7px; width:7px; background:url(../img/sprite.jpg) -22px -227px no-repeat; }

