*{margin:0px;padding:0px;} * h1{letter-spacing:-1px;} body{background:url(../images/bg-gradient.jpg) top left repeat-x #244a9d; text-align:center;font-family:"franklin gothic medium", arial, sans-serif;} body.interior-page{background:url(../images/bg-gradient-int.jpg) top left repeat-x #244a9d;} /* layout container */ #layout{width:916px;margin:0 auto;text-align:left;} /* header*/ #header{background:url(../images/bg-header.jpg) top left no-repeat;height:115px;} #header a {top:35px;left:22px;position:relative;display:block;height:50px;width:340px;} /* beta */ #header-beta{background:url(../images/header-with-beta-logo.jpg) top left no-repeat;height:115px;} #header-beta a {top:35px;left:22px;position:relative;display:block;height:50px;width:340px;} /*top nav*/ #bg-nav{height:40px;background:url(../images/topnav.gif) top left no-repeat;} #top-nav{margin:0px 8px;} #top-nav dd{float:left;} #top-nav dd a{display:block;height:40px;} #top-nav dd a strong{display:none;height:40px;} /* top nav links */ #home{width:83px;background:url(../images/bg-topnav.gif) 0 0 no-repeat;} #community{width:123px;background:url(../images/bg-topnav.gif) -83px 0 no-repeat;} #about-us{width:106px;background:url(../images/bg-topnav.gif) -206px 0 no-repeat;} #membership{width:129px;background:url(../images/bg-topnav.gif) -312px 0 no-repeat;} #advertising{width:129px;background:url(../images/bg-topnav.gif) -441px 0 no-repeat;} #jobs-board{width:124px;background:url(../images/bg-topnav.gif) -570px 0 no-repeat;} #news{width:82px;background:url(../images/bg-topnav.gif) -694px 0 no-repeat;} #contact-us{width:124px;background:url(../images/bg-topnav.gif) -776px 0 no-repeat;} /* top nav link hover and selected states */ #home:hover, #home.selected{width:83px;background:url(../images/bg-topnav.gif) 0 -40px no-repeat;} #community:hover, #community.selected{width:123px;background:url(../images/bg-topnav.gif) -83px -40px no-repeat;} #about-us:hover, #about-us.selected{width:106px;background:url(../images/bg-topnav.gif) -206px -40px no-repeat;} #membership:hover, #membership.selected{width:129px;background:url(../images/bg-topnav.gif) -312px -40px no-repeat;} #advertising:hover, #advertising.selected{width:129px;background:url(../images/bg-topnav.gif) -441px -40px no-repeat;} #jobs-board:hover, #jobs-board.selected{width:124px;background:url(../images/bg-topnav.gif) -570px -40px no-repeat;} #news:hover, #news.selected{width:82px;background:url(../images/bg-topnav.gif) -694px -40px no-repeat;} #contact-us:hover, #contact-us.selected{width:124px;background:url(../images/bg-topnav.gif) -776px -40px no-repeat;} /* page splash */ #splash-about{background:url(../images/splash-about.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-about.joe{background:url(../images/splash-joe.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-advertising{background:url(../images/splash-advertising.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-comm{background:url(../images/splash-community.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-contact{background:url(../images/splash-contact.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-demo{background:url(../images/splash-demo.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-home{background:url(../images/splash-home.jpg) top left no-repeat;width:916px;height:225px;float:left;} #splash-jobs{background:url(../images/splash-jobs.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-membership{background:url(../images/splash-membership.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-news{background:url(../images/splash-news.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-supporters{background:url(../images/splash-supporters.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-testimonials{background:url(../images/splash-testimonials.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-referrals{background:url(../images/splash-referrals.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-rewards{background:url(../images/splash-rewards.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-more{background:url(../images/splash-more.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-sponsors{background:url(../images/splash-sponsors.jpg) top left no-repeat;width:916px;height:170px;float:left;} #splash-privacy{background:url(../images/splash-privacy.jpg) top left no-repeat;width:916px;height:170px;float:left;} /* page splash text - home */ #splash-home p.splash-text{color:#fff;font-size:14px;margin:15px 50px 0px 490px;line-height:140%;} #splash-home p.splash-text strong{font-size:48px;letter-spacing:-1px;font-weight:normal;line-height:85%;} /* page splash text - interior */ p.splash-text{color:#fff;font-size:14px;margin:61px 26px 0px 490px;} p.splash-text strong{font-size:48px;letter-spacing:-1px;} /* content */ #content{background:url(../images/bg-content.gif) top left repeat-y;width:916px;} #content #col-one, #content #col-two {width:458px;} #content #col-one{float:left;} #content #col-two{float:right;} #content #col-one h1{color:#5781C2;font-size:40px;font-weight:normal;margin:10px 28px 10px 28px;} #content #col-one h2{color:#5781C2;font-size:36px;font-weight:normal;margin:10px 28px 10px 28px;} #content #col-two h1{color:#99cc33;font-size:40px;font-weight:normal;margin:10px 28px 10px 32px;} #content p{font-size:14px;color:#666;margin:0px 28px 14px 28px;} #content dl{margin:0px 28px 14px 28px;} #content dl dd{font-size:14px;color:#666;} #content ul{margin:0px 28px 14px 42px;} #content ul li{font-size:14px;color:#666;} #content ol{margin:0px 28px 14px 52px;} #content ol li{font-size:14px;color:#666;} /* possible class for interior change */ #content #col-one.interior{float:left; width:683px;} #content #col-one.interior p { font-size:10.0pt; font-family: Arial } #content #col-two.interior{float:left; width:233px;} /*about us quote box*/ #content #col-two .quote-box{background:#ffab33;width:207px;margin:16px 0px 0px 0px;float:left;} #content #col-two .quote-box p{color:#fff;font-size:18px;font-style:italic;margin:20px;} #content #col-two .image-box { width: 185px; background: none; border: 11px solid #5881C3; padding-top: 5px;} #content #col-two .image-box img { width: 185px; border: 0; } /* home page content bottom */ #content-bottom{display:block;height:160px;background:url(../images/bg-bottom.gif) top left no-repeat;clear:both;} #content-bottom div{float:left;height:141px;} #content-bottom a strong{font-size:27px;font-weight:normal;} /* rounded bottom class at the end of content*/ .round-bottom{background:url(../images/bg-round-bottom.gif) top left no-repeat;height:23px;clear:both;} /* home page demo call to action */ #demo {width:458px;height:87px;background:url(../images/bg-demo.gif) top left no-repeat;clear:both;} #demo a {font-size:13px;color:#000;margin:0px 10px 14px 28px;padding:26px 0px 21px 155px;display:block;text-decoration:none;} #demo a strong{font-size:18px;} /* sponsors graphics*/ #sponsors {border: 11px solid #99CC33; margin-left: 34px; width: 375px; } #sponsors a{display:block;margin:0 10px;height:167px;background:url(../images/sponsors/main-splash.jpg) top left no-repeat;} /* pens graphics*/ #pens a{display:block;margin:0 10px;height:211px;background:url(../images/bg-pens.gif) top left no-repeat;} #testimonials a, #testimonials a img, #referrals a, #supporters a {border:0px;text-decoration:none;} /* testimonials */ #testimonials{width:458px;} #testimonials a strong{color:#ffab33;margin:30px 10px 0px 163px;text-indent: -12px; display:block;font-size:32px;} #testimonials a span{color:#666;font-size:15px;margin:0 10px 0 163px;display:block;} #testimonials a img{float:left;margin:30px 0 0 28px;} /*supporters and referals */ #referrals {width:221px;display:block;float:left;text-decoration:none;} #supporters {width:221px;display:block;float:left;text-decoration:none;} #referrals a strong {color:#9c3;/*font-family:"franklin gothic demi";*/margin:30px 0px 0px 14px;display:block;text-decoration:none;} #referrals a span {color:#666;font-size:13px;margin:0 14px;display:block;text-decoration:none;} #supporters a strong {color:#9c3;/*font-family:"franklin gothic demi";*/margin:30px 0px 0px 32px;display:block;text-decoration:none;} #supporters a span {color:#666;font-size:13px;margin:0 14px 0 36px;display:block;text-decoration:none;} /* footer links */ #footer, #footer dd a, #footer dd a:link, #footer dd a:visited, #footer dd a:hover, #footer dd a:active {color:#fff;font-size:11px;text-decoration:none;display:block;font-weight:normal;} #footer{margin:8px 60px 20px 61px; clear:both;width:795px;} #footer dd{display:inline;float:left;margin:0 4px;text-align:center;} #footer dd#copyright{clear:both;width:795px;margin:8px 0px 20px 0px;text-align:center;} /* form */ form {margin:14px 28px 14px 28px;} form * {font-family:"franklin gothic medium", arial, sans-serif;} form .buttons { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; padding: 2px; } form input[type="button"], form input[type="submit"], form input[type="reset"], form button { font-size: 14px; padding: 2px; pading-left: 5px; padding-right: 5px; margin-left: 5px; border: 1px outset #ccc; font-weight: bold; background: #ddd; } form input[type="submit"]{background:#090;color:#fff;} form input.select { } form input[type="text"], form input[type="password"], form textarea { border: 1px solid #ccc; border-bottom: 1px solid #eee; border-right: 1px solid #eee; font-family:"franklin gothic medium", arial, sans-serif; } /* Definition list layout for forms ---------------------------------------- */ form fieldset { padding: 29px 10px 15px 10px; /*was 10px */ } form fieldset legend { font-weight: bold; font-size: 14px; } form fieldset dl { clear: left; margin: 10px; padding: 5px; border: 1px solid #eee; background: #fefefe; left: 0; height: 1%; overflow: hidden; } form fieldset dt { float: left; font-size: 14px; font-weight: normal; padding: 5px; width: 40%; text-align: left; display: block; color: #666; word-wrap: break-word; } form fieldset dd { font-size: 14px; margin: 0; vertical-align: top; color: #666; word-wrap: break-word; } /* Form elements */ form dt label { font-weight: bold; text-align: left; } form dd label { white-space: nowrap; color: #666; } form dl div.hint { float: left; clear: both; margin-top: 0; padding-left: 7px; font-size: 12px; color: #06f; width: 36%; } form dd input, form dd textarea { margin-right: 3px; font-size: 14px; } form dd select { width: auto; font-size: 14px; } form dd textarea { width: 85%; } /* Hover effects */ form fieldset dl:hover dt label { color: #ffab33; } form fieldset.fields2 dl:hover dt label { color: inherit; } form fieldset .errors { color: #c00; font-weight: bold; } body.demo a,body.demo a:link,body.demo a:visited,body.demo a:hover,body.demo a:active {color:white;padding:5px;display:block;font-size:12px;font-weight:bold;}