body { margin: 0px; background-color: ececef;  }
body, table { color: black; text-decoration: none; font-family:  trebuchet ms, trebuchet, sans-serif; font-size: 90%; }
a { text-decoration: none; color: black; }

#content a, #sidecontent a { text-decoration: underline; }
#sidecontent { background-image: url(bluegradient.png); background-repeat: no-repeat; }

#container { cell-padding: 0px; cell-spacing: 0px; table-layout: fixed;  }
h1 { font-family: trebuchet ms, trebuchet, arial black, sans-serif; font-weight: 900; font-size: 130%; margin: 0 0 .2em 0; }
h3 { font-family: trebuchet ms, trebuchet, arial black, sans-serif; font-weight: 700; font-size: 115%; margin: 0 0 .2em 0; }
#head { background-color: #336699; width: 42em; background-image: url('howhleft-ssl.png'); background-position: left top; background-repeat: no-repeat;  }
#supportnav { background-color: #336699; padding: .5em 0 0 1.5em; }
#supportnav { background-image: url('howhright-ssl.png'); background-repeat: no-repeat; background-position: -40em 0; }
#supportnav a { display: block; width: 49%; line-height: 1.7em; font-family: trebuchet ms, trebuchet, sans-serif; float: left; text-decoration: underline;  }
#supportnav a:hover, a:hover { color: 000066; }
#navigation { background-color: #ff6600; }

#content, #footer, #sidecontent { padding: 1.5em; background-color: white; }
#content table { cell-padding: .1em; }

#container { background-color: black; width: 62em; margin: 0 auto; }
#container td { vertical-align: top; }
#footer { background-color: #7B9FC8; padding: .3em .3em; }
.colorblock3 { background-color: #7b9fc8; }
em { color: #cc0000; font-style: normal; }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 12em;
        background-color: #FFB920;
        text-align: center;
        color: black;
        text-decoration: none;
        border-width: 0 1px; border-style: solid; border-color: #ff6600; 
        padding: 5px 0;
}

#nav a:hover { background-color: #FFdd33;  }

#nav li { /* all list items */
	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;

	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; z-index: 2;
}


#nav li ul a { background-color: #FFB920; border-width: 0 1px 1px 1px; border-color:  #ff6600; border-style: solid; text-align: left; padding-left: 3px; }
#nav li ul a:hover { background-color: #FFdd33; }







#details a { background-color: #FFCC33; color: black; text-decoration: none; display: block; float: center; text-align: center;}
#details a:hover, #details a:hover { background-color: #99CC66; color: white; }

.centered {  text-align: center; vertical-align: middle; }

#content table, #content table td, #matrix table td, #content table td, .content table td, .matrix, .matrix td{  border-spacing: 0px; border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #333; padding: 2px; text-align: center; font-size: 12px; } 
#content table { table-layout:fixed; width: 100% }
#content table td a img { border: none; }

/* 
#about table td { border-width: 0px; padding: 2px; }
#about table { border-style: dotted } */

.colorblock { background-color: #FFCC33; font-weight: bold; color: black; }
.colorblock a { color: black }
.colorblock2 { background-color: #336699; font-weight: bold; color: white }
.colorblock2 a { color: white; text-decoration: none !important; }
.colorblock2 a:hover { text-decoration: underline; }

.bright { color: #ff0000; }
.noborder { border-width: 0px; }


/* CSS Tooltips */
a.info{
    position:relative; /*this is the key*/
    z-index:1; 
    color:#000;
    text-decoration: none !important }

a.info:hover{z-index:25; background-color:#9CBF58; text-decoration: none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:16em;
    border-width: 1px !important; border-style: solid; border-color: #FF6600;
    padding: .2em;
    background-color:#FFCC33; color:#000;
    text-align: center
    text-decoration: none; }

.larger { font-size: 130% !important; }

.borderless, borderless td { border-width: 0px !important; }

#nav a, #nav li {
	width: 10.28em;
}