/* CSS Document */ .categories { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; color: #566020; } .smallcategories { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: 10px; color: #566020; } .smallcategories2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: 9px; color: #566020; } .smallbluecategories { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 9px; color: #0033CC; } .smallredcategories { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 9px; color:#EE0000; } .smallschoolcategories { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 12px; color:#EE0000; } .smallstatcategories { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 13px; color: #0033CC; } .smalluname { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height:11px; color: #4C070F; } A:link { text-decoration: none; } A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: none; background-color: #BEC5EF; } TD { font-family: Arial; font-size: 13px; } P { font-family: Arial; font-size: 13px; } HR { color: #6699CC; height: 1px; }.ProductName { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; } .productdescription { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; } .smallproductdescription { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; } .similiarcategories { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; color: #0033CC; } .similiarcategories2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; color: #0033CC; } .bannername { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; color: #FF0000; } .banneruser { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; color: #0000A0; } .bannergreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; color: #6CA469; } .banneruser2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; color: #0000A0; } /***********************************************/ /* HTML tag styles */ /***********************************************/ /******* hyperlink and anchor tag styles *******/ a:link, a:visited{ text-decoration: none; } a:hover{ text-decoration: underline; } /************** header tag styles **************/ h1{ font: bold 120% Arial,sans-serif; color: #334D55; margin: 0px; padding: 0px; } h2{ font: 92% Arial,sans-serif; color: #006699; margin: 0px; padding: 0px; margin-bottom:2px; border-bottom-width:thin; border-bottom-color:#FFFFFF; background-color:#CBCD94; height:25px; width:220px; vertical-align:middle; margin-top:3px; } h3{ font: 92% Arial,sans-serif; color: #006699; margin: 0px; padding: 0px; margin-bottom:0px; border-bottom-width:thin; border-bottom-color:#FFFFFF; background-color:#CCB294; height:25px; width:220px; cursor:pointer; vertical-align:text-top; margin-top:1px; } h4{ font: 100% Arial,sans-serif; color: #333333; margin: 0px; padding: 0px; } h5{ font: 100% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px; } h6{ font: 92% Arial,sans-serif; color: #006699; margin: 0px; padding: 0px; margin-bottom:6px; height:20px; margin-top:6px; background-color:#FF9999; height:25; } h7{ font: 92% Arial,sans-serif; color: #006699; margin: 0px; padding: 0px; margin-bottom:0px; border-bottom-width:thin; border-bottom-color:#FFFFFF; background-color:#CCB294; height:25px; width:220px; cursor:pointer; vertical-align:text-top; margin-top:1px; } divit { background-color:#FF9999; color: #006699; } h2 img{border:none;padding-right:.5em; } h6 img{border:none;padding-right:.5em; } /*************** list tag styles ***************/ ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } /********* form and related tag styles *********/ form { margin: 0; padding: 0; } label{ font: bold 1em Arial,sans-serif; color: #334D55; } input{ font-family: Arial,sans-serif; } /***********************************************/ /* Layout Divs */ /***********************************************/ #pagecell1{ position:absolute; top: 112px; left: 2%; right: 2%; width:95.6%; background-color: #FFFFFF; border:1px solid #000000; border-right: 1px solid #000000; } #tl { position:absolute; top: -1px; left: -1px; margin: 0px; padding: 0px; z-index: 1; } #tr { position:absolute; top: -1px; right: -2px; margin: 0px; padding: 0px; z-index: 1; } #masthead{ position: absolute; top: 0px; left: 2%; right: 2%; width:95.6%; } #pageNav{ float: left; width:178px; padding: 0px; background-color: #F5F7F7; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font: small Verdana,sans-serif; min-height: 10; } #content{ padding: 0px 10px 0px 0px; margin:0px 0px 0px 178px; border-left: 1px solid #CCD2D2; } /***********************************************/ /* Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 0px 0px 0px 0px; color: #000000; font-weight: normal; } #image p, #description p { margin: 1em 2em; text-align: justify; } /************** utility styles *****************/ #utility{ font: 75% Verdana,sans-serif; position: absolute; top: 16px; right: 0px; color: #919999; } #utility a{ color: #FFFFFF; } #utility a:hover{ text-decoration: underline; } /************** pageName styles ****************/ #pageName{ padding: 0px 0px 14px 10px; margin: 0px; border-bottom:1px solid #CCD2D2; } #pageName h2{ font: bold 175% Arial,sans-serif; color: #000000; margin:0px; padding: 0px; } #pageName img{ position: absolute; right: 6px; padding: 0px; margin: 0px; left: 111px; width: 1; height: 1; top: 202px; } /************* globalNav styles ****************/ #globalNav{ position: absolute; top: 45px; left:0; width: 100%; min-width: 100%; height: 22px; color: #CCCCCC; background-color: #CDCE95; padding: 0px; margin: 0px; } #globalNav img{ } #gnl { position: absolute; top: 0px; left:0px; } #gnr { position: absolute; top: 0px; right:0px; } /**** #globalLink{ position: absolute; top: 6px; height: 24px; padding-bottom: 5px; margin-bottom: 5px; left: 0px; z-index: 100; width: 736px; min-width: 640px; font-weight:900; } ****/ #globalLink{ position: absolute; top: 0px; height: 16px; padding-bottom: 0px; margin-bottom: 0px; left: 7px; z-index: 100; width: 100%; min-width: 640px; font-weight:900; } a.glink, a.glink:visited{ font-size: small; color: #4C070F; font-family:Verdana, Arial, Helvetica, sans-serif; /*** font-family:Arial, Helvetica, sans-serif; ****/ font-size: 12px; font-weight: bold; margin: 0px; padding: 2px 5px 0px 5px; border-right: 1px solid #8FB8BC; } a.glinkR, a.glinkR:visited { border-right: none; } a.glink:hover{ text-decoration: none; } .skipLinks { display: none; } /************ subglobalNav styles **************/ .subglobalNav{ position: absolute; top: 71px; left: 10px; /*width: 100%;*/ width: 95%; min-width: 800px; height: 12px; padding: 0px 0px 0px 10px; visibility: hidden; color: #FFFFFF; background-color: #416B43; font-family: Arial, Helvetica, sans-serif; font-size:11px; } .subglobalNav a:link, .subglobalNav a:visited { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; } .subglobalNav a:hover{ color: #000000; } /*************** search styles *****************/ #search{ position: absolute; top: 5px; right: 10px; z-index: 101; } #search input{ font-size: 70%; margin: 0px 0px 0px 10px; } #search a:link, #search a:visited { font-size: 80%; font-weight: bold; } #search a:hover{ margin: 0px; } /************* breadCrumb styles ***************/ #breadCrumb{ padding: 5px 0px 5px 10px; font: small Verdana,sans-serif; color: #AAAAAA; margin-left:5px; } #breadCrumb a{ color: #AAAAAA; } #breadCrumb a:hover{ color: #006699; text-decoration: underline; } /************** feature styles *****************/ .feature, .story{ padding: 0px 0px 10px 10px; font-size: 80%; /*min-height: auto;*/ height: 35em; } html>body .feature { height: auto; background-color: #F5F6D3; } .feature h3{ font: bold 175% Arial,sans-serif; color: #000000; padding: 30px 0px 5px 0px; } .feature img{ float: left; padding: 0px 10px 0px 0px; } /*************** story styles ******************/ /* .story { padding: 0px; font-size: 80%; margin-top: 40px; width: 95%; height: auto; } */ .storyA { margin-top: -20px; } .story h3{ font: bold 125% Arial,sans-serif; color: #000000; } .story p { padding: 0px 0px 10px 0px; } .story a.capsule{ font: bold 1em Arial,sans-serif; color: #006699; /*display:block;*/ padding-bottom: 5px; } .story a.capsule:hover{ text-decoration: underline; } td.storyLeft{ padding-right: 12px; } /************** siteInfo styles ****************/ #siteInfo{ clear: both; border-top: 1px solid #CCCCCC; font-size: small; color: #cccccc; font-weight: bold; padding: 10px 10px 10px 10px; margin-top: 0px; } #siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle; } #siteInfo a:hover { background-color: #DDEEFF; } .darker { color: #666666; } /************ sectionLinks styles **************/ #sectionLinks{ margin: 0px; padding: 0px; } #sectionLinks h3{ padding: 10px 0px 2px 10px; border-bottom: 1px solid #CCCCCC; } #sectionLinks a:link, #sectionLinks a:visited { display: block; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CCCCCC; background-image: url(../Images/bg_nav.jpg); font-weight: bold; font-size: 80%; padding: 3px 0px 3px 10px; color: #21536A; } #sectionLinks a:hover{ border-top: 1px solid #CCCCCC; background-color: #DDEEFF; background-image: none; font-weight: bold; text-decoration: none; } /************* relatedLinks styles **************/ .relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; border-bottom: 1px solid #CCCCCC; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } .relatedLinks a{ display: block; } .relatedLinks a:hover{ background-color: #DDEEFF; } /**************** advert styles *****************/ #advert{ padding: 10px; } #advert img{ display: block; } /***************** box styles *******************/ * html .boxTitleDiv h2 {height: 5%;} /* For IE 5 */ /***** format to control box location **********/ /*#storyTitle { valign: top; text-align: center; } */ /* do not use px as will break box */ .boxDiv { vertical-align: top; margin: 0 0; width: 19em; background: url(../Images/sbbody-r.gif) no-repeat bottom right; font-size: 100%; /*display:inline-table;*/ } .boxDivA { display:block; width:27em; } .boxTitleDiv { background: url(../Images/sbhead-r.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .boxTitleDiv h2 { background: url(../Images/sbhead-l.gif) no-repeat top left; margin: 0; padding: 22px 30px 5px; color: white; font-weight: bold; font-size: 1.2em; line-height: 1em; /*text-shadow: rgba(0,0,0,.4) 0px 2px 5px; Safari-only, but cool */ } .boxTitleDiv a:hover { color:#FFFFFF; } .boxContentDiv { background: url(../Images/sbbody-l.gif) no-repeat bottom left; margin: 0; padding: 3px 30px 10px; text-align: justify; } .divHelper { margin: -1em 0em 2em 0em; } .narrower { width: 12em; margin-left: -12px; padding-left: 0; margin-top: 9px; /* display: box; */ } /********************* end **********************/ /**************** particular styles *****************/ .style1 { font-size: large; font-weight: bold; font-style: italic; color: #000000; } .style6 { color: #993366; } a.style6 { color: #993366; } .style7 { font-family: "Courier New", Courier, mono; font-size: large; font-style: italic; } body { background-color: #FFFFFF; } body,td,th { color: #000000; } .style10 { font-size: x-large; color: #000066; margin-left: 5%; z-index: 8; } .style11 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style12 { color: #000000; font-size: xx-large; } .style13 { color: #FF0000; } .style14 { font-size: 160%; } .style17 { font-size: medium; } .style18 { font-size: 200%; } .unamecolor { font-size:12px; color: #4C070F; } .unamecolorwhite { font-size:12px; color: #FFFFFF; } .unamecolor3 { font-size:12px; color: #4C070F; height:14px; } .loggedinname { color: #4C070F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .ohiostate { color:#990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .florida { color:#FF4A00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .floridasmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; color:#FF4A00; } .ohiostatesmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; color:#990000; } .titledprojects { color: #40320E; font-family:Arial, Helvetica, sans-serif; font-size: 12px; height:14px; font-weight: bold; } .center { text-align: center; } .left { text-align: left; } h2.less { margin-top:20px; } ul.noBullet { list-style: none; } .red { color:#FF0000; } .smallred { color:#FF0000; font-size: 90%; font-family:Verdana, Arial, Helvetica, sans-serif; } .littlered { color:#FF0000; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; } #boxthing2 { position:absolute; visibility:hidden; top:100px; left:200px; width:600px; height:400px; border:1px #000000 solid; background-color:#F8ECDF; padding:0.5em; } #boxthing { position:absolute; visibility:hidden; top:100px; left:200px; width:600px; height:400px; border:1px #000000 solid; background-color:#F8ECDF; padding:0.5em; } #pointhing { position:absolute; visibility:hidden; top:150px; left:350px; width:400px; height:200px; border:1px #000000 solid; background-color:#F8ECDF; z-index:2; padding:0.5em; } #addpointbox { position:absolute; visibility:hidden; top:0px; left:0px; width:0px; height:0px; border:1px #000000 solid; background-color:#F8E7DF; z-index:2; padding:0.5em; } /* styles for the star rater */ .star-rating{ list-style:none; margin: 0px; padding:0px; height: 125px; width: 25px; position: relative; background: url(/images/vert_star.gif) top left repeat-y; } .star-rating li{ padding:0px; margin:0px; float:left; } .star-rating li a{ display:block; height:25px; width: 25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .star-rating li a:hover{ background: url(/images/vert_star.gif) right top repeat-y; z-index: 2; top: 0px; } .star-rating a.one-star{ top: 0px; } .star-rating a.one-star:hover{ height:25px; } .star-rating a.two-stars{ top:25px; } .star-rating a.two-stars:hover{ height: 50px; } .star-rating a.three-stars{ top: 50px; } .star-rating a.three-stars:hover{ height: 75px; } .star-rating a.four-stars{ top: 75px; } .star-rating a.four-stars:hover{ height: 100px; } .star-rating a.five-stars{ top: 100px; } .star-rating a.five-stars:hover{ height: 125px; } .star-rating li.current-rating{ background: url(/images/vert_star.gif) center top repeat-y; position: absolute; width: 25px; display: block; text-indent: -9000px; z-index: 1; } /* remove halo effect in firefox */ a:active{ outline: none; } .mgdmileage { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; font-weight:normal; line-height:normal; } .mgdhighlighttext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #046380; } .mgdtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #A7A37E; font-style: normal; line-height: normal; font-variant: normal; } .mgdcategory { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; color: #002F2F; } .mgdcontrolnavigator { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #002F2F; } .mgdbacknotshowntext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#002F2F; font-weight:normal; } .mgdbackshowntext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #046380; font-weight:normal; } .mgdh3showing { color: #046380; background-color:#A7A37E; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; margin-bottom:0px; border-bottom-width:thin; border-bottom-color:#333333; height:30px; width:95%; cursor:pointer; vertical-align:text-top; margin-top:1px; } .mgdh3notshowing { text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; margin-bottom:0px; border-bottom-width:thin; border-bottom-color:#333333; height:30px; width:95%; color:#002F2F; cursor:pointer; vertical-align:text-top; margin-top:1px; } .racedescriptiontitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; font-weight: bold; color:#000000; } .placedescriptiontitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; font-weight: bold; color:#CCCCCC; } .placedescriptiontext { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #333333; } .indexbody { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color:#333333; } .aeindexbody { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color:#333333; } /* Put this inside a @media qualifier so Netscape 4 ignores it */ @media screen, print { /* Turn off list bullets */ ul.mktree li { list-style: none; } /* Control how "spaced out" the tree is */ ul.mktree, ul.mktree ul , ul.mktree li { margin-left:1px; padding:0px; } /* Provide space for our own "bullet" inside the LI */ ul.mktree li .bullet { padding-left: 4px; } /* Show "bullets" in the links, depending on the class of the LI that the link's in */ ul.mktree li.liOpen .bullet { cursor: pointer; background: url(minus.gif) center left no-repeat; } ul.mktree li.liClosed .bullet { cursor: pointer; background: url(plus.gif) center left no-repeat; } ul.mktree li.liBullet .bullet { cursor: default; background: url(bullet.gif) center left no-repeat; } /* Sublists are visible or not based on class of parent LI */ ul.mktree li.liOpen ul { display: block; } ul.mktree li.liClosed ul { display: none; } /* Format menu items differently depending on what level of the tree they are in */ ul.mktree li { font-size: 12pt; } ul.mktree li ul li { font-size: 10pt; } ul.mktree li ul li ul li { font-size: 8pt; } ul.mktree li ul li ul li ul li { font-size: 6pt; } } .rtop,.artop{display:block} .rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px} .artop *{border-style: solid;border-width:0 1px} .r1,.rl1,.re1,.rel1{margin-left:5px} .r1,.rr1,.re1,.rer1{margin-right:5px} .r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px} .r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px} .r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px} .r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px} .r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px} .r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px} .rx1,.rxl1{border-left-width:5px} .rx1,.rxr1{border-right-width:5px} .rx2,.rxl2{border-left-width:3px} .rx2,.rxr2{border-right-width:3px} .re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px} .re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px} .rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0} .rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0} .r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px} .rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}