
/* Main Styles */

body{background-color:#fff;margin:0;}
* html body{height:100%;}
#wrapper{width:980px;margin:0 auto;}
#header{width:980px;height:111px;float:left;border-bottom:10px solid #000;}
* html #header{overflow:hidden;}
#content{width:980px;float:left;margin:75px 0 0 15px;}
#content p{font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:14px;}
#content h3{font-family:Helvetica, Verdana, sans-serif;color:#404040;}
#content ol{font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:14px;}
#footer{width:980px;float:left;border-top:15px solid #000;margin-top:75px;padding:20px 0 100px 0;}
* html #content{display:inline;}
* html #footer{display:inline;}

/* Header Styles */

#learn-about-cd-callout{width:241px;height:26px;display:block;background: url(../images/learn-about-cd-callout.jpg) no-repeat;float:right;text-indent:-99999px;}
#advocate-mag-callout{width:505px;height:18px;background: url(../images/advocate-magazine-header.jpg) no-repeat;margin:45px 0 0 450px;}
#advocate-mag-callout p{font-family:Helvetica, Verdana, sans-serif;color:#3c1f15;font-size:12px;padding-top:18px;width:75%;}
#advocate-mag-callout a{font-family:Helvetica, Verdana, sans-serif;font-weight:bold;font-size:12px;text-decoration:none;color:#8cc640;}
#advocate-mag-callout a:hover{text-decoration:underline;}
#main-nav{width:800px;height:40px;margin:70px 0 0 280px;padding:0;}
* html #main-nav{margin:20px 0 0 280px;position:absolute;}
#main-nav ul{list-style-type:none;margin:0;padding:0;}
#main-nav ul li{margin:0 20px 0 0;padding:0;float:left;}
#about-us-nav{width:95px;height:24px;display:block;background: url(../images/about-us-nav.jpg) no-repeat;}
#view-crohns-nav{width:365px;height:24px;display:block;background: url(../images/view-crohns-mag-nav.jpg) no-repeat;border:none;cursor:pointer;}
#upcoming-events-nav{width:168px;height:24px;display:block;background: url(../images/upcoming-events-nav.jpg) no-repeat;}


/* Popup Login Styles*/

#backgroundPopup{display:none;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#000;}
* html #backgroundPopup{position:absolute;}
#popupContact{display:none;width:350px;height:100px;position:relative;top:0;left:402px;z-index:2;background-color:#fff;border:1px solid #000;cursor:pointer;}
* html #popupContact{top:50px;}
#popupContactClose{float:right;display:block;width:10px;height:10px;background-color:#95c24d;color:#fff;font-size:10px;margin:2px 2px 0 0;text-align:center;padding:0 0 3px 1px;}
#popup-top{width:350px;height:20px;background-color:#000;}
.already-registered-para{font-family:Helvetica, Verdana, sans-serif;color:#3c1f15;font-weight:bold;font-size:12px;margin:10px 0 7px 15px;padding:0 0 7px 0;border-bottom:1px dotted #ccc;width:320px;}
.register-para{font-family:Helvetica, Verdana, sans-serif;color:#3c1f15;font-size:12px;margin:0 0 0 15px;padding:0;width:320px;}
.popup-link{font-family:Helvetica, Verdana, sans-serif;color:#95c24d;font-size:12px;font-weight:bold;}


/* About Us Content Styles */

#about-us-header-wrapper{width:965px;float:left;border-bottom:1px dotted #666;}
#about-us-main-content{width:980px;float:left;margin:20px 0 0 0;}
#about-us-text-wrapper{width:625px;float:left;border-bottom:1px dotted #666;margin:0 0 0 75px;}
#about-us-text-wrapper p{width:90%;font-family:Helvetica, Verdana, sans-serif;color:#707070;font-size:14px;line-height:1.4em;}
#about-us-text-links{width:625px;float:left;margin:10px 0 0 68px;}
#preview-crohns-link{width:305px;height:23px;display:block;background: url(../images/preview-crohns-link.jpg) no-repeat;float:left;}
#find-events-link{width:220px;height:24px;display:block;background: url(../images/find-events-link.jpg) no-repeat;float:left;margin-left:70px;}

/* Magazine Content Styles */

#magazine-header-wrapper{width:940px;float:left;border-bottom:1px dotted #666;}
#magazine-main-content-left{width:470px;float:left;margin:20px 0 0 0; border-right:1px dotted #666;}
#magazine-main-content-right{width:480px;float:left;margin:20px 0 0 0; padding:0 0px 0 29px;}
#magazine-text-wrapper{width:250px; margin:0 0 0 30px; float:left; display:inline; font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:13px;line-height:1.4em;}
#magazine-text-wrapper h3{margin-top:0px; font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:16px;line-height:1.4em;}
#magazine-image{ text-align:left; float:left; display:inline;}
#magazine-text-wrapper ul{margin:0; padding:0; margin-left:15px; margin-bottom:25px; color:#8cc640;}
#magazine-text-wrapper li{margin:10px 0; padding:0; padding-right:0px;}
#magazine-list-fonts {color:#404040;}
#magazine-text-wrapper p{font-family:Helvetica, Verdana, sans-serif;color:#707070;font-size:14px;line-height:1.4em;}


/* Article Content Styles */

#article-top-wrapper{width:980px;float:left;margin:0 0 0 8px;padding:0;}
* html article-top-wrapper{margin:0 0 0 0;}
#content p.quotation-callout{font-family:Georgia, Verdana, sans-serif;color:#52005b;font-size:30px;float:left;margin:50px 0 0 0;padding:0 0 0 25px;width:350px;}
#left-column-text{width:525px;float:left;margin:30px 30px 0 20px;}
* html #left-column-text{margin:30px 30px 0 10px;}
#left-column-text p{font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:14px;margin:0 0 15px 0;line-height:1.4em;padding:0;}
#right-column-text{width:385px;float:left;margin-top:30px;}
#right-column-text p{font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:14px;margin:0 0 15px 0;line-height:1.4em;padding:0;}
#prev-next-wrapper{width:100px;margin:40px auto 0 auto;clear:both;padding-top:30px;padding-bottom:30px;}
.next-link{font-family:Helvetica, Verdana, sans-serif;color:#8cc640;font-size:12px;text-decoration:none;float:left;font-weight:bold;}
a.next-link:hover{text-decoration:underline;}
.prev-next-divider{font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:12px;padding:0 10px 0 10px;float:left;}
.register-now-call{font-family:Helvetica, Verdana, sans-serif;color:#8cc640;font-size:12px;font-weight:bold;text-decoration:none;clear:both;display:block;width:310px;margin:0 auto;}
a.register-now-call:hover{text-decoration:underline;}
.morrison-bio{font-size:12px;font-style:italic;}

/* Upcoming Events Styles */

#upcoming-text{width:925px;float:left;border-top:1px dotted #666;}
#upcoming-text p{font-family:Helvetica, Verdana, sans-serif;color:#4c4c4c;font-size:14px;line-height:1.4em;margin:0;padding:28px 0 10px 0;width:70%;}
.live-events-image{float:right;margin-top:40px;}
#upcoming-text h2{font-family:Helvetica, Verdana, sans-serif;color:#8cc640;font-size:14px;margin:20px 0 0 0;padding:0 0 15px 0;}
#upcoming-text h3{font-family:Helvetica, Verdana, sans-serif;color:#8cc640;font-size:16px;margin:0;padding:0;}
#upcoming-text ul{list-style-type:none;margin:0;padding:0;}
#upcoming-text ul li{font-family:Helvetica, Verdana, sans-serif;color:#404040;font-size:16px;margin-bottom:35px;}
#upcoming-text p.float-text{float:left;width:41%;padding:15px 0 0 0;}
#upcoming-text p.float-text-right{float:left;width:45%;padding:15px 0 10px 0;}
.or-divider{float:left;padding:0 16px 0 5px;}
#register-now-button{display:block;width:149px;height:40px;background:url(../images/register-now-button.gif) no-repeat;margin-top:25px;}

/* Register Styles */

#register-text{width:925px;float:left;border-top:1px dotted #666;border-bottom:1px dotted #666;}
#register-text p{font-family:Helvetica, Verdana, sans-serif;color:#4c4c4c;font-size:14px;line-height:1.4em;margin:0;padding:10px 0 10px 0;}
#form-wrapper{width:500px;float:left;margin:40px 0 0 75px;}
#form-wrapper h3{font-family:Helvetica, Verdana, sans-serif;color:#4c4c4c;}


/* Register Form Styles */

.login-form{border-bottom:1px dotted #ccc;}
.loginemail{margin-left:10px;}
.loginpass{margin-left:39px;}
.login-button{width:83px;height:25px;padding:0;margin:0 0 20px 128px;background-color:#8dc641;color:#f8ffe5;cursor:pointer;font-weight:bold;}
.remember{margin-top:0;padding:0;}
.required{font-family:Helvetica, Verdana, sans-serif;font-size:12px;color:#8cc640;font-weight:bold;}
label{font-family:Helvetica, Verdana, sans-serif;font-size:12px;color:#666;}
#deliverylabel{width:93px;display:block;float:left;margin-right:10px;}
input[type="text"]{width:149px;height:19px;}
input[type="password"]{width:149px;height:19px;}
.iam{margin-left:69px;}
input.areacode{width:40px;}
input.firstdigits{width:40px;}
input.lastdigits{width:50px;}
#address{margin-left:34px;}
#address2{margin-left:39px;}
#city{margin-left:70px;}
.state{margin-left:62px;}
#zip{margin-left:72px;}
.submit{width:94px;height:23px;background:url(../images/submit-button.jpg) no-repeat;border:none;cursor:pointer;margin:15px 0 15px 0;}
.clear{width:94px;height:23px;background:url(../images/clear-button.jpg) no-repeat;border:none;cursor:pointer;margin:15px 0 15px 30px;}
.radiotext{font-family:Helvetica, Verdana, sans-serif;font-size:12px;color:#666;}
#form-wrapper p{font-family:Helvetica, Verdana, sans-serif;font-size:12px;color:#666;}
.confirmation-link{font-family:Helvetica, Verdana, sans-serif;font-size:12px;color:#8cc640;text-decoration:none;}
a.confirmation-link:hover{text-decoration:underline;}


/* Footer Styles */

#next-featured-article{display:block;width:193px;height:31px;position:relative;left:700px;bottom:43px;background:url(../images/next-featured-article.jpg) no-repeat;}
 .residents{font-family:Helvetica, Verdana, sans-serif;color:#999;font-size:12px;margin:0 215px 0 20px;padding:0;float:left;}
.footer-links {list-style-type:none;margin:0;padding:0;}
.footer-links li{float:left;margin:0;padding:0;font-family:Helvetica, Verdana, sans-serif;font-size:12px;color:#999;}
.footer-links a{font-family:Helvetica, Verdana, sans-serif;font-size:12px;color:#8cc640;text-decoration:none;padding:0 7px 0 7px;}
.footer-links a:hover{text-decoration:underline;}
.sponsored-by{font-family:Helvetica, Verdana, sans-serif;color:#999;font-size:12px;margin:0 0 0 200px;padding:0;float:left;}
#disclaimer{width:500px;margin:30px auto 0 auto;}
#disclaimer p{font-family:Helvetica, Verdana, sans-serif;color:#999;font-size:12px;text-align:center;line-height:1.4em;margin:0;padding:0;}
sup{font-size:8px;}
