/* 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#index li#index a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#about li#about a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#contact li#contact a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#links li#links a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#news li#news a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#faqs li#faqs a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#tor li#tor a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#summary li#summary a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#options li#options a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#next li#next a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#download li#download a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } body#discussion li#discussion a { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } /****** ------ ******/ /****** 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: #F8F8F8;} a:hover {text-decoration: underline;} p a:hover {text-decoration: underline;} a:visited {text-decoration: none;} h1, h2, h3, h4, h5, h6 {color: #162934;} h1 {font-size: 1.1em; margin: 0 0 10px 0; padding-bottom: 3px; width: 100%; border-bottom: 1px solid #162934;} h2 {font-size: 95%;} h3 {font-size: 75%; margin: 0 0 0 0;} h4 {font-size: 85%;} h5 {font-size: 80%;} h6 {font-size: 75%;} 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;} li { display: block; margin: 20px 0 20px 0;} li p { margin: 5px 0 5px 0; font-size: 100%; } /** skip navigation **/ a.skip { float: left; font-size: 1px; color: white; height: 1px; width: 100%;} #tophead { display: block; position: relative; top: 0; left: 0; width: 766px; height: 120px; margin: 0; padding: 0; color: #333333; background: #ffffff url(/graphics/logobkg.jpg) no-repeat top;} #tophead img{ margin: 0; padding: 0;} /***************************************************************/ /** left hand navigation **/ #nav { display: block; float: left; width: 180px; color: #333333; background: #FF7800 url(/graphics/navblock.jpg) no-repeat bottom; margin: 0; padding: 0 15px 30px 15px; width: 150px; voice-family: "\"}\""; voice-family: inherit;} html>body #nav { width: 150px;} #nav ul { background-color: #eee; list-style: none; padding: 0; color: #333333; margin: 0; padding: 0; width: 150px; voice-family: "\"}\""; voice-family: inherit; width: 100px;} html>body #nav ul{ width: 150px;} #nav ul {font-weight: normal;} #nav ul li {display: inline; } #nav ul li a { display: block; margin: 0; padding: 5px 10px 5px 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: 150px; voice-family: "\"}\""; voice-family: inherit; width: 128px;} #nav ul li a {font-weight: normal;} html>body #nav ul li a {width: auto;} #nav ul li a:hover { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9;} #nav ul li a.current { color: #ffffff; background: #6D2348; text-decoration: none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9;} #nav ul.forum li a { display: block; margin: 0; padding: 5px 10px 5px 10px; color: #333; background-color: #eee; text-decoration: none; text-align: center; border: 1px solid #CCC; width: 150px; voice-family: "\"}\""; voice-family: inherit; width: 128px;} #nav ul.forum li a {font-weight: normal;} html>body #nav ul.forum li a {width: auto;} #nav ul.forum li a:hover { color: #ffffff; background: #6D2348; text-decoration: none; border: 1px solid #CCC;} #nav ul.forum li a.current { color: #ffffff; background: #6D2348; text-decoration: none; border: 1px solid #CCC;} /** container for breadcrumbs, content and level 3 navigation **/ /** container for breadcrumbs, content and level 3 navigation **/ #info { float: left; background-color: #F8F8F8; color: #333333; padding: 0; margin: 0 0 0 0; width: auto; border-right: 1px solid #6D2348; border-left: 1px solid #6D2348;} html>body #info { position: absolute; margin: 0 0 0 180px; width: 584px;} /** content area **/ #content { margin: 0 0 0 0; padding: 27px 20px 0 20px; background-color: #F8F8F8; color: #333333;} /*** 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;} #imageholder { float: right; padding: 0; margin: 0 0 5px 5px; } #imageholder img { margin: 0; padding: 0; border: 2px solid #6D2348; } #imageholder p { border: none; padding: 0; font-size: 70%; font-weight: bold; } ul.nobulletlist { list-style: none; margin-left: 0; padding: 0;; } ul.nobulletlist ul li { margin: 10px 0 0 10px; list-style: none; list-type: none; } ul.nobulletlist li a:hover { text-decoration: underline;} ul#sitemap { margin: 0 0 1em 0; padding: 0; list-style: none; } ul#sitemap ul { margin: 5px 0 0 30px; padding: 0; list-style: none; } ul#sitemap li a:hover { text-decoration: underline; } /** 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 : #480E63; 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; width: 128px } 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; background: #eeeeee; text-decoration: none;} #nav3 ul li a.current { color: #333333; background: #eeeeee; text-decoration: none;} .reddot { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F8F8F8; color: #ff0000; margin: 0; padding: 0; font-size: 70%;}