BODY { 
  font-family: Verdana, Arial, sans-serif;
}

.navbar:link { color: #CDFDFF ; text-decoration: none; }
.navbar:visited { color: #0606bf ; text-decoration: none; }
.navbar:hover  { color: #040486 ; text-decoration: none; }
.navbar:Active  { color : #00fefe; }   

a:link { color: #006600 ; text-decoration: none; }
a:visited { color: #040486 ; text-decoration: none; }
a:hover  { color: #aa00aa ; text-decoration: none; }
a:active  { color: #000000 ; text-decoration: none; }

img.navbull { margin-top: 5px; }

.littlespace {font-size:4px; font-family: 'Verdana, Arial';}

.gothnav:link { font-size: 10px; font-family: Verdana, Arial ; color: #006600; text-decoration: none; font-weight: normal; }
.gothnav:hover { font-size: 10px; font-family: Verdana, Arial ; color: #aa00aa; text-decoration: none; font-weight: normal; }
.gothnav:visited { font-size: 10px; font-family: Verdana, Arial ; color: #040486; text-decoration: none; font-weight: normal; }

.navbox {text-decoration: none;font-size: 12pt; position:relative;  font-weight: 700}

.navboxlogin {font-size: 7pt; font-weight: 300;}

.navboxcurrent {font-size: 12pt; font-weight: 900;}

.navboxcurrent1 {font-size: 10pt;font-weight : normal;  }

.subtitle {
	font-size:9pt;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	}

.subtitlei {
	font-size:9pt;
	font-weight: bold;
	font-style: oblique;
	font-family: Verdana, Arial, sans-serif;
	}

.large {
	font-size:14pt;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	}

.emphasis {
	font-size:12pt;
	font-weight: bold;
	font-style: oblique;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}

.italic {
	font-size:12pt;
	font-style: oblique;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}

.standard {
	font-size:12pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}

.mysmall {
	font-size:10pt;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	}

.mysmallblue {
   	background-color: #91c5fe;
	font-size:10pt;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	}

.myverysmallyellow {
   	background-color: #91c5fe;
	font-size:5;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	}


.footer {
	font-size:9pt;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	}

p {
	font-size:12pt;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	}

pre {
    font-family: Courier;
   }

i   {
	font-style: oblique;
    font-family:  Verdana, Arial, sans-serif;
    }
    

b   {
    font-weight: bold;
    font-family:  Verdana, Arial, sans-serif;
    }
    

.title {
    color: #0099ff;
    font-family: Verdana, Arial, sans-serif;
    }

.mred {
   color: #00bbe6;
	}

.blue {
   color: #91c5fe;
	}

.white {
	color: #ffffff;
	}

.yellow {
   color: #f9f07d;
	}

h1 {
    font-family:  Verdana, Arial, sans-serif;
	color: #333333;
	font-style: normal;
	letter-spacing: 0em;
    }
    
h2 {
    font-family:  Verdana, Arial, sans-serif;
	color: #666666;
	font-style: normal;
	letter-spacing: 0em;
    }

h3 {
    font-family:  Verdana, Arial, sans-serif;
	color: #999999;
	font-style: normal;
	letter-spacing: 0em;
    }

h4 {
    font-family:  Verdana, Arial, sans-serif;
	color: #aaaaaa;
	font-style: normal;
	letter-spacing: 0em;
    }

h5 {
    font-family:  Verdana, Arial, sans-serif;
	color: #bbbbbb;
	font-style: normal;
	letter-spacing: 0em;
    }

    div.uedge {
      width: 90%;
      background-color: #f9cc72;
      background-image: none;
    }
    div.redge {
      background-image: url(/images/corners/redge.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.bedge {
      background-image: url(/images/corners/bedge.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.ledge {
      background-image: none;
    }
    div.ulcorner {
      background-image: url(/images/corners/tlcorner.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.urcorner {
      background-image: url(/images/corners/trcorner.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.blcorner {
      background-image: url(/images/corners/blcorner.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.brcorner {
      background-image: url(/images/corners/brcorner.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 15px 30px 30px 15px;
    }
    div.innercontent {
      width: 100%;
    }
    div.middle {
      width: 272px;
      background-image: url(/images/corners/middle.gif);
      background-repeat: repeat-y;
    }
    div.top {
      background-image: url(/images/corners/top.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.bottom {
      background-image: url(/images/corners/bottom.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
      padding: 15px 30px 30px 15px;
    }

p.Upgrade { text-align: right; }
p.Notyet { margin-top: 0px; padding-top: 0px; font-style: italic; color: magenta; font-size: smaller}
p.Level { margin-top: 0px; padding-top: 0px; font-style: italic; color: maroon; }
TH.Ancdesc { text-align: center; text-indent: 0px; font-weight: normal;
    font-family:  Verdana, Arial, sans-serif;
 color: #222222 }
Th.Descval { text-align: left; text-indent: 5px; font-weight: normal }
Th.Ancval { text-align: center; text-indent: 0px; font-weight: normal }
tr.Options { vertical-align: top; }
th.Optlabel { padding-top: 10px; text-align: left; }
td.Optlabel { padding-top: 10px; text-align: left; }
table.Chartcrumb { color: #a0a0a0 }
td.Chartcrumb { color: grey }
p.Code { padding-top: 15px; font-weight: bold; color: grey; margin-left: 3em;}
p.Code:first-line {margin-left: 0em;}
p.ChartExample {font-style: italic}
TH.Tags { padding-top: 15px; text-align: left; font-weight: bold; color: grey; }
TD.Tagval { padding-top: 15px; text-align: left; }
TH.Page { padding-top: 15px; text-align: left; font-weight: bold; color: grey; }
TH.Select { text-align: left; text-indent: 10px; font-weight: bold; color: #222222}
TH.Selectval { text-align: left; text-indent: 15px; font-style: italic; color: grey; }
td.VerticalRule { text-indent: 0px; width="1" }
Td.Selectval { text-align: left; text-indent: 5px; font-style: normal; color: #111111; }
DT.Selectval { text-align: left; font-style: italic; color: grey; }
TH.Radio { text-align: left; text-indent: 10px;  font-weight: bold; }
TH.Radioval { text-align: left; text-indent: 15px;  font-style: italic; }
TH.Checkbox { text-align: left; text-indent: 10px; font-weight: bold; font-size: smaller;}
TH.Checkval { text-align: left; text-indent: 15px; font-style: italic; color: grey; }
TH.Person { text-align: left; text-indent: 15px; font-weight: bold; }
TD.Person { text-align: left; text-indent: 15px; font-weight: bold; }
TD.Navbar { text-align: center; font-weight: bold; background-color: #28C2FF }
TD.Navnow { text-align: center; font-weight: bold; background-color: #34FFA4 }
table.pdf { text-align: center; }
TH.PDF { text-align: center; font-weight: bold; font-size: smaller; background-color: #A0ffA0; color: #000000; }
table.quoted { background-color: #fffffb; }
#h2 { page-break-before: always; }
.break { page-break-before: always; }
.keeptogether {page-break-inside: avoid}
blockquote.italic { font-weight: italic; background-color: #ffffe0; }
blockquote.quoted { background-color: #fffff0; }
.attribution { background-color: #fbfbff; }
p.agenda { font-weight: bold; }
li.agenda { font-weight: bold; }
p.notes { font-weight: italic; color: green; }
OL.withroman { list-style-type: lower-roman }
OL.loweralpha { list-style-type: lower-alpha }

/* helptip works fine */
/* a:hover {background:#ffffff; } /*BG color is a must for IE6*/
a.helptip span {display:none; padding:3px; margin-left:40px; margin-top: 20px; width:200px;}
a.helptip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; font-size: 20px; text-align: left; z-index:24; }
/* csshover */
th.hoverhead { text-align: right; width: 8em; }
td.hoverval { text-align: left; }
#menu {
width: 100%;
/* background: #eee; */
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 8em;
float: left;
}
#menu a, #menu h2 {
/* font: bold 11px/16px arial, helvetica, sans-serif; */
/* font-size: smaller; */
font-size: 14px; font-weight: bold; color: gray; 
/* display: block; */
/* border-width: 1px; */
/* border-style: solid; */
/* border-color: #ccc #888 #555 #bbb; */
margin: 0;
padding: 2px 3px;
}
#menu h2 {
color: #fff;
/* background: #000; */
/* text-transform: uppercase; */
}
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}
#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;}

#menu ul ul {
top: -1em;
left: 60%;
position: absolute;
z-index: 50;
padding: 1.25em 0.5em;
}

#menu ul ul ul {
top: -1em;
/* hoverhead depth plus 0.25 em so colon will show. */
left: 8.25em;
z-index: 51;
padding: 1.25em 0.5em;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
 border-width: 1px;
 border-style: solid;
 border-color: #ccc #888 #555 #bbb;
 background: #fff;
 width: 48em;
}
/* div#menu ul ul li:hover ul { position: relative; top:0px; left: 0px; z-index: 53; } */
/* div#menu ul ul ul li:hover ul { position: relative; top:0px;  left: 0px; z-index: 55; } */
/* end of csshover */
/* related to csshover: */
span.selected { background-color: #a0ffff; }
span.lispace { font-size: 2px; }
/* end of related to csshover. */
/* To hide pictures when using TagToTip: */
span.tagtotip { display:none; }
/* Image map with no border */
.mapspan { position: absolute; z-index: 10; }
/* Picture border with gold border */
.picspan { position: absolute; z-index: 10; width: 0; border: #FFD700; border-width: thin medium thin medium; border-style: solid; }
/* For use with HTML list; gold background */
.photobug { background-color: #FFD700; }
.photonot { background-color: gray; }
/* http://ryanfait.com/resources/disappearing-images-in-ie/ */
/* Does not work. */
img { position: relative; }
/* Small paragraph for Image: below main image */
p.mainimagelabel { text-align: left; text-indent: 0px; font-weight: normal; font-size: 10px; }