/* CSS Document */ /* CSS Document */ /****** body of page set to no margins or paddings, font set Verdana, font-size to 80%, aligns all content to the center, and the color of text is a off-black color ******/ html { display: block; margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #ffffff; text-align: center; color: #333333;} body { display: block; margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #ffffff; text-align: center; color: #333333;} body#look ul#subnav li a.t_look { text-decoration: underline; } body#judge ul#subnav li a.t_judge { text-decoration: underline; } body#whatwedo ul#subnav li a.t_whatwedo { text-decoration: underline; } body#mag_trib ul#subnav li a.t_mag_trib { text-decoration: underline; } body#canthelp ul#subnav li a.t_canthelp { text-decoration: underline; } /****** ------ ******/ /****** main container area ******/ /** a absolute width is set and aligning of content to the left (this counter-acts html,body style)**/ #container { display: block; width:766px; margin:auto; padding: 0; text-align:left; height: 2px;} a { color: blue; text-decoration: none; background-color: #ffffff; font-size: 100%; } a:hover {text-decoration: underline;} p a:hover {text-decoration: underline;} a:visited {text-decoration: none;} h1 {font-size: 1.1em; margin: 0 0 10px 0; width: 100%; color: #27318b; background-color: #fff;} h2 {font-size: 95%; color: #27318b; background-color: #fff;} h3 {font-size: 90%; color: #27318b; background-color: #fff;} h4 {font-size: 85%; color: #27318b; background-color: #fff;} h5 {font-size: 80%; color: #27318b; background-color: #fff;} h6 {font-size: 75%; color: #27318b; background-color: #fff;} form { font-size: 0.7em} hr {height: 1px;} p { font-size: 0.7em; line-height: 1.3em; margin: 0 0 1em 0; padding: 0;} ul { font-size: 0.7em; margin: 0 0 0.5em 2em; padding: 0;} ol { font-size: 0.7em; margin: 0 0 0.5em 2.5em; padding: 0;} li p { font-size: 100%;} li ul { font-size: 100%; margin-top: 5px; margin-bottom: 0; list-style-type: disc;} li ol { font-size: 100%; margin-top: 5px; margin-bottom: 0;} /** skip navigation **/ a.skip { float: left; font-size: 1px; color: white; background-color: #fff; height: 1px; width: 100%;} #tophead { display: block; width: 100%; height: 80px; margin: 0; color: #333333; background-color: #ffffff;} /******************************************/ /** logo floats left height fixed height **/ #logo { display: block; height: 80px; float: left; width: 157px; margin: 0; padding: 0; background: url(/images/logo.gif) no-repeat top left;} /******************************************/ /******************************************/ /** global navigation floats right contains links and search **/ #globalnav { display: inline; text-align: right; width: 609px; height: 80px; float: right; margin: 0; padding: 0; color: #000; background: #fff;} /*******************/ /** links floating right within main global nav conatiner **/ #globalnav ul{ list-style: none; margin: 0; padding: 6px 0 7px 0;} #globalnav ul li{ display: inline;} #globalnav ul li a{ padding: 0.5em 0.5em 0.5em 0.5em; margin: 0 0 0 -6px; background-color: #fff; text-decoration: none; color: #000;} /** hover effect to show underline under each link**/ #globalnav ul li a:hover { text-decoration: underline; background-color: #fff; color: #000;} #globalnav ul li a.current{ text-decoration: underline; background-color: #fff; color: #000;} #globalnav p { display: block; background-color: #fff; margin: 25px 7px 0 0; padding: 7px 0 0 0; color: #333;} /*******************/ /*******************/ #banner { display: block; color: #333333; width: 100%; margin: 5px 0 0 0; padding: 0; height: 32px; background: #009d95;} /*******************/ /***************************************************************/ /** left hand navigation **/ #bannerTop { height:24px; background:#27318b; } #nav { display: block; float: left; height: 100%; width: 165px; color: #333333; background-color: #fff; margin: 0; padding: 0;} #nav ul { background-color: #eee; list-style: none; padding: 0; border: 1px solid #009d95; color: #333333; margin: 30px 0 0 0; width: 165px; voice-family: "\"}\""; /* box model hack required for IE5 as width calculations are different - also needed extra pixel on margin */ voice-family: inherit; width: 148px;} html>body #nav ul { width: 165px;} #nav ul li {display: inline; /* fixes white space bug in IE5 */} #nav ul li a { display: block; margin: 0; padding: 8px 5px 8px 10px; color: #333333; background-color: #eee; text-decoration: none; text-align: left; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; width: 165px; voice-family: "\"}\""; /* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */ voice-family: inherit; width: 148px;} html>body #nav ul li a {width: 148px;} #nav ul li a:hover { color: #ffffff; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; background: #009d95 url() no-repeat bottom right;} #nav ul li a.current { color: #ffffff; background: #009d95; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } /** sub navigation (level 2)**/ ul#subnav { list-style: none; padding: 0; margin: 0; width: 163px; background-color: #fff; border-right: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9;} html>body ul#subnav { width: 163px;} ul#subnav li a { display: block; margin: 0; padding: 4px 2px 4px 8px; color: #333333; background-color: #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; text-decoration: none; text-align: left; width: 162px; voice-family: "\"}\""; /* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */ voice-family: inherit; width: 150px;} html>body ul#subnav li a { width: 150px;} ul#subnav li a:hover { color: #000000; font-weight: normal; background-color: #fff; text-decoration: underline; border-bottom: 1px solid #fff; border-left: 1px solid #fff;} ul#subnav li a.current { color: #000000; font-weight: normal; background-color: #fff; text-decoration: underline; border-bottom: 1px solid #fff; border-left: 1px solid #fff;} /** container for breadcrumbs, content and level 3 navigation **/ #info { float: left; display: inline; background-color: #fff; color: #333333; padding: 0; margin: 0; width: auto;} /** hack **/ html>body #info {margin-left: 170px; width: 596px; } /** breadcrumbs **/ #bread { background-color: #fff; padding: 0.5em 0 0.1em 20px; margin: 0; color: #009d95;} #bread a{ color: #009d95; background-color: #fff;} #bread a:hover {text-decoration: underline;} #bread p{color: #27318b; background-color: #fff;} /** content area **/ #content { margin: 0 0 0 0; padding: 0 20px 0 20px; color: #333333;} #content a { font-size: 70%; } #content p a {font-size: 100%; } #content p.list { font-size: 70% } #content li a { font-size: 100%; } .reddot { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; color: #ff0000; font-size: 70%; } .reddotmetadata { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; color: #ff0000; font-size: 70%; } .reddotlist { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; color: #ff0000; margin: 0; padding: 0; font-size: 100%; } .reddotbox { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff0000; font-size: 100%; } .hidden { display: none; } /* CSS Document */