﻿/* netscape inheritance-handicap stylesheet, redundant, but effective */
/* designed for ease of re-deployment 
td,*/p,li, div { color: #333333; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; }
a.sign:link { color: #333333; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: underline; }
a.sign:visited { color: #333333; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: underline; }
a.sign:hover { color: #333333; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: underline; }
a.sign:active { color: #333333; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: underline; }
/* this is the default link style, and the one used in paragraphs of text for all subpages */
a:link   { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: underline; }
a:visited   { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: underline; }
a:hover   { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: underline; }
a:active   { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: underline; }

/* this is the link style used in the top gold gradient bar */
a.header:link   { color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; }
a.header:visited   { color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; }
a.header:hover   { color: #0066CC; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; }
a.header:active   { color: #000066; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; }

/* this is the link style used for the breadcrumb trail */
a.context:link   { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; }
a.context:visited   { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; }
a.context:hover   { color: #0066CC; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; }
a.context:active   { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; }

/* this is the link style used for the small footer links */
a.footer { padding-left: 5px; padding-right: 5px; }
a.footer:link { color: #666666; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }
a.footer:visited { color: #666666; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }
a.footer:hover { color: #333399; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }
a.footer:active { color: #666666; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }

.head { color: #00007C; font: bold 17px/18px Arial, Helvetica, Tahoma, sans-serif; }
.headerbar { background-image: url(./images/header_background.gif); height: 23px; width: 780px; background-color: White; }
.subhead { color: #333333; font: bold 12px Arial, Helvetica, Tahoma, sans-serif; }
.note { color: #333333; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; }
.caption { color: #333333; padding: 0; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif;  }
.context { color: #333366; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; }
.footer { color: #333333; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }
.textonly { color: #333333; font: normal 6pt/6pt Arial, Helvetica, Tahoma, sans-serif; }

.form { background: #FFFFFF; color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif }
table { margin: 0px; padding: 0px; }
dl { text-align: left; margin: 20px; }
dt { margin-bottom: 10px; font-size: larger; font-weight: bolder; }
dd { position: relative; left: 25px; margin-bottom: 15px; }

.introbar {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #003399; left: 0px; clip:   rect(   ); font-weight: bold; color: #FFFFFF; position: relative}
span.introtopbar { margin: 0px 0px 0px 0px; position:relative; top:-4px; left:-4px; height:23px; width: 757px; padding-left:5px; padding-right:0px;  background-image: url(../images/header_background.gif); text-align:left; padding: 0px 0px 0px 0px;}
img { border: 0;}
body { margin-top:0px; background-color: #000099; background-image: url(./images/background.gif); text-align: center; min-width: 780px; }
.nobr { white-space: nowrap; }
.leftalign { text-align: left; }
.wizard { margin-left: 10px; margin-right: 10px; }
.panel { width: 760px; background-color: #FFE0C0; margin: 10px; padding-top: 1px; padding-bottom: 1px; }
.floatleft { float: left; margin-left: 10px; }
.floatright { float: right; margin-right: 10px; }
.gradientBottom { background-image: url(./images/grad_bottom.jpg); background-repeat: repeat-x; height: 9px }
.sidemenu { background-color: #d4e0e0; height: 350px; width: 120px; margin: 0px; overflow: visible }
.sidemenu a { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #bbb #999 #777 #aaa; margin: 0; padding: 2px 3px; color: #000; background: #d4e0e0; text-decoration: none }
.sidemenu a:visited { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #bbb #999 #777 #aaa; margin: 0; padding: 2px 3px; color: #000; background: #d4e0e0; text-decoration: none }
.sidemenu a:active { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #bbb #999 #777 #aaa; margin: 0; padding: 2px 3px; color: #000; background: #d4e0e0; text-decoration: none }
.sidemenu a:hover { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #bbb #999 #777 #aaa; margin: 0; padding: 2px 3px; color: #aa0000; background: #e8e8e8; text-decoration: none }
.sidemenuroot { background-image: url('./images/menu_back.gif'); padding-bottom: 40px; border: none; background-position: bottom; background-repeat: no-repeat }
td.sidemenutop { padding: 0px; height: 7px; background-image: url('./images/sidemenu-top.jpg') }
td.sidemenutopcorner { padding: 0px; width: 10px; background-image: url('./images/sidemenu-topcorner.jpg') }
td.sidemenuside { padding: 0px; width: 10px; background-image: url('./images/sidemenu-side.jpg') }
td.sidemenubottomcorner { padding: 0px; height: 9px; background-image: url('./images/sidemenu-bottom.jpg') }
td.sidemenubottom { padding: 0px; width: 10px; background-image: url('./images/sidemenu-bottomcorner.jpg') }
.sidemenuimg { margin: 2px 0px 2px 0px }
.jumpnav { width: 300px; text-align: left; border: solid 1px black; padding-left: 4px; background-color: #FFF0E0 }

/* these are mostly just for convenience.  If these need to be changed, it is
	easier to change them here than to have to change them in all the files */
.usageTip { background-color: #ffffff; padding: 5px 5px 5px 5px; }
.usageTipHeader { color: Blue; font-style: italic; }
.zeroMargin{margin-left: 0px; margin-right: 0px;}
.grayBorder { border: solid 1px Gray; }
.redBorder { border: solid 1px Red; }
.blackBorder { border: solid 1px Black; }
.noBorder{border:none;}
.autoMargin { margin-left: auto; margin-right: auto; }
.radio label { display: inline-block; }
.center{text-align:center;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.blue{color:Blue;}
.black{color:Black;}
.fullWidth{width:100%;}
.backColor{background:#E0E0E0;}
.borderColor{border:solid 1px gray;}
.separator{margin: 5px 0px 0px 0px;}
.inset { border: solid 1px black; margin-left: 10px; margin-right: 10px; padding: 10px }
