body { margin: 0; padding: 0; border: 0; background: #E8E8CA; color: #000000; font-family: Helvetica, Arial, sans-serif; line-height: 120%; } TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; } .clearfix { height: 1%; } #navigation { background: #A3C3EE url(http://www.realicity.com/images/nav-bg-30.gif) center top repeat; padding: 0 0 0 140px; font-family: Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; text-align:center; border-bottom: 0px solid #3E74B1; border-top: 0px solid #3E74B1; } /*Had: text-transform: uppercase;*/ #navigation ul { margin: 0 auto; padding: 0; list-style: none; } #navigation ul li { margin: 0; padding: 0; float: left; list-style: none; } #navigation ul li a { display: block; padding: 3px 24px 3px 24px; text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 90%; letter-spacing: .05em; } #navigation ul li a:hover { color: #FFFFFF; background: #2B75D1 url(http://www.realicity.com/images/nav-bg-dark-30.gif) center top repeat; } /* START HIERARCHICAL MENU - HORIZONTAL */ /* set colors and styles */ #menu { margin:0 0 0 0; padding:0; list-style: none; float: left; } #menu ul { width: 19em; border: 1px solid #fff; border-bottom: 0; float: left; margin: 0; padding: 0; list-style: none; text-align: left; background: #A3C3EE url(http://www.realicity.com/images/nav-bg-30.gif) center top repeat;} #menu li { position: relative; float: left; display: block; background: #A3C3EE url(http://www.realicity.com/images/nav-bg-30.gif) center top repeat; } #menu li a { display: block; } #menu li li { float: none; clear: left; width: 19em; } #menu img { display: block; } #ie #menu { margin:0 0 0 0; padding:0; list-style: none; float: left; } #menu li { display: inline; } #menu li ul a { color: #FFFFFF; text-decoration: none; padding: .3em 8px; border-bottom: 1px solid #fff; display: block; letter-spacing: normal; text-transform: none; } #menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #FFFFFF; background: #2B75D1 url(http://www.realicity.com/images/nav-bg-lighter-30.gif) center top repeat; } /* position sub-level drop-downs */ #menu ul ul { top: 0; margin: 0 0 0; } /* the magic - only edit where notated */ #menu li:hover { z-index: 5; } #ie #menu li li a { height: 1%;} /* allows IE to use block hovers */ #ie6 li.hierover { z-index: 5; } /* overlay fix for IE6 */ /* hides/shows all levels */ /* hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; } /* shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li.hierover ul, #menu li li.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 0; } /* shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hierover ul, #menu ul li li.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; } /* END HIERARCHICAL MENU - HORIZONTAL */ H1.Header { color: #CC0000; font-family: Arial, Helvetica, sans-serif, Tahoma, Times New Roman, Times, serif; font-size: 16px; text-align: center; margin: 0 0 13px 0; } H2.Header { color: #333333; font-family: Arial, Helvetica, sans-serif, Tahoma, Times New Roman, Times, serif; font-size: 15px; text-align: center; margin: 0 0 13px 0; } H1 { color: #2B75D1; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma, Times New Roman, Times, serif; font-size: 17px; text-align: center; margin: 0 0 13px 0; } H2 { color: #4777B2; font-family: Arial, Helvetica, sans-serif, Tahoma, Times New Roman, Times, serif; font-size: 15px; text-align: center; margin: 0 0 13px 0; } H3 { font-family: Arial, Helvetica, sans-serif, Tahoma, Times New Roman, Times, serif; font-size: 15px; text-align: center; margin: 0 0 13px 0; } H4 { color: #BB0000; font-family: Arial, Helvetica, sans-serif, Tahoma, Times New Roman, Times, serif; font-size: 14px; text-align: center; margin: 0 0 13px 0; } A { color: #0000DD; } A:visited { color: #9999CC; } A:hover { color: #DD0000; } .nav { font-size: 12px; color: #FFFFFF; text-align: center; padding: 0 0 0 0; Cursor: Hand; } .nav A { color: #FFFFFF; text-decoration: none; } .nav A:visited { color: #FFFFFF; text-decoration: none; } .nav A:hover { color: #FFFFFF; text-decoration: none; } .contactbox { font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; padding: 0px; margin: 10px 0 20px 0; } .contactboxheader { font-size: 13px; color: #215EAA; padding: 5px; } .contactboxcontent { font-size: 12px; color: #000000; padding: 5px 10px 10px 10px; } .contactboxcontent LI { list-style: none; padding: 0; } .contactboxcontent A { color: #0000DD; text-decoration: underline; } .contactboxcontent A:visited { color: #0000DD; text-decoration: underline; } .contactboxcontent A:hover { color: #DD0000; text-decoration: none; } .requestbox { background: #E8E8CA; border: 1px solid #E8E8CA; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0 0 20px 0; } .requestboxheader { background: #EDF2CB url(http://www.realicity.com/images/tan-background.gif) center top repeat; font-size: 13px; color: #215EAA; text-align: center; padding: 5px; } .requestboxcontent { background: #FFFFFF; font-size: 12px; color: #000000; padding: 5px 10px 10px 10px; } .requestboxcontent P { margin: 0 0 8px 0; } .requestboxcontent A { color: #0000DD; text-decoration: underline; } .requestboxcontent A:visited { color: #0000DD; text-decoration: underline; } .requestboxcontent A:hover { color: #DD0000; text-decoration: none; } .rightbox { font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; padding: 0px; margin: 10px 0 20px 0; } .twitter { border: 1px solid #016AFF; } img#photo { border: 1px solid #CCCCCC; padding:5px; margin: 0px 10px 10px 0px; } img#photoleft { float: left; border: 1px solid #CCCCCC; padding:5px; margin: 0px 10px 10px 0px; } img#photoright { float: right; border: 1px solid #CCCCCC; padding:5px; margin: 0px 0px 10px 10px; } P#references { padding:0 0 7px 0; text-align: justify;} .footer { font-size: 11px; font-weight: normal; color: #444444; text-align: center; padding: 3px 0 3px 0; } .footer A { color: #444444; text-decoration: none; } .footer A:visited { color: #444444; text-decoration: none; } .footer A:hover { color: #444444; text-decoration: underline; } #footerHeadline { font-size: 13px; padding: 0 0 5px 0; } #footerCopyright { font-size: 11px; } .linkfooter { font-size: 11px; font-weight: normal; color: #444444; text-align: center; } .linkfooter A { color: #0000DD; } .linkfooter A:visited { color: #0000DD; } .linkfooter A:hover { color: #DD0000; } .posthide { DISPLAY: none; } .postshow { DISPLAY: inline; } .sideright { border-right:1px solid #CCCC99; text-align:left; margin-left:0px; margin-right:0px; padding-top:5px; padding-left:2px; padding-right:6px; padding-bottom:3px; } .sideleft { border-left:1px solid #CCCC99; text-align:left; margin-left:0px; margin-right:0px; padding-top:5px; padding-left:2px; padding-right:5px; padding-bottom:5px; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }