/* General font families for common tags */ body { behavior:url(style/csshover.htc); font-family: Georgia; bgcolor: #0a4275; color: #444444; margin-top: 2; margin-bottom: 2; margin-left: 2; margin-right: 2; font-size: 13px; } td {font-family: Georgia;} hr {height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;} a {text-decoration: none;} /* Form elements */ form {margin-top: 0px; margin-bottom: 0px;} .forminput { font-family: Georgia; font-size: 13px; border-style: solid; border-color: #cccccc; background-color: #ffffff; color: #444444; margin-top: 0px; margin-bottom: 0px; } .forminput2 { font-family: Georgia; font-size: 13px; border-style: solid; border-color: #cccccc; background-color: #ffffff; color: #003399; margin-top: 0px; margin-bottom: 0px; } /* Edit-X elements */ .pgblock_scroll {z-index:1; overflow: auto} .bodytext {font-family: Georgia; font-size: 13px; color: #444444;} .bodytext A {font-family: Georgia; font-size: 13px; color: #336699;} .bodytext A:hover {text-decoration: underline; color: #CC0000;} .head {font-family: Georgia; font-size: 13px; color: #444444; font-weight: bold; margin-top: 0px; margin-bottom: 0px;} .head A {font-family: Georgia; font-size: 13px; color: #336699; font-weight: bold; margin-top: 0px; margin-bottom: 0px;} .head A:hover {text-decoration: underline; color: #CC0000; font-weight: bold;} .byline {font-family: Georgia; color: #444444; font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;} .caption {font-family: Georgia; font-size: 10px; color: #999999;} .comments {font-family: Georgia; color: #444444; font-size: 10px; margin-top: 0px; margin-bottom: 0px;} .comments A {font-family: Georgia; color: #336699; font-size: 10px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .comments A:hover {color: #CC0000; text-decoration: underline;} .copyright {font-family: Georgia; color: #444444; font-size: 10px; margin-top: 5px; margin-bottom: 10px;} .copyright A {font-family: Georgia; color: #336699; font-size: 10px; margin-top: 5px; margin-bottom: 10px; text-decoration: none;} .copyright A:hover {color: #CC0000; text-decoration: underline;} .date {font-family: Georgia; color: #444444; font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;} .feedback {font-family: Georgia; font-weight: bold; color: #cc0000; font-size: 13px;} .fineprint {font-family: Georgia; font-size: 9px; margin-top: 0px; margin-bottom: 0px;} .fineprint A {font-family: Georgia; font-size: 9px; margin-top: 0px; margin-bottom: 0px; color: #336699; text-decoration: none;} .fineprint A:hover {color: #CC0000; text-decoration: underline;} .graytext {font-family: Georgia; font-size: 10px; color: #666666; text-decoration: none;} .graytext A {color: #666666; font-family: Georgia; font-size: 10px; color: #666666; text-decoration: none;} .graytext A:hover {color: #666666; text-decoration: underline;} .graytext A:visited {color: #999999; text-decoration: none;} .h1 {font-family: Georgia; font-weight: bold; color: #444444; font-size: 24px; margin-top: 0px; margin-bottom: 0px;} .h1 A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 24px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .h1 A:hover {text-decoration: underline; color: #CC0000;} .h2 {font-family: Georgia; font-weight: bold; color: #444444; font-size: 20px; margin-top: 0px; margin-bottom: 0px;} .h2 A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 20px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .h2 A:hover {text-decoration: underline; color: #CC0000;} .h3 {font-family: Georgia; font-weight: bold; color: #444444; font-size: 18px; margin-top: 0px; margin-bottom: 0px;} .h3 A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 18px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .h3 A:hover {text-decoration: underline; color: #CC0000;} .h4 {font-family: Georgia; font-weight: bold; color: #444444; font-size: 16px; margin-top: 0px; margin-bottom: 0px;} .h4 A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 16px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .h4 A:hover {text-decoration: underline; color: #CC0000;} .h5 {font-family: Georgia; font-weight: bold; color: #444444; font-size: 13px; margin-top: 0px; margin-bottom: 0px;} .h5 A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 13px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .h5 A:hover {text-decoration: underline; color: #CC0000;} .h6 {font-family: Georgia; font-weight: bold; color: #444444; font-size: 12px; margin-top: 0px; margin-bottom: 0px;} .h6 A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 12px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .h6 A:hover {text-decoration: underline; color: #CC0000;} .h7 {font-family: Georgia; font-weight: bold; color: #444444; font-size: 13px; margin-top: 0px; margin-bottom: 0px;} .h7 A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 13px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;} .h7 A:hover {text-decoration: underline; color: #CC0000;} .linkblack {font-family: Georgia; font-size: 10px; font-weight: bold; color: #000000;} .linkblack A {font-family: Georgia; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none;} .linkblack A:hover {color: #000000; text-decoration: underline;} .linkblue {font-family: Georgia; font-size: 10px; font-weight: bold; color: #ccffff;} .linkblue A {font-family: Georgia; font-size: 10px; font-weight: bold; color: #ccffff; text-decoration: none;} .linkblue A:hover {color: #ccffff; text-decoration: underline;} .linkwhite {font-family: Georgia; font-size: 10px; font-weight: normal; color: #ffffff;} .linkwhite A {font-family: Georgia; font-size: 10px; font-weight: normal; color: #ffffff; text-decoration: none;} .linkwhite A:hover {color: #ffffff; text-decoration: underline;} .menu {font-family: Georgia; font-size: 13px; color: #ffffff; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .menu A {font-family: Georgia; font-size: 13px; color: #ffffff; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .menu A:hover {text-decoration: underline; color: #ffffff;} .menu A:visited {color: #ffffff;} .menuOn {font-family: Georgia; font-size: 13px; color: #CC0000; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .menuOn A {font-family: Georgia; font-size: 13px; color: #CC0000; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .menuOn A:hover {text-decoration: underline; color: #CC0000;} .menuOn A:visited {color: #CC0000;} .question {font-family: Georgia; font-size: 13px; color: #444444; text-decoration: none; margin-top: 0px; margin-bottom: 2px;} .sanstext {font-family: Georgia; font-size: 10px; color: #444444; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanstext A {font-family: Georgia; font-size: 10px; color: #336699; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanstext A:hover {text-decoration: underline; color: #CC0000;} .sanswhite {font-family: Georgia; font-size: 13px; color: #ffffff; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanswhite A {font-family: Georgia; font-weight: bold; font-size: 13px; color: #ffffff; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanswhite A:hover {text-decoration: underline; color: #CC0000;} .smallhead {font-family: Georgia; font-weight: bold; font-size: 13px; color: #444444; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallhead A {font-family: Georgia; font-weight: bold; font-size: 13px; color: #003399; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallhead A:hover {text-decoration: underline; color: #CC0000;} .smallheadblue {font-family: Georgia; font-weight: bold; font-size: 13px; color: #336699; margin-top: 0px; margin-bottom: 0px;} .smallheadblue A {font-family: Georgia; font-weight: bold; font-size: 13px; color: #336699; margin-top: 0px; margin-bottom: 0px;} .smallheadblue A:hover {text-decoration: underline; color: #CC0000;} .smallheadblue2 {font-family: Georgia; font-weight: bold; font-size: 13px; color: #336699; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallheadblue2 A {font-family: Georgia; font-weight: bold; font-size: 13px; color: #336699; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallheadblue2 A:hover {text-decoration: underline; color: #CC0000;} .smallheadred {font-family: Georgia; font-weight: bold; color: #CC0000; font-size: 13px; text-transform: uppercase;} .smallheadred A {font-family: Georgia; font-weight: bold; color: #CC0000; font-size: 13px; text-transform: uppercase; text-decoration: none;} .smallheadred A:hover {text-decoration: underline; color: #CC0000;} .smallheadwhite {font-family: Georgia; font-weight: bold; color: #ffffff; font-size: 10px; text-transform: uppercase;} .smallheadwhite A {font-family: Georgia; font-weight: bold; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none;} .smallheadwhite A:hover {text-decoration: underline; color: #ffffff;} .storyhead {font-family: Georgia; font-size: 20px; color: #444444; font-weight: bold; margin-top: 0px; margin-bottom: 15px;} .teaser {font-family: Georgia; font-size: 13px; color: #444444; margin-top: 0px; margin-bottom: 0px;} .teaser A {font-family: Georgia; font-size: 13px; color: #336699; margin-top: 0px; margin-bottom: 0px;} .teaser A:hover {text-decoration: underline; color: #CC0000;} .teaserheadline {font-family: Georgia; font-weight: bold; color: #336699; font-size: 17px; margin-top: 0px; margin-bottom: 1px;} .teaserheadline A {font-family: Georgia; font-weight: bold; color: #336699; font-size: 17px; margin-top: 0px; margin-bottom: 1px; text-decoration: none;} .teaserheadline A:hover {text-decoration: underline; color: #CC0000;} .today {font-family: Georgia; font-size: 10px; font-weight: normal; color: #ffffff; white-space: nowrap;} /* -------------------------------------- MENU formatting ------------------------------------------ */ /* the horizontal menu starts here */ div#listmenu { width:100%; /* makes the div full width */ float:left; font-size:13px; /*set font size here*/ font-family: Georgia; font-weight:bold; /*margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/ } div#listmenu ul { margin:0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */ padding:0; list-style:none; } div#listmenu li { float:left; /* causes the list to align horizontally instead of stack */ position:relative; /* positioning context for the absolutely positioned drop-down */ list-style-type:none; /* removes the bullet off each list item */ background-color:#74757c; /* sets the background of the menu items */ margin-bottom:0; } div#listmenu li:hover { background: #eeeeee; } div#listmenu a:link, div#listmenu a:visited { display:block; padding:6px 18px; /*creates space each side of menu item's text */ text-decoration:none; /* removes the underlining of the link */ color:#ffffff; /*sets the type color */ } div#listmenu a:hover { color:#74757c; background:#eeeeee; } /* the menu ends here */ /* the drop-down starts here */ div#listmenu ul li ul { margin:0; background: #F4E0E0; z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */ position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */ width:140px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/ border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */ left:-1px; /*aligns the drop exactly under the menu */ } div#listmenu ul li ul li { width:100%; /* makes the list items fill the list container (ul) */ border-left:1px solid #bfbdbd; /* three sides of each drop-down item */ border-bottom:1px solid #bfbdbd; border-right:1px solid #bfbdbd; /*background: #E8E6CD;*/ position: relative; } div#listmenu ul li ul li a:link, div#listmenu ul li ul li a:visited { /*padding:6px 6px;*/ } div#listmenu ul li ul li a:hover { background: #FFFFFF; } div#listmenu ul li ul li:first-child { border-top:1px solid #bfbdbd; /*the top edge of the dropdown */ } /* make the drop-down display as the menu is rolled over */ div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */ div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */ /* pop-out starts here */ body div#listmenu ul li ul li ul { position:absolute; visibility:hidden; /* same effect as display:none in this situation */ top:-1px; left:140px; /*apparently, this setting has no effect on left position if width is not 10em see next rule for fix */ border-right:0; } body div#listmenu ul li ul li ul.third { position:absolute; top:-1px; left:140px; /*you have to add a class to the third level to make it take the position left setting; also make sure you change the IE fix rules below. IE requries 2px less to make it align left properly*/ } div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */ /* second level popouts start here*/ div#listmenu ul li ul li:hover ul li ul {visibility:hidden;} div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */ /* THE HACK ZONE - */ /* hack for IE (all flavors) so the menu has a vertical line on the left */ * html div#listmenu ul { float:left; /* makes the ul wrap the li's */ margin-left:0; /* IE doubles the given value above - why? */ } /* add a top line to drops and pops in IE browsers - can't read :first-child */ * html div#listmenu ul li ul { border-top:1px solid #bfbdbd; border-left:0px; /* stops the drop inheriting the ul border */ } /* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */ * html div#listmenu ul li ul li ul.third { left:138px; voice-family: "\"}\""; voice-family:inherit; left:138px; } /* and the "be nice to Opera" rule */ html>body div#listmenu ul li ul li ul { left:140px; } /* an Opera-only hack to fix a redraw problem by invisibly extending the ul */ /* the first-level drop stays open for 100px below the bottom but at least it works */ /* this can be reduced to as little as 22px if you don't have pop-outs */ /* the pop-out menu stays open for 22px below the bottom but at least it works */ @media all and (min-width: 0px){ body div#listmenu ul li ul {padding-bottom:100px;} body div#listmenu ul li ul li ul {padding-bottom:22px;} ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */ } /*end Opera hack */ /* END OF HACK ZONE */ /* the drop-down ends here */ /* ------------------------------------ END OF LIST-BASED MENU ----------------------------------------- */ /* --------------------------- Begin form elements --------------------------------- */ form { margin:0; padding:0; } .forminput { font-size:9px; border: 2px solid #D7D7C6; color:#333; margin:0; background: #FFFFFF; padding:1px 2px; /*width:auto;*/ /*overflow:visible;*/ } .forminput2 { font-size: 10px; border-style: solid; border-color: #D7D7C6; background-color: #FFFFFF; color: #333; margin-top: 0px; margin-bottom: 0px; } .forminput3 { /*formats search function at top of pages*/ font-size: 10px; border-style: solid; border-color: #D7D7C6; background-color: #FFFFFF; color: #333; margin-top: 0px; margin-bottom: 0px; } /* --------------------------- End form elements --------------------------------- */ /* --------------------------- Begin Edit-X elements --------------------------------- */ .pgblock_scroll {z-index:1; overflow: auto} .bodytext {font-size: 13px;} .head {font-size: 13px; margin-top: 0px; margin-bottom: 0px;} .head a:link, .head a:visited {font-size: 13px; margin-top: 0px; margin-bottom: 0px;} .head a:hover {text-decoration: underline;} .byline {color: #444444; font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;} .caption {font-size: 10px; color: #999999;} .comments {color: #333333; font-size: 10px; margin-top: 0px; margin-bottom: 0px;} .comments a:link, .comments a:visited {font-size: 10px; margin-top: 0px; margin-bottom: 0px; text-decoration: underline;} .comments a:hover {color: #CC0000; text-decoration: none;} .copyright p { font-size:10px; margin:5px 5px 0 0; padding:0; } .copyright {color: #333333; font-size: 10px; margin-top: 5px; margin-bottom: 10px;} .copyright a:link, .copyright a:visited {font-size: 10px; margin-top: 5px; margin-bottom: 10px; text-decoration: none;} .copyright A:hover {text-decoration: underline;} .date { color: #444444; margin-top: 0px; margin-bottom: 0px; font: bold 12px "Courier New", Courier, mono; } .feedback {font-weight: bold; color: #cc0000; font-size: 13px;} .fineprint {font-size: 9px; margin-top: 0px; margin-bottom: 0px;} .fineprint a:link, .fineprint a:visited {font-size:9px; margin-top: 0px; margin-bottom: 0px;text-decoration: none;} .fineprint A:hover {text-decoration: underline;} .graytext {font-size: 10px; color: #666666; text-decoration: none;} .graytext a:link, .graytext a:visited {color: #666666; font-size: 10px; color: #666666; text-decoration: none;} .graytext a:hover {color: #666666; text-decoration: underline;} .linkblack {font-size: 10px; font-weight: bold; color: #000000;} .linkblack a:link, .linkblack a:visited {font-size: 10px; font-weight: bold; text-decoration: none;} .linkblack a:hover { text-decoration: underline;} .linkblue {font-size: 10px; font-weight: bold;} .linkblue a:link, .linkblue a:visited {font-size: 10px; font-weight: bold;text-decoration: none;} .linkblue a:hover {color: #ccFFFFFFf; text-decoration: underline;} .linkwhite {font-size: 10px; font-weight: normal; color: #FFFFFF;} .linkwhite a:link, .linkwhite a:visited {font-size: 10px; font-weight: normal; color: #FFFFFF; text-decoration: none;} .linkwhite a:hover {color: #FFFFFF; text-decoration: underline; background:none;} .menuOn {font-size: 13px; color: #CC0000; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .menuOn a:link, .menuOn a:visited {font-size: 13px; color: #CC0000; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .menuOn a:hover {text-decoration: underline; color: #CC0000;} .question {font-size: 13px; color: #333333; text-decoration: none; margin-top: 0px; margin-bottom: 2px;} .sanstext {font-size: 10px; color: #333333; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanstext a:link, .sanstext a:visited {font-size: 10px; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanstext a:hover {text-decoration: underline;} .sanswhite {font-size: 13px; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanswhite a:link, .sanswhite a:visited {font-weight: bold; font-size: 13px; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .sanswhite a:hover {text-decoration: underline; color: #CC0000;} .smallhead {font-weight: bold; font-size: 13px; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallhead a:link, .smallhead a:visited {font-weight: bold; font-size: 13px; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallhead a:hover {text-decoration: underline;} .smallheadblue {font-weight: bold; font-size: 13px; margin-top: 0px; margin-bottom: 0px;} .smallheadblue a:link, .smallheadblue a:visited {font-weight: bold; font-size: 13px; margin-top: 0px; margin-bottom: 0px;} .smallheadblue2 {font-weight: bold; font-size: 13px; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallheadblue2 a:link, .smallheadblue2 a:visited {font-weight: bold; font-size: 13px; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;} .smallheadblue2 a:hover {text-decoration: underline;} .smallheadred {font-weight: bold; color: #600000; font-size: 13px;} .smallheadred a:link, .smallheadred a:visited {font-weight: bold; font-size: 13px; text-decoration: none;} .smallheadred A:hover {text-decoration: underline;} .smallheadwhite {font-weight: bold; color: #FFFFFF; font-size: 10px; text-transform: uppercase;} .smallheadwhite a:link, .smallheadwhite a:visited {font-weight: bold; font-size: 10px; text-decoration: none;} .smallheadwhite a:hover {text-decoration: underline; } .storyhead {}/*article hearder formatting*/ .today {font-size: 10px; font-weight: normal; color: #FFFFFF; white-space: nowrap;} #header a:link, #header a:visited { font-size:13px; color: #FF9900; text-decoration:none; } #header a:hover { text-decoration:underline; } /* --------------------------- Begin calendar formatting --------------------------------- */ table.st { border-bottom: 1px solid #829FB8; border-left: 1px solid #829FB8; } table.st td { border-right: 1px solid #829FB8; border-top: 1px solid #829FB8; font-size:10px; padding:6px; } table.st th { border-right: 1px solid #829FB8; border-top: 1px solid #829FB8; background-color: #829FB8; color: #FAFFFF; font-size:9px; } table.calendar { text-align: center; color: #333333; border-bottom: 1px solid #C1C0A6; border-left: 1px solid #C1C0A6; } th.month { background-color: #F4E0E0; border-top: 1px solid #C1C0A6; border-bottom: 4px double #600000; border-right: 1px solid #C1C0A6; } td.prev-month { text-align: left; border-bottom: 1px solid #C1C0A6; } td.next-month { text-align: right; border-right: 1px solid #C1C0A6; border-bottom: 1px solid #C1C0A6; } th.day-of-week { font-size: 8pt; border-right: 1px solid #C1C0A6; } td.selected-day { background-color: #C1C0A6; color:#600000; font-weight: bold; } td.no-day { background-color: #FFFFFF; border-top: 1px solid #C1C0A6; border-right: 1px solid #C1C0A6; } td.day { background-color: #F4E0E0; border-right: 1px solid #C1C0A6; border-top: 1px solid #C1C0A6; } td.today { background-color: #C1C0A6; font-weight: bold; } /* --------------------------- End calendar formatting --------------------------------- */ /* ------------ Begin referral, submission, advice, etc form formatting ------------------- */ #formcontainer form {border-top: 2px solid #CCC; border-bottom: 3px solid #CCC;} #formcontainer div.clearfix {border: 1px solid #CCC; padding:10px 0px; vertical-align:top;} #formcontainer form label {width:180px; float:left;margin:0 10px;} #formcontainer div.buttongroup {float:left; margin:0px; padding:0px;} #formcontainer div.buttongroup div {margin-bottom:5px;} #formcontainer div.buttongroup input {margin-right:5px;} #formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;} #formcontainer div.button {padding-right:10px;} #formcontainer p {margin:10px 0;} #formcontainer h2 {margin: 20px 0;} /*.reqd {color:red;}*/ .reqd:before {content:"* ";} /* clearfix code ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */ /* simply add the clearfix class to any containter that must enclose floated elements */ /* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* end of "no-extra-markup" clearing method */ .code { font-family: "Courier New", Courier, mono; } .clearthefloats {clear:both;} /* --------------------------------- BEGIN LAYOUT FORMATTING ------------------------------------------ */ #container { border-left:1px solid #960000; border-right:1px solid #960000; border-bottom:1px solid #960000; } #contentarea { width:774px; margin:0; padding:0; } #contentarea2 { width:774px; margin:0; padding:0; background: #FFFFFF repeat-y -1px top; } #column1 { /*formats left side sub nav and box column*/ width:199px; float:left; margin:0; padding:0; } #column2 { /*formats main body column*/ /*width is set in header.tpl*/ background-color:#FFF; float:left; margin:0; padding: 0; } #conditional-column { /*formats the conditional div that is dynamically created for the article well */ padding: 20px; } #adsense-home { /*formats google adds on home page*/ margin:10px 0 10px 205px; padding:0; } #adsense { /*formats google adds*/ margin:0 0 10px 0; padding:10px 0 0 0; } /* End */