﻿
body {background:#fff;color:#000;}
.dont-print{display:none;}


/* Wrappers */ 

#header-wrapper{width:100%;background-color:#fff;}
#middle-wrapper{width:100%;background:#fff;}
#main-columns-wrapper{width:960px;}
.crohn-main-logo{border:none;}




/* Header */

#header{width:960px;}
#header-content{width:960px;}


/* Interior Content Styles */

#content{width:753px;float:left;padding:52px 0 0 0;}
#content-main{width:482px;}
* html #content-main{float:left;margin:0 20px 0 19px;}
#content-head{width:482px;}
* html #content-head{margin:0 20px 0 19px;}
#content p{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#636363;line-height:1.5em;margin:0 0 10px 0;padding:2px 0 2px 0;}
#content p.intro-copy{font-size:14px;clear:left;width:50%;}
#content-main p.before-learn-more{margin-bottom:0;}
#content-main p.tags{font-size:11px;}
#content-main p.minimize-flareups-tips{font-size:14px;color:#89b59b;margin-bottom:0;}
#content-main ul{margin-top:0;margin-bottom:10px;}
#content-main ul li{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#636363;line-height:1.5em;margin-bottom:7px;}
#content-main ul li a{color:#f2932f;}
#content-main ol{margin-top:0;margin-bottom:10px;}
#content-main ol li{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#636363;line-height:1.5em;margin-bottom:7px;}
#content-main p a{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#f2932f;text-decoration:none;}
#content-main p a:hover{color:#f36f21;}
.about-crohns-image{float:right;clear:left;}
.advice-column-image{float:right;clear:left;padding-left:10px;}
.scholarship-winner-image{float:left;padding-right:10px;}
.learn-more-link{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#f2932f;font-weight:bold;text-decoration:none;}
a.learn-more-link:hover{color:#f36f21;}
.title-image{margin:0;padding:0;}
.recipe-wrapper-top-rated{width:482px;float:left;margin-bottom:15px;}
.recipe-wrapper{width:482px;float:left;margin-bottom:5px;}
#recipe-pear-image-holder{width:226px;height:185px;float:left;padding:0 20px 0 0;}
#recipe-pear-image-holder img {border:none;}
#recipe-pear-content-holder{width:223px;height:185px;float:left;margin-bottom:20px;}
.recipe-image-holder{width:226px;height:123px;float:left;padding:0 20px 0 0;}
.recipe-image-holder img {border:none;}
.recipe-content-holder{width:223px;height:123px;float:left;margin-bottom:20px;}
#content-main ul.recipe-ingredients{list-style-type:none;margin:0 0 15px 0;padding:0;}
#content-main ul.recipe-ingredients li:first-child{font-weight:bold;}
#crohns-advice-next-previous{width:482px;float:left;}
#crohns-advice-next-previous .previous-article{float:left;color:#f2932f;text-decoration:none;}
#crohns-advice-next-previous .next-article{float:right;color:#f2932f;text-decoration:none;}
#content-main ul.scholarship-faq{list-style-type:none;margin:0 0 15px 0;padding:0;}
span.footnote{font-family:Helvetica, Arial, sans-serif;font-size:10px;color:#636363;}
#tooltip{width:262px;height:82px;padding:7px 0 0 12px;position:absolute;z-index:99999;background:url(../images/tooltip-bg.png) no-repeat;}
#tooltip p{font-family:Helvetica, Arial, sans-serif;font-size:13px;color:#636363;width:85%;margin:0;padding:0;position:absolute;top:7px;left:12px;}


/* Headlines and Sub Head Styles */

#content h1{font-family:Helvetica, Arial, sans-serif;font-size:26px;font-weight:normal;margin:10px 0 0 0;padding:0;color:#000;}
#content h2{font-family:Helvetica, Arial, sans-serif;font-size:14px;margin:15px 0 0 0;padding:0;color:#000;}
#content h2 a{text-decoration:none;}
#content h2:first-child{margin:0;}



/* Content Area Barkers */

#did-you-know-barker{width:226px;height:259px;float:right;clear:left;background:url(../images/did-you-know-barker.jpg) no-repeat;}
#did-you-know-barker a{display:block;width:104px;height:20px;margin:218px 0 0 17px;background:url(../images/treating-crohns-callouts-button.png) no-repeat;text-indent:-9999px;}
#did-you-know-barker a:hover{background-position:0 -20px;}
#what-is-crohns-callout{width:482px;height:144px;background:url(../images/what-is-crohns-callout.jpg) no-repeat;float:left;margin-top:10px;}
#what-is-crohns-callout a{display:block;width:138px;height:20px;background:url(../images/what-is-crohns-callout-button.gif) no-repeat;margin:109px 0 0 17px;text-indent:-9999px;outline:none;}
#what-is-crohns-callout a:hover{background-position:0 -20px;}
#minimize-flareups-barker{width:236px;height:136px;background:url(../images/minimize-flareups-barker.jpg) no-repeat;float:left;margin-right:10px;}
#minimize-flareups-barker a{display:block;width:104px;height:20px;margin:95px 0 0 17px;background:url(../images/treating-crohns-callouts-button.png) no-repeat;text-indent:-9999px;outline:none;}
#minimize-flareups-barker a:hover{background-position:0 -20px;}
#clinical-trials-barker{width:236px;height:136px;background:url(../images/clinical-trials-barker.jpg) no-repeat;float:left;}
#clinical-trials-barker a{display:block;width:104px;height:20px;margin:95px 0 0 17px;background:url(../images/treating-crohns-callouts-button.png) no-repeat;text-indent:-9999px;outline:none;}
#clinical-trials-barker a:hover{background-position:0 -20px;}
#college-years-callout{width:482px;height:116px;background:url(../images/college-years-callout.jpg) no-repeat;float:left;margin-top:20px;}
#college-years-callout a{display:block;width:104px;height:20px;margin:74px 0 0 17px;background:url(../images/college-years-callout-button.png) no-repeat;text-indent:-9999px;outline:none;}
#college-years-callout a:hover{background-position:0 -20px;}


/* Barker Carousel */

.carousel-wrapper-recipe{width:236px;height:220px;float:left;margin-right:10px;}
.carousel-wrapper{width:236px;height:220px;float:left;}
#recipes-callout-wrapper{width:236px;height:216px;overflow:hidden;position:absolute;}
#recipes-callout-wrapper p{position:absolute;left:0;top:0;margin:0;padding:0;width:708px;}
#recipes-pears-callout{width:236px;height:216px;background:url(../images/recipe-poached-pears-callout.jpg) no-repeat;float:left;}
#recipes-smoothie-callout{width:236px;height:216px;background:url(../images/recipe-smoothie-callout.jpg) no-repeat;float:left;}
#recipes-potatoes-callout{width:236px;height:216px;background:url(../images/recipe-potato-wedges-callout.jpg) no-repeat;float:left;}
.recipe-prev{display:block;width:11px;height:13px;background:url(../images/callout-previous-arrow.gif) no-repeat;float:right;margin:20px 0 0 0;}
.recipe-next{display:block;width:11px;height:13px;background:url(../images/callout-next-arrow.gif) no-repeat;float:right;margin:20px 23px 0 0;}
* html .recipe-next{margin:20px 10px 0 0;}
.callout-page-indicator{float:right;margin-top:22px;}
#recipes-callout-wrapper .get-recipe-link{width:96px;height:20px;display:block;background:url(../images/recipe-callout-button.gif) no-repeat;text-indent:-99999px;position:relative;top:120px;left:20px;}
#recipes-callout-wrapper .get-recipe-link:hover{background-position:0 -20px;}
#recipes-callout-wrapper .see-more-link{position:relative;top:173px;left:20px;font-family:Helvetica, Arial, sans-serif;font-size:11px;color:#fff;text-decoration:none;}
#recipes-callout-wrapper .see-more-link img{border:none;}

#tips-callout-wrapper{width:236px;height:216px;overflow:hidden;position:absolute;}
#tips-callout-wrapper p{position:absolute;left:0;top:0;margin:0;padding:0;width:708px;}
#tips-supplements-callout{width:236px;height:216px;background:url(../images/tips-on-eating-supplements-callout.jpg) no-repeat;float:left;}
#tips-omega3-callout{width:236px;height:216px;background:url(../images/tips-on-eating-omega3-callout.jpg) no-repeat;float:left;}
#tips-flareups-callout{width:236px;height:216px;background:url(../images/tips-on-eating-flareups-callout.jpg) no-repeat;float:left;}
#tips-callout-wrapper .see-more-link{position:relative;top:193px;left:20px;font-family:Helvetica, Arial, sans-serif;font-size:11px;color:#fff;text-decoration:none;}
#tips-callout-wrapper .see-more-link img {border:none;}
.tips-prev{display:block;width:11px;height:13px;background:url(../images/callout-previous-arrow.gif) no-repeat;float:right;margin:20px 0 0 0;}
.tips-next{display:block;width:11px;height:13px;background:url(../images/callout-next-arrow.gif) no-repeat;float:right;margin:20px 23px 0 0;}
* html .tips-next{margin:20px 10px 0 0;}


/* Meet Fellow Crohnies Module */

#crohnies-module-wrapper{position:relative;top:0;z-index:0;width:483px;height:320px;background:url(../images/crohnies/crohnies-module-bg.gif) no-repeat;margin-bottom:40px;}
#carrie-wrapper{position:relative;top:12px;left:30px;z-index:0;width:364px;height:307px;background:url(../images/crohnies/carrie-large.jpg) no-repeat;display:none;}
#carrie-wrapper a{display:block;width:128px;height:22px;position:absolute;top:93px;left:215px;}
#gideon-wrapper{position:relative;top:6px;left:1px;z-index:0;width:403px;height:313px;background:url(../images/crohnies/gideon-large.jpg) no-repeat;display:none;}
#gideon-wrapper a{display:block;width:128px;height:22px;position:absolute;top:108px;left:230px;}
#dr-rubin-wrapper{position:relative;top:8px;left:1px;z-index:0;width:402px;height:311px;background:url(../images/crohnies/dr-rubin-large.jpg) no-repeat;display:none;}
#dr-rubin-wrapper a{display:block;width:128px;height:20px;position:absolute;top:92px;left:231px;}
#ben-wrapper{position:relative;top:8px;left:1px;z-index:0;width:398px;height:311px;background:url(../images/crohnies/ben-large.jpg) no-repeat;display:none;}
#ben-wrapper a{display:block;width:128px;height:22px;position:absolute;top:91px;left:231px;}
#barbara-and-luis-wrapper{position:relative;top:6px;left:1px;z-index:0;width:471px;height:313px;background:url(../images/crohnies/barbara-and-luis-large.jpg) no-repeat;display:none;}
#barbara-and-luis-wrapper a{display:block;width:128px;height:22px;position:absolute;top:93px;left:281px;}
#slide-wrapper img{position:absolute;top:50px;left:10px;z-index:0;}
#thumb-wrapper{position:absolute;top:216px;width:483px;height:104px;z-index:10;background:url(../images/crohnies/crohnies-thumb-nail-bg.png) no-repeat;}
#thumb-wrapper a{float:left;margin:10px 0 0 11px;}
#thumb-wrapper a img{border:none;}
.crohnie-holder{width:482px;float:left;margin-bottom:15px;}
.crohnie-image-holder{width:188px;height:122px;float:left;padding:0 10px 0 0;}
.crohnie-image-holder img {border:none;}
.crohnie-content-holder{width:250px;height:100px;float:left;margin:15px 0 0 0;}


/* Secondary Icon Nav */

#secondary-mav{width:300px;}
#secondary-nav ul{list-style-type:none;margin:10px 0 0 0;padding:0 0 25px 0;}
#secondary-nav ul li{float:left;margin:0 7px 0 0;padding:0;}
#email-link{display:block;width:53px;height:14px;background:url(../images/email-icon.gif) no-repeat;}
#email-link:hover{background:url(../images/email-rollover.gif) no-repeat;}
#bookmark{display:block;width:69px;height:14px;background:url(../images/bookmark-icon.gif) no-repeat;}
#bookmark:hover{background:url(../images/bookmark-rollover.gif) no-repeat;}
#print-page{display:block;width:73px;height:14px;background:url(../images/print-page-icon.gif) no-repeat;}
#print-page:hover{background:url(../images/print-page-rollover.gif) no-repeat;}
#rate-page{display:block;width:69px;height:14px;background:url(../images/rate-page-icon.gif) no-repeat;}
#rate-page:hover{background:url(../images/rate-page-rollover.gif) no-repeat;}


/* Leaving Site Popup Styles */

#backgroundPopup{display:none;position:fixed;z-index:9000 !important;top:0;left:0;width:100%;height:100%;background-color:#000;}
* html #backgroundPopup{position:absolute;}
#popupLeaving{display:none;width:532px;height:254px;position:absolute;z-index:9999 !important;background:url(../images/popup-leaving-crohns-bg.png) no-repeat;}
#popupLeaving-content{width:500px;float:left;margin:92px 0 0 20px;}
#popupLeaving p{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#000;margin:0 0 15px 0;padding:0;width:80%;}
#popupLeaving #leaving-site-no{width:57px;height:21px;background:url(../images/popup-no-button.gif) no-repeat;display:block;float:left;margin:0 50px 0 165px;}
* html #popupLeaving #leaving-site-no{margin:0 50px 0 75px;}
#popupLeaving #leaving-site-yes{width:57px;height:21px;background:url(../images/popup-yes-button.gif) no-repeat;display:block;float:left;}
* html #popupLeaving{left:0;}
* html .lightboxwrapper{position:relative;left:-62px;top:0;z-index:500;}
#popupLeavingClose{font-family:Helvetica,Arial,sans-serif; width:55px;height:18px;display:block;float:right;text-decoration:none;font-weight:bold;color:#ef8328;font-size:12px;margin:10px 7px 0 0;padding:0;cursor:pointer;clear:both;}


/* Tell a Friend Popup Styles */

#popupFriend{display:none;width:692px;height:393px;position:absolute;z-index:9999 !important;background:url(../images/popup-tell-a-friend-bg.png) no-repeat;padding-top:10px;}
#popupFriendClose{width:21px;height:21px;display:block;float:right;margin:9px 18px 0 0;padding:0;background:url(../images/popup-friend-close.png) no-repeat;}
#popupFriendClose:hover{background-position:0 -21px;}
#popupFriend p{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#000;margin:85px 0 0 20px;padding:0;width:80%;}
#friend-form-wrapper{width:650px;float:left;margin:35px 0 0 55px;}
#popupFriend .formlabel{display:block;float:left;width:7em;margin-right:0.5em;font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#000;}
#textarea-wrapper{width:650px;float:left;margin:20px 0 0 34px;}
#popupFriend .labeltextarea{display:block;float:left;width:8.9em;margin-right:0.5em;font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#000;}
#popupFriend .friendtextarea{width:440px;min-height:90px;margin-left:0;}
#popupFriend .formbutton{width:75px;height:22px;margin:15px 0 0 300px;}
#popupFriend input{width:163px;margin:0 20px 0 0;float:left;font-size:10px;}
#popupFriend input.no-margin{margin-right:0;}
#popupFriend p.form-element{padding-bottom:5px;}



