/*---------- Begin Main Section ----------*/ #main {border-right: solid #FFF 4px; border-left: solid #FFF 4px;} /*---------- Begin LeftContent Subsection ----------*/ #leftcontent {position: absolute; left: 0px; top: 146px; width: 170px; background: #fff; color: inherit; padding: 10px 4px 10px 4px; border-right: 1px solid #C9C9C9;} #searchsite {position: relative; padding: 0px 0px 0px 4px; height: 96px; margin-top: 0px; /*border: dashed 1px;*/} #searchsite h2 {margin: 0px; padding: 0px;} #searchsite p {margin: 6px 0px 18px 0px; padding: 0px;} #search {position: absolute; left: 3px; top: 55px; width: 100px; margin: 1px 0px 0px 0px; background: #FFF url(images/search-bg.gif) top repeat-x;/*#F8C4C4#FF3300*/ color: #000; border: solid 1px #000;} #submit {position: absolute; left: 109px; top: 54px; margin: 0px; padding: 0px; width: 60px; height: 23px; background: url(images/submit-bg.gif) top repeat-x;} #nav h2, #searchsite h2 {font: bold 0.67em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0px;} #nav {padding: 0px 0px 0px 4px;} #nav ul {list-style-type: none; margin-left: 15px; margin-top: 0px; padding: 0px;} #nav ul li ul {margin-left: 30px;} #nav li h4 {font: 0.65em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin-top: 15px;} #nav a {color: #666; background-color: inherit; font: 0.65em Verdana, Arial, Helvetica, sans-serif; text-decoration: none;} #nav a:link {color: #666; background-color: inherit; background: url(images/nav-option-arrow.gif) no-repeat; background-position: left center; padding-left: 9px;} #nav a:visited {color: #666; background-color: inherit; background: url(images/nav-option-arrow.gif) no-repeat; background-position: left center; padding-left: 9px;} #nav a:hover {text-decoration: underline; background: url(images/nav-selected-arrow.gif) no-repeat; background-position: left center; color: #F14213; background-color: inherit;} #nav a:active {text-decoration: none; color: #666; background-color: inherit;} #nav a:link.activeitem, #nav a:visited.activeitem {background: url(images/nav-selected-arrow.gif) no-repeat; /*text-decoration: underline;*/ background-position: left center ; color: #000;/*#F14213*/ background-color: inherit; padding-left: 9px; font-weight: bold;} #nav a:link.activecat, #nav a:visited.activecat {background: url(images/nav-cat-arrow.gif) no-repeat; background-position: left center; color: #000; background-color: inherit; padding-left: 11px; font-weight: bold;} /*---------- Begin CenterContent Subsection ----------*/ #centercontent {position: relative; background:#fff; color: inherit; margin-left: 174px; margin-right:172px; border-right: 1px solid #C9C9C9; border-left: 1px solid #C9C9C9; padding-left: 5px; padding-right: 5px;} /*!Do not edit CenterContent DIV! See details at the bottom of the page # must change both margins*/ html>body #centercontent {margin-left: 174px; margin-right: 172px;} #intro {position: relative; border-bottom: solid 1px #D1D1D1; /*margin-right: 5px;*/ min-height: 6.5em; height: auto; /*these two are for the min height*/} #intro h2 {font: bold 24px Trebuchet, "Trebuchet MS",Verdana, Arial, Monospace; color: #F36911; background-color: inherit; padding: 10px 0px 0px 16px;} #intro h2 span {font: normal 22px Arial, Monospace; color: #999; background-color: inherit;} #intro p {font: bold 0.7em Verdana, Arial, Monospace; color: #999; background-color: inherit; padding: 1px 0px 0px 16px;} /* min height for Internet Explorer via http://www.cssplay.co.uk/boxes/minheight.html*/ /*\*/ * html #intro {height: 6.5em;} /**/ #tabs {position: absolute; bottom: 0px; left: 0px;} #tabs ul {margin:0; padding:10px 10px 0; list-style:none;} #tabs li {float:left; margin:0; padding: 0 0 0 0px;} #tabs a {font: bold 0.65em Arial, Monospace; text-decoration: none; color: #666; text-transform: uppercase; /*float:left;*/display:block; background-color: #000; text-align: center; width: 0.1em; background:url("images/tab.gif") top right no-repeat; padding: 3px 13px 3px 13px;/*width: 85px;*/} #tabs a.tab1 {background:url("images/tab.gif") top right no-repeat;} #tabs a.tab2 {background:url("images/tab2.gif") top right no-repeat;} #tabs > ul a {width:auto;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a {float:none;} /* End IE5-Mac hack */ #tabs a:hover {color: #F14213; background-color: #FBFBFB; text-decoration: none;} #tabs .active a, #tabs .active a:hover {background-color: #EBEBEB; color: inherit;} .features {position: relative; padding: 18px 15px 20px 6px; text-align: left; min-height: 111px; height: auto; /*these two are for the min height*/ border-bottom: solid 1px #D8D8D8;} /*background: url(images/features-bg.gif) bottom repeat-x;*/ /* min height for Internet Explorer via http://www.cssplay.co.uk/boxes/minheight.html*/ /*\*/ * html .features {height: 111px;} /**/ .features h3 {font-size: 21px; margin: 0px 0px 7px 133px;} .features p {font: 0.59em Verdana, Arial, Monospace; margin-left: 133px;} .features a {} .features a img {/*position: relative; float: left;*/position: absolute; top: 18px; left: 8px; padding: 9px; border: solid 1px #666; margin-right: 20px;} .features a:link img {background: #F6F6F6; color: inherit;} .features a:visited img {background: #F6F6F6; color: inherit;} .features a:hover img {background: #FFFFCC; color: inherit;} * html .features a:hover {background-color: #FFFFCC; color: inherit;} .features a:active img {background: #F6F6F6; color: inherit;} .features a.expand {color: #FDBC2E; background-color: inherit;text-decoration: none; } .features a:hover.expand {color: #000; background-color: #FFF; text-decoration: underline;} .video {text-align: center; padding: 10px 0px 4px 0px;/*border: solid 1px;*/} .video object {border: none; margin-bottom: 5px;} #extracontent {position: relative; background: #fff; color: inherit; margin-left: 174px; margin-right: 0px; border-left: 1px solid #D3D3D3; border-top: solid 1px #C9C9C9;} /*background: url(images/features-bg.gif) top repeat-x;*/ /*!Do not edit ExtraContent DIV! See details at the bottom of the page # must change both margins*/ html>body #extracontent {margin-left: 174px; margin-right: 0px;} #ads {position: relative; height: 210px; font-size: 8pt; border-bottom: solid 1px #D8D8D8;} #ads p {font-size: 7pt;} #ads p.invite {position: absolute; bottom: 4px; width: 102%; text-align: center; margin-top: 8px;} #ads p.script {text-align: center; margin-bottom: 6px;} #ads a:link, #ads a:visited {color: #666; background-color: inherit;} /*#secline111 {position: absolute; top: 18px; left: 25.46%; width: 1px; height: 171px; background: url(images/horzads-bg.gif) top repeat-y;} #secline222 {position: absolute; top: 18px; left: 50.23%; width: 1px; height: 171px; background: url(images/horzads-bg.gif) top repeat-y;} #secline333{position: absolute; top: 18px; left: 74.78%; width: 1px; height: 171px; background: url(images/horzads-bg.gif) top repeat-y;} */ .border {padding-right: 6px; padding-left: 6px; background: url(images/horzads-bg.gif) top left repeat-y;} /*.noborder {border-right: none;}*/ #horzad1 {position: absolute; top: 18px; left: 2.6%; width: 21.6%; height: 171px;} #horzad2 {position: absolute; top: 18px; left: 25.68%; width: 21.6%; height: 171px;} #horzad3 {position: absolute; top: 18px; left: 50.37%; width: 21.6%; height: 171px;}/*padding-right: 1.44%; border-right: dashed 1px #999;*/ #horzad4 {position: absolute; top: 18px; left: 75.14%; width: 21.6%; height: 171px;} #categories {position: relative; height: 301px;/*depends on how many categories you are displaying*/ border-bottom: solid 1px #D8D8D8; padding-top: 8px;} #categories.onerow {height: 120px;} #categories.tworows {height: 210px;} #categories.threerows {height: 300px;} #categories img {float: left; margin-right: 10px; border: none;} #categories h3 {font-size: 17px;} #categories p {font-size: 7pt;} #catintro {position: relative; height: 22px; margin: 0px 16px 0px 21px; background-color: #EAEAEA; color: inherit;} #catintro h2 {font-size: 22px;} #catintro h2 span {background-color: #FFF; color: inherit; padding: 2px 14px 2px 0px;} #cat1 {position: absolute; top: 40px; left: 3.6%; width: 44.5%; height: 80px;} #cat2{position: absolute; top: 40px; left: 52.2%; width: 44.5%; height: 80px;} #cat3 {position: absolute; top: 130px; left: 3.6%; width: 44.5%; height: 80px;} #cat4 {position: absolute; top: 130px; left: 52.2%; width: 44.5%; height: 80px;} #cat5 {position: absolute; top: 220px; left: 3.6%; width: 44.5%; height: 80px;} #cat6 {position: absolute; top: 220px; left: 52.2%; width: 44.5%; height: 80px;}/*width: 240px??*/ #featarticles {position: relative; height: 142px; text-align: center; font-size: 7pt; padding: 15px 0px 0px 11px;} #featarticles h2 {text-align: left; font-size: 11pt; text-transform: uppercase;} #featarticles a:link, #featarticles a:visited {color: #666; background-color: inherit;} #article1 {position: absolute; top: 39px; left: 2%; width: 100px; height: 120px;} #article2 {position: absolute; top: 39px; left: 21.71%; width: 100px; height: 120px;} #article3 {position: absolute; top: 39px; left: 41.42%; width: 100px; height: 120px;} #article4 {position: absolute; top: 39px; left: 60.95%; width: 100px; height: 120px;} #article5 {position: absolute; top: 39px; left: 80.64%; width: 100px; height: 120px;} /*---------- Begin RightContent Subsection ----------*/ #rightcontent {position: absolute; right: 0px; top: 146px; width: 144px; background:#fff; color: inherit; padding: 9px 16px 20px 16px; border-left: 1px solid #C9C9C9;} #rightcontent h3 {padding: 0px 0px 0px 12px;} #rightcontent h4 {font: 12pt Verdana, Arial, Monospace; color: #235A6F; background-color: inherit; padding: 40px 8px 0px 8px;} /*#rightcontent p {padding-top: 6px;}*/ .adsintro{border-bottom: dashed 1px #999; padding: 8px 11px 20px 11px; text-align: left;} /*background: url(images/vertads-bg.gif) bottom repeat-x;*/ .vertads {border-bottom: dashed 1px #999; padding: 20px 11px 20px 11px; text-align: center;} /*background: url(images/vertads-bg.gif) bottom repeat-x;*/ #leftcontent .vertads {border-bottom: none; padding: 55px 24px 20px 24px;} .vertads p {text-align: left; padding-top: 6px;} .vertads a:link, .vertads a:visited {color: #666; background-color: inherit;} .vertads p.invite {text-align: center; padding-top: 6px;} .vertads script {margin-left: auto; margin-right: auto;} .vertads img {/*background: #333;*/ border: none;} /* IE5x PC mis-implements the box model. Because of that we sometimes have to perform a little CSS trickery to get pixel-perfect display across browsers. The following bit of code was proposed by Tantek Celik, and it preys upon a CSS parsing bug in IE5x PC that will prematurly close a style rule when it runs into the string "\"}\"". After that string appears in a rule, then, we can override previously set attribute values and only browsers without the parse bug will recognize the new values. So any of the name-value pairs above this comment that we need to override for browsers with correct box-model implementations will be listed below. We use the voice-family property because it is likely to be used very infrequently, and where it is used it will be set on the body tag. So the second voice-family value of "inherit" will override our bogus "\"}\"" value and allow the proper value to cascade down from the body tag. The style rule immediately following this rule offers another chance for CSS2 aware browsers to pick up the values meant for correct box-model implementations. It uses a CSS2 selector that will be ignored by IE5x PC. Read more at http://www.glish.com/css/hacks.asp */