/* 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; background: url(background.jpg) no-repeat top center;} body { display: block; margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #ffffff; text-align: center; color: #333333; background: url(background.jpg) no-repeat top center;} /****** ------ ******/ /****** 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: #eee;} 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%; border-bottom: 1px solid #162934; color: #132632;} h2 {font-size: 95%; color: #132632;} h3 {font-size: 90%; color: #132632;} h4 {font-size: 85%; color: #132632;} h5 {font-size: 80%; color: #132632;} h6 {font-size: 75%; color: #132632;} 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; height: 1px; width: 100%;} #tophead { display: block; width: 100%; height: 120px; margin: 0; padding: 0; color: #333333; background-color: #ffffff;} /******************************************/ /** logo floats left height fixed height **/ #logo { display: block; height: 120px; float: left; width: 157px; margin: 0; padding: 0; background: #eee url(/images/logo.jpg) no-repeat top left; border-left: 1px solid #162934 } /******************************************/ /******************************************/ /** global navigation floats right contains links and search **/ #globalnav { display: inline; text-align: right; width: 609px; height: 120px; float: right; margin: 0; padding: 0 0 0 0; color: #132632; background: #fff; voice-family: "\"}\""; voice-family: inherit; width: 608px;} } html>body #globalnav { padding: 65px 0 0 0;} /*******************/ /** links floating right within main global nav conatiner **/ #globalnav ul{ list-style: none; margin: 61px 0 0 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: transparent; text-decoration: none; color: #132632;} /** hover effect to show underline under each link**/ #globalnav ul li a:hover { text-decoration: underline; color: #132632;} #globalnav ul li a.current{ text-decoration: underline; color: #132632;} #globalnav p { display: block; margin: 25px 7px 0 0; padding: 7px 0 0 0; color: #333;} /*******************/ /*******************/ #banner { display: block; color: #333333; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #F8981D; height: 32px; } /*******************/ /** search box floats left within global navigation container **/ #search { float: right; color: #333333; margin: 4px 3px 0 3px;} /** hack - only browsers above ie5.5 pick up this style**/ html>body #search {margin-left: 8px;} /** search box **/ #box { font-size: 95%; border: 1px solid #000; background-color: #ffffff; padding: 3px 3px 0 3px; color: #333333; width: 130px; height: 20px;} /** hack - only browsers above ie5.5 pick up this style**/ html>body #box { height: 16px;} /** search button **/ #button { font-size: 90%; border: 1px solid #000; background-color: #CCCCCC; color: #333333; margin: 0; padding: 2px 1px 0 1px;} /** hack - only browsers above ie5.5 pick up this style**/ html>body #button {padding: 2px;} /*******************/ /******************************************/ /***************************************************************/ /***************************************************************/ /** left hand navigation **/ #nav { display: block; float: left; height: 100%; width: 155px; color: #333333; background-color: #fff; margin: 0; padding: 0; voice-family: "\"}\""; voice-family: inherit; width: 139px;} html>body #nav { width: 156px;} #nav ul { background-color: #eee; list-style: none; padding: 0; border-left: 1px solid #132632; border-right: 1px solid #132632; border-bottom: 1px solid #132632; color: #333333; margin: 0 0 0 0; padding: 1px 0 0 0; width: auto; voice-family: "\"}\""; voice-family: inherit; width: 130px;} html>body #nav ul{ width: 156px;} #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: 155px; voice-family: "\"}\""; voice-family: inherit; width: 139px;} html>body #nav ul li a { width: 139px;} #nav ul li a:hover { color: #132632; background: #F8981D; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; background: #F8981D url(/images/corner.gif) no-repeat bottom right;} #nav ul li a.current { color: #132632; background: #F8981D; 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: 153px; color: #fff; background-color: #fff; border-right: 1px solid #fff; border-left: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; voice-family: "\"}\""; voice-family: inherit; width: 142px;} html>body ul#subnav { width: 154px;} ul#subnav li a { display: block; margin: 0; padding: 4px 0 4px 10px; color: #333333; background-color: #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; text-decoration: none; text-align: left; width: 153px; voice-family: "\"}\""; voice-family: inherit; width: 142px;} html>body ul#subnav li a { width: 142px;} ul#subnav li a:hover { color: #000000; font-weight: normal; background: #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: #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: #eee; color: #333333; padding: 0; margin: 0 0 0 0; width: auto; } /** hack **/ html>body #info { margin: -2px -1px 0 159px; width: 607px;} /** breadcrumbs **/ #bread { background-color: #eee; padding: 0.5em 0 0.1em 20px; margin: 0; color: #132632;} #bread a{ color: #132632; background-color: #eee;} #bread a:hover {text-decoration: underline;} #bread p{color: #132632; background-color: #eee;} /** content area **/ #content { margin: 0 0 0 0; padding: 0 20px 0 20px; background-color: #eee; color: #333333;} /** level 3 navigation **/ #nav3 { float: right; width: 140px; color: #333333; background-color: #ffffff; margin: 0 0 10px 20px; padding: 0; border: 1px solid #7B7C80;} #nav3 p { width: 140px; background-color : #132632; color: #ffffff; text-align: center; font-size: 80%; padding: 5px 0 5px 0; margin: 0;} #nav3 ul { list-style: none; background-color: #ffffff; color: #333333; padding: 0; margin: 0; voice-family: "\"}\""; /* box model hack required for IE5 as width calculations are different - also needed extra pixel on margin */ voice-family: inherit; width: 140px;} #nav3 ul {font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */} #nav3 ul li {display: inline; /* fixes white space bug in IE5 */} #nav3 ul li a { display: block; margin: 0; padding: 5px 9px 5px 9px; color: #333333; background-color: #ffffff; text-decoration: none; text-align: left; width: 140px; border-bottom: 1px solid #C3C3C3; voice-family: "\"}\""; /* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */ voice-family: inherit;} html>body #nav3 li a {width: auto;} /* box model hack required for browser above IE5 */ #nav3 ul li a {font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */} #nav3 ul li a:hover { color: #333333; text-decoration: underline; } #nav3 ul li a.current { color: #333333; background: #eeeeee; text-decoration: none;} /*** FOOTER ***/ ul#footernav { margin: 30px 0; padding: 0; list-style: none;} ul#footernav li { display: inline;} ul#footernav li a { color: #999; text-decoration: none; background-color: transparent;} ul#footernav li a:hover { color: #000; text-decoration: underline;} .hidden { display: none; } body#types ul#subnav li a.t_types { text-decoration: underline; } body#expect ul#subnav li a.t_expect { text-decoration: underline; } body#powers ul#subnav li a.t_powers { text-decoration: underline; } body#making ul#subnav li a.t_making { text-decoration: underline; } .reddot { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eee; color: #ff0000; font-size: 70%; } .reddotmetadata { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eee; color: #ff0000; font-size: 70%; } .reddotlist { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eee; color: #ff0000; margin: 0; padding: 0; font-size: 100%; } .reddotbox { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff0000; font-size: 100%; }