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;
	line-height: 30px;
	letter-spacing: 0em;
    }
    
h2 {
    font-family:  Verdana, Arial, sans-serif;
	color: #666666;
	font-style: normal;
	line-height: 26px;
	letter-spacing: 0em;
    }

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

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

h5 {
    font-family:  Verdana, Arial, sans-serif;
	color: #bbbbbb;
	font-style: normal;
	line-height: 10px;
	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; }
body.chartcgi { margin-top: 0px; margin-left: 0px; }
table.chartcgi { padding-left: 5px; padding-right: 5px; }
table.CGIWritep {
 background-color: #f0f0f0;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
}
table.CGISelectedPersons {
 background-color: #f0f0f0;
}
table.CGITopline { vertical-align: middle; padding-top: 3px; padding-bottom: 3px; }
TR.CGITopline { padding-top: 3px; padding-bottom: 3px; }
.CGIDiffline { background-color: orange; }
TR.CGIForm { vertical-align: bottom; }
TH { text-align: left; font-weight: normal; }
table.CGIAncdesc { padding-left: 10px; padding-right: 10px; }
TH.Ancdesc { text-align: center; text-indent: 0px; font-weight: normal;
    font-family:  Verdana, Arial, sans-serif; font-size: smaller;
 color: #222222 }
TH.CGIAncdesc { text-align: right; text-indent: 0px; font-weight: normal;
	font-size: smaller; }
TH.CGIAncdescval { text-align: left; text-indent: 0px; font-weight: normal }
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; }
hr.ChartTable { height:3px;border-width:0;color:gray;background-color:gray }
table.Chartcrumb { color: #a0a0a0 }
td.Chartcrumb { color: grey }
p.Error { padding-top: 15px; font-weight: bold; color: #d00000; text-align: center; }
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}
.Tags { padding-top: 15px; text-align: left; font-weight: bold; color: grey; }
TH.CGITags { text-align: left; padding-top: 15px; font-size: smaller; 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.CGIPage { padding-top: 15px; text-align: left; font-weight: bold; font-size: smaller; color: grey; }
TH.Textbox { text-align: left; text-indent: 10px; font-weight: bold; color: #222222}
TH.Textdown { text-align: left; text-indent: 8px; font-weight: bold; color: #222222}
TH.Select { text-align: left; text-indent: 10px; font-weight: bold; color: #222222}
TH.CGISelect { text-align: left; text-indent: 0px; font-weight: normal }
TH.Selectval { text-align: left; text-indent: 15px; font-style: italic; color: grey; }
TH.CGISelectval { text-align: right; text-indent: 0px; font-size: smaller; font-weight: normal }
TH.CGISelectdown { text-align: left; text-indent: 5px; font-size: smaller; font-weight: normal; }
TH.CGISelectvaldown { text-align: right; text-indent: 0px; font-size: smaller; font-weight: normal }
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; }
Select.Selectvaldown { text-indent: 0px; font-size: smaller; font-weight: normal }
TH.Radio { text-align: left; text-indent: 10px;  font-weight: bold; }
TH.CGIRadio { text-align: left; text-indent: 0px; font-weight: normal }
TH.Radioval { text-align: left; text-indent: 15px;  font-style: italic; }
TH.CGIRadioval { text-align: right; text-indent: 0px; font-weight: normal }
TH.CGIRadiodown { text-align: left; text-indent: 5px; font-weight: normal }
TH.Checkbox { text-align: left; text-indent: 10px; font-weight: bold; font-size: smaller;}
TH.CGICheckbox { text-align: left; text-indent: 0px; font-weight: normal; font-size: smaller;}
TH.Checkval { text-align: left; text-indent: 15px; font-style: italic; color: grey; }
TH.CGICheckval { text-align: right; text-indent: 0px; font-weight: normal }
TH.CGICheckboxdown { text-align: left; text-indent: 5px; font-weight: normal; font-size: smaller; }
TH.CGICheckvaldown { text-align: right; text-indent: 0px; font-weight: normal }
Input.CGICheckvaldown { text-indent: 0px; font-size: smaller; font-weight: normal }
.CGIInputtag { text-align: right; text-indent: 0px; font-weight: normal; font-size: smaller; }
.CGIInputval { text-align: left; text-indent: 0px; font-weight: normal; }
TH.Person { text-align: left; text-indent: 15px; font-weight: bold; }
.CGIPerson { text-align: left; text-indent: 0px; font-weight: normal; font-size: smaller}
TD.Person { text-align: left; text-indent: 15px; font-weight: bold; }
TD.CGIPerson { text-align: left; text-indent: 0px; font-weight: normal; }
.CGISubmit { text-align: left; font-weight: bold; background-color:#A0ffA0;color:#000000;}
TD.CGISliderclass { text-align: left; text-indent: 0px; font-weight: normal; font-size: smaller; text-decoration: none }
TD.Navbar { text-align: center; font-weight: bold; background-color: #28C2FF }
TD.Navnow { text-align: center; font-weight: bold; background-color: #34FFA4 }
TD.Navnew { text-align: center; font-weight: bold; background-color: #A4A4FF }
table.pdf { text-align: center; }
.PDF { text-align: center; font-weight: bold; font-size: smaller; background-color: #A0ffA0; color: #000000; }
TH.CGIPDFWrapper { text-align: center; padding-top: 7px; padding-bottom: 7px;}
TH.CGIPDF { text-align: center; font-weight: bold; font-size: smaller; background-color: #A0ffA0; color: #000000; }
/* assorted coloration */
.popup { color: #9F141A; cursor: help; text-decoration: none; }
.pop { color: #9F1A1A; cursor: crosshair; text-decoration: none; }
.popm { color: #D0D0FF; cursor: text; text-decoration: none; }
.popf { color: #FFD0D0; cursor: vertical-text; font-family: arial; text-decoration: none; }
.boxm { background-color: #EAEAFF; }
.boxf { background-color: #FFEAEA; }
/* 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:200;}
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 */
body { behavior: url("csshover3.htc"); } 
th.hoverhead { text-align: right; width: 120px; }
td.hoverval { text-align: left; }
#menu {
width: 100%;
/* background: #eee; */
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 6em;
float: left;
}
#menu a, #menu h2 {
/* font: bold 11px/16px arial, helvetica, sans-serif; */
/* font-size: smaller; */
font-size: 14px; font-weight: bold; color: grey; 
/* 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: 0;
left: 75%;
position: absolute;
z-index: 500;
padding: 1em 0.5em;
}

#menu ul ul ul {
top: 0;
left: 30%;
padding: 1em 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: 36em;
}
/* end of csshover */
/* related to csshover: */
span.selected { background-color: cyan; }
span.lispace { font-size: 4px; }
/* 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: 1; }
/* Picture border */
.picspan { position: absolute; z-index: 1; width: 0; border: gold; border-width: thin medium thin medium; border-style: solid; }
/* For use with HTML list */
.photobug { background-color: gold; }
.photonot { background-color: grey; }
/* 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; }
