/* Author: Lynn Koble Author URI: http://www.parasee.com/ */ html {font-size: 125%;} body {margin:0px; padding:0px; font: 50% arial, helvetica, sans-serif; text-align:center; background-color:#aab7c5; behavior:url(style/csshover.htc);} * {margin:0; padding:0;} img {border: none;} .floatleft {float:left;} .floatright {float:right;} h1 {font: 1.4em arial, helvetica, sans-serif; color:#707070; font-weight: bold; margin:0 0 0px 64px; padding-top:0px;} h2 {font: 1.9em Georgia, "Times New Roman", Times, serif; color:#7c93ab; font-weight: normal; letter-spacing:.01em; margin:52px 0 18px 60px;} h3 {font: 1.3em arial, helvetica, sans-serif; color:#707070; font-weight: bold; margin:0 0 0 60px;} h3 a {text-decoration:none; color:#707070;} h3 a:visited {color:#707070;} h3 a:hover {text-decoration:underline;} h3 a:active {text-decoration:underline;} #mainwrap {width:928px; margin-left:auto; margin-right:auto; margin-top: 0; margin-bottom:60px; text-align:left;} #innerwrap {width:900px; padding:0 14px; background: url(../images/img_gradient.gif) repeat-y;} #banner {width:900px; height:33px; background-color:#fff;} #banner p {font-size:1.1em; color: #888; padding-top:22px; margin-right:39px;} #banner img {float:left;} #contentarea {width:900px; background-color:#fff; padding: 32px 0 0 0;} #nav {width:236px; float:left; padding-top:9px;} #nav ul {font-size:1.1em; line-height: 2.2; letter-spacing: .05em; margin-left: 39px; list-style-type: none;} #nav a {text-decoration:none; color:#878787;} #nav a:visited {color:#878787;} #nav a:hover {color:#d32c20;} #nav a:active {color:#d32c20;} #nav ul li.navon a {color:#d32c20 !important;} #nav ul li.navon a:hover {color:#d32c20;} #nav ul li.navsection {margin-bottom: 1em;} #content {width:664px; float:left; padding: 6px 0 52px 0; min-height:440px;} #content p {font:1.2em/1.4em arial, helvetica, sans-serif; color:#999; letter-spacing:.01em; margin:0 66px 0 64px; padding-top: 8px;} /* mac hide \*/ * html #content {height:440px;} /* end hide */ #content a {text-decoration:none; color:#5078a2;} #content a:visited {color:#5078a2;} #content a:hover {text-decoration:underline;} #content a:active {text-decoration:underline;} #content h2 a {text-decoration:none; color:#999;} #content h2 a:visited {color:#b2b2b2;} #content h2 a:hover {text-decoration:underline;} #content h2 a:active {text-decoration:underline;} #content ul {font-size:1.2em; line-height: 2.4; margin: 6px 0 0 54px; list-style-type: none;} #content ul a {text-decoration:none; color:#999;} #content ul a:visited {text-decoration:none; color:#999} #content ul a:hover {text-decoration:none; color:#000;} #content ul a:active {text-decoration:none; color:#000;} #gallery {width:664px; background-color:#fff; padding: 9px 0 0px 0;} #sneaksite p {align: center; font:1.2em/1.4em arial, helvetica, sans-serif; color:#666; letter-spacing:.01em; padding-bottom: 1em;} #sneaksite.knockout p {color: #fff;} #sneaksite a {text-decoration:underline; color:#666;} #sneaksite a:visited {color:#666;} #sneaksite a:hover {text-decoration:underline;} #sneaksite a:active {text-decoration:underline;} #sneaksite.knockout a {text-decoration:underline; color:#fff;} #header {width:664px;} #subnav {float:left;} #subnav p {font:1.2em/1.4em arial, helvetica, sans-serif; color:#999; letter-spacing:.01em; margin:0 0 0 40px; padding-top: 0px;} #subnav a {display:inline; text-decoration:underline; color:#5078a2;} #description {clear:both;} #text p {line-height: 1.8em;} #posting p {font:1.2em/1.4em arial, helvetica, sans-serif; color:#999; letter-spacing:.01em; padding:8px 0;} #feature {width:100%; height: 253px; background: #f1f4f8 url('../images/img_gradient_hp.jpg') repeat-x;} #featureimg img {float:left; margin-left:146px; padding-top:34px;} #featuretext {float:left; width:450px;} #featuretext p {font:1.2em/1.4em arial, helvetica, sans-serif; color:#999; letter-spacing:.01em; margin: 0 0 0 60px; padding-top: 8px;} #column1 {width:264px; float:left;} #column2 {float:left;} #linework {height:37px;} #footer {width:900px; height:15px; padding-top:8px; margin-bottom:60px;} #footer p {font-size: 1em; color:#657e97; letter-spacing:.01em; margin: 0 26px 0 26px;} #footer a {text-decoration:none; color:#657e97;} #footer a:visited {color:#657e97;} #footer a:hover {text-decoration:underline; color:#657e97;} #footer a:active {text-decoration:underline; color:#657e97;} /* start horizontal menu - notes in earlier ver */ div#listmenu {width:686px; float:left; font-size:1.1em; letter-spacing: .05em; background-color:#fff; margin-top:22px;} div#listmenu ul {margin:0 0 0 360px;} div#listmenu li {float:left; position:relative; list-style-type:none; background-color:#fff;} div#listmenu li:hover {background-color:#fff;} div#listmenu a {display:block; padding: 0; text-decoration:none; color:#6b89a7;} div#listmenu a:visited {color:#6b89a7;} div#listmenu a:hover {color:#9aacbf;} /* start drop-down */ div#listmenu ul li ul {margin: 17px 0 0 0; position:absolute; width:10em; left:-1px;} div#listmenu ul li ul li {width:100%; padding: .4em 13px;} /* make the drop-down display as the menu is rolled over */ div#listmenu ul li ul {display:none;} div#listmenu ul li:hover ul {display:block; } /* horiz menu hack zone */ * html div#listmenu ul li ul { border-left:0px; /* stops the drop inheriting the ul border */ } /* 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 */