* { margin: 0px; padding: 0px; }
body { text-align: left; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #FFFFFF; background: #7b7b7b; }

#header { width: 100%; height: 194px; background: url(../images/css/header-background.gif); border-bottom: solid 1px #000000 }
#header .left { height: inherit; background: #333333; float: left; }
#header .center { width: 1000px; height: 194px; background: url(../images/css/wink-header.jpg); margin: 0px auto; }
#header .right { height: inherit; background: #777777; float: left; }

#bottom-header { width: 100%; height: 100px; background: #FFF000; }
#bottom-header .left { width: inherit; height: inherit; background: #222222; }
#bottom-header .center { width: 1000px; height: inherit; background: #00FFFE; margin: 0px auto; }
#bottom-header .right { width: inherit; height: inherit; background: #888888; }

#main-content { width: 100%; background: url(../images/css/maincontent-background.jpg) repeat-x; color: #222222; }
#main-content .body{ width: 1000px; height: auto; /*background: url(../images/css/body-background.jpg) no-repeat top;*/ padding: 20px 0px 0px 0px; margin: 0px auto; }
#main-content .body-archive{ width: 1000px; height: auto; /*background: url(../images/css/body-background.jpg) no-repeat top;*/ padding: 20px 0px 0px 0px; margin: 0px auto; }
#main-content .cover-background { width: 554px; height: 681px; background: url(../images/css/cover-background.png) no-repeat; float: left; margin: 0px 5px 0px 10px; }
#main-content .cover-background img { border: none; }
#main-content .skyscraper { width: 160px; float: left; background: url(../images/css/sponsors.png) no-repeat; font-size: 10px; text-align: center; color: #FFFFFF; }
#main-content .skyscraper p { padding: 30px 0px 16px 0px; }

#main-content .navigation { width: 263px; height: 681px; background: url(../images/css/right-navigation.png) no-repeat; float: left; color: #FFFFFF; }
#main-content .navigation h2 { margin: 36px 0px 12px 30px; border-bottom: solid 1px #FFFFFF; width: 150px; }
#main-content .navigation ul { list-style: none; margin: 0px 0px 0px 30px; }
#main-content .navigation li { font-size: 12px; line-height: 16px; margin: 0px 0px 35px 0px; font-weight: 800; }
#main-content .navigation a { color: #FFFFFF; text-decoration: none; }
#main-content .navigation a:hover { color: #7B7B7B; text-decoration: underline; }
#main-content .navigation img { border: none; }
#main-content .navigation .read { margin: 6px 0px 0px 0px; }
#main-content .navigation .bullet { float: left; margin: 2px 10px 5px 0px; }

#main-content .story-top{ width: 1000px; height: 130px; background: url(../images/css/story-top.jpg) no-repeat top; float: left; margin: 12px 0px 0px 10px; }
#main-content .story { width: 1000px; background: url(../images/css/story.jpg) repeat-y top; float: left; margin: 0px 0px 0px 10px; }
#main-content .story-bottom { width: 1000px; height: 36px; background: url(../images/css/story-bottom.jpg) no-repeat bottom; float: left; margin: 0px 0px 0px 10px; }
#main-content .story h1 { font-size: 18px; font-weight: 800; color: #C52781; display: inline; text-decoration: underline; }
#main-content .story h2 { font-size: 10px; color: #666666; font-weight: 100; display: inline; }
#main-content .story h3 { font-size: 14px; color: #C52781; font-weight: 800; display: inline; }
#main-content .story a { color: #C52781; text-decoration: none; }
#main-content .story a:hover { text-decoration: underline; }

#main-content .story .column1 { width: 200px; float: left; padding: 16px 0px 0px 35px; }
#main-content .story .column2 { width: 475px; float: left; padding: 0px 0px 0px 15px; }
#main-content .story .column2 p { margin: -10px 0px 12px 0px; }
#main-content .story .column2 .padding { padding: 0px 0px 10px 0px; }
#main-content .story .image-caption { width: 300px; float: left; background: #C52781; color: #FFFFFF; font-size: 10px; line-height: 16px; font-weight: bold; float: left; padding: 4px; margin: 8px 10px 0px 0px; }
#main-content .story .skyscraper { width: 160px; float: right; padding: 28px 50px 0px 0px; font-size: 9px; text-align: center; color: #000000; background: none; }

#main-content .story .column1 ul { list-style: none; margin: 36px 30px 30px 0px; }
#main-content .story .column1 li { font-size: 12px; line-height: 16px; margin: 0px 0px 35px 0px; }
#main-content .story .column1 a { color: #222222; text-decoration: none; font-weight: 700; }
#main-content .story .column1 a:hover { color: #7B7B7B; text-decoration: underline; }
#main-content .story .column1 img { border: none; }
#main-content .story .column1 .read { margin: 6px 0px 0px 0px; }
#main-content .story .column1 .bullet { float: left; margin: 2px 10px 5px 0px; }

#footer-top { width: 100%; height: 95px; background: url(../images/css/footer-top.jpg) no-repeat center; }
#footer-bottom { width: 100%; height: 52px; background: url(../images/css/footer-bottom.gif) repeat-x; font-size: 10px; }
#footer-bottom ul { margin: 0px; padding: 20px 0px 0px 122px; list-style: none; display: block; text-align: center; }
#footer-bottom li { margin: 0px; padding: 0px 15px 0px 0px; float: left; }
#footer-bottom a { color: #FFFFFF; text-decoration: none; }
#footer-bottom a:hover { color: #C52781; text-decoration: underline; }
#footer-bottom-center { width: 1000px; height: inherit; margin: 0px auto; padding: 0px; }

#archive { margin: 0px; padding: 0px; }
#archive ul { margin: 0px; padding: 0px; list-style: none; list-style-image: url(../images/css/archive-bullet.gif); }
#archive li { margin: 12px; padding: 0px; }

.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.cover { padding: 35px; }

/* Family Features Styles*/
.ifsjscontent .ifsjsparagraph { padding: 10px 0px 0px 0px; }
.ifsjscontent p { padding: 10px 0px 0px 0px; }





/*
OLD CSS STYLES
#top-navigation { width: 100%; height: 25px; background: url(../images/css/navigation-background.gif); font-weight: 700; margin: 0px auto; }
#top-navigation ul { margin: 0px; padding: 0px; list-style: none; display: block; text-align: center; }
#top-navigation li { margin: 2px 0px 0px 0px; padding: 0px 22px 0px 0px; float: left; }
#top-navigation a { color: #FFFFFF; text-decoration: none; }
#top-navigation a:hover { color: #C52781; text-decoration: underline; }
#top-navigation-center { width: 1000px; height: inherit; margin: 0px auto; padding: 0px 0px 0px 40px; }*/