/* global */ body {margin: 0; padding: 0; min-width: 1000px; } .break {clear: both; visibility: hidden; } h1 {margin: 0; padding: 0; } h1.news {width: 629px; height: 25px; margin: 0; padding: 0 0 0 10px; background: url(../../images/wrpr/aff/bg_content_left.jpg) no-repeat ;} h1.altcontent {width: 320px; height: 25px; margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 25px; font-weight: normal; background: url(../../images/wrpr/aff/bg_content_right.jpg) no-repeat ; background-position:right;} h2 {margin: 0; padding: 0; } * html h2 {margin: 0; padding: 0;} h3 {margin: 0 0 5px 0; padding: 0;} h4 {margin: 0 0 5px 0; padding: 0;} h6 {margin: 0 0 10px 0; padding: 0;} a:link, a:visited { text-decoration: none; } a:hover {text-decoration: underline;} img {border: none;} #search input {margin: 0 0 5px 0; padding: 2px; width: 210px; border: 1px solid;} input.connect {margin: 10px 0 0 0; padding: 0; width: 175px; border: 1px solid ;} button { margin: 0; padding: 0; border: none; cursor: pointer; background: none; } button.connect { margin: 0; padding: 0; border: none; cursor: pointer; background: none; } /* body */ #wrapper {width: 970px; height: 100%; margin: 0 auto; padding: 0 15px; background: url(../../images/wrpr/aff/bg_tile.gif) repeat-y #efefef;} #header {width: 970px; height: 105px; margin: 0 0 10px 0; padding: 0;} #identity {float: left; width: 230px; height: 120px; margin: 0; padding: 0;} #headercontainer {float: right; width: 740px; margin: 0; padding: 0;} #tagline {float: left; width: 379px; height: 32px; margin: 0; padding: 20px 0 0 20px; } #functional {float: right; width: 341px; height: 47px; margin: 0; padding: 5px 0 0 0;text-align: right;} #functional ul {float:right; margin: 0; padding: 0; list-style: none; text-align: left;} #functional li {float: left; margin: 3px 5px 0 5px; padding: 0;} #functional li.last {float: left; margin: 0 0 0 10px; padding: 0;} #functional a {display: block; text-decoration: none;} #functional a.first {display: block; text-decoration: none;} #functional li.fonts {float: left; margin: 0 3px; padding: 0;} #search {margin: 8px 0 0 0; padding: 0;} /* #nav {float: left; width: 720px; height: 35px; margin: 0; padding: 18px 0 0 20px;} #nav a { text-decoration: none;} #nav li li a { display: block; padding: 0;} #nav li li a:hover { padding: 0;} #nav ul {list-style: none; padding: 0; margin: 0;} #nav li { float: left; position: relative; margin: 0; padding: 4px 16px 0 16px; height: 25px; cursor: default; background: url(nav_div.gif) no-repeat; background-position: 100% 0;} #nav li.first {padding: 4px 16px 0 0;} #nav li.last {background: none;} #nav li:hover {background: url(bg_nav_hover.png); height: 34px;} #nav li ul {display: none; position: absolute; width: 213px; margin: 11px 0 0 0; top: 0; left: 0; background: url(bg_nav_dropdown.png) bottom left; padding: 0;} #nav li>ul { top: auto; left: 0;} #nav li li { display: block; float: none; border: 0; padding: 9px 0 0 16px; border-bottom: 1px solid; background: none;} #nav li:hover ul, #nav li.over ul { display: block;} */ /* main navigation */ #nav {float: left; width: 720px; height: 63px; margin: 0; padding: 0 0 0 20px; font-size: 14px; z-index: 999;} #nav ul {margin: 30px 0 0 0; padding: 0; list-style: none;} #nav li {float: left; padding: 0; margin: 0; background: url(../../images/wrpr/aff/nav_div.gif) no-repeat; background-position: 100% 10px;} #nav li.last {background: none;} #nav a {display: block; color: #036; line-height: 33px; text-transform: uppercase; text-decoration: none; padding: 0 10px;} #nav a.first {color: #dd8215;} #nav li ul {position: absolute; margin: 0; padding: 0; left: -999em; height: auto; width: 200px; font-weight: normal; background: url(../../images/wrpr/aff/bg_nav_dropdown.png) bottom left;} #nav li li {padding: 0; margin: 0; font-weight: normal; font-size: 11px; border-bottom: 1px solid #86b1c4; background: none;} #nav li li:hover, #nav li li.sfhover {background: none;} #nav li li a {width: 180px; padding: 10px; line-height: 14px; text-transform: none;} #nav li ul a {color: #fff; border-left: none;} #nav li ul a:hover, #nav li ul a.sfhover {padding: 10px; line-height: 14px; color: #fff; background: #5382ac;} #nav li ul ul {margin: 0; width: 200px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {color: #fff; left: auto;} #nav ul li ul li a:link, #nav ul li ul li a:visited {padding:10px; background: url(../../images/wrpr/aff/bg_nav_dropdown.png) bottom left;} #nav ul li ul li a:hover, #nav ul li ul li a:active {padding:10px; background: #5382ac; } #nav li:hover, #nav li.sfhover {color: #fff; background: url(../../images/wrpr/aff/bg_nav_hover.png); /*height: 33px;*/} #mainfeature {float: left; width: 639px; height: 278px; margin: 0 1px 10px 0; padding: 0px 0 0px 0;} * html #mainfeature {float: left; width: 639px; height: 278px; margin: 0 1px 0 0; padding: 0;} #connect {float: left; width: 330px; height: 278px; margin: 0 0 0 0; padding: 0; background: url(../../images/wrpr/aff/bg_connect.jpg) no-repeat;} #connect ul {margin: 0; padding: 0; list-style: none;} #connect li {margin: 0; padding: 10px; border-bottom: 1px solid ;} #connect li.last {margin: 0; padding: 10px; border-bottom: none;} #connect a {font-size: 18px; line-height: 18px;} #connect img.rightalign {float: right; margin: 0 0 10px 10px;} #quickbar {width: 970px; margin: 0 0 10px 0; padding: 0;} #quickbar .title {text-transform: uppercase;} #quickbar ul {list-style: none; margin: 0; padding: 0;} #quickbar ul.right {float: right;} #quickbar li {float: left; margin: 0; padding: 0 5px; background: url(../../images/wrpr/aff/nav_div_gray.gif) no-repeat; background-position: 100% 2px;} #quickbar li.first {float: left; margin: 0; padding: 0 5px 0 0; background: none;} #quickbar li.last {float: left; margin: 0; padding: 0 5px; background: none;} #quickbar li.nodiv {float: left; margin: 0; padding: 0 5px; background: none;} #quickbar li.nodiv.last {float: left; margin: 0; padding: 0 0 0 5px; background: none;} #quickbar a {color: #5f6971;} #quicklinks {float: left; width: 639px; margin: 0; padding: 0;} #find {float: right; width: 330px; margin: 0; padding: 0; text-align: right;} #find a { color: #fff; position:relative; z-index:24; text-align: left;} #find a:hover {z-index:25;} #find a span {display: none;} #find a:hover span{display: block; position: absolute; width: 205px; height: 48px; top: -72px; left: -60px; margin: 0; padding: 10px; background: url(../../images/wrpr/aff/bg_tip.png) no-repeat;} #content {width: 970px; margin: 0 0 20px 0; padding: 0;} #newscontainer {float: left; width: 639px; margin: 0; padding: 0;} #news {margin: 0; padding: 0 10px 20px 10px; } #news ul {margin: 0; padding: 0; list-style: none;} #news li.newsitem {margin: 0; padding: 20px 0; line-height: 20px; background: url(../../images/wrpr/aff/dash.gif) repeat-x; background-position: bottom;} #news img.leftalign {float: left; margin: 0 20px 0 0; padding: 0;} #news li {margin: 0; padding: 10px 0; background: url(../../images/wrpr/aff/dash-1.gif) repeat-x; background-position: bottom;} #news li.last {margin: 0; padding: 10px 0 0 0; background: none;} .newsfeed {margin: 0; padding: 0 0 0 20px; background: url(../../images/wrpr/aff/icon_rss2.gif) no-repeat; background-position: left;} #altcontentcontainer {float: right; width: 330px; margin: 0; padding: 0; } #altcontent {margin: 0; padding: 20px 10px; } #altcontent ul {margin: 0; padding: 0; list-style: none;} #altcontent li {margin: 0; padding: 10px 0; background: url(../../images/wrpr/aff/dash.gif) repeat-x; background-position: bottom;} #altcontent li.first {margin: 0; padding: 0 0 10px 0; background: url(../../images/wrpr/aff/dash.gif) repeat-x; background-position: bottom;} #altcontent li.last {margin: 0; padding: 10px 0; background: none;} #sponsors {float: left; width: 480px; margin: 0; padding: 0;} #sponsors .promos {margin: 0 10px;} #sponsors .promosfirst {margin: 0 10px 0 0;} #ads {float: right; width: 490px; margin: 0; padding: 0; text-align: right; background: url(../../images/wrpr/aff/dash_v.gif) repeat-y; background-position: left;} #ads .promos {margin: 0 5px;} #ads .promoslast {margin: 0 0 0 5px;} #footer {width: 970px; margin: 50px 0 0 0; padding: 0 0 20px 0; text-align: center;} #footer img {margin: 0 5px;} /*------------------------------------------------------ secondary pages ------------------------------------------------------*/ #sec_content { width: 970px; margin: 0; padding: 0; } #sec_content #main {float: right; width: 700px; margin: 0 1px 10px 0; padding: 0;} #breadcrumbs {float: left; width: 675px;} #breadcrumbs ul {margin: 0; padding: 0 0 0 0; list-style: none;} #breadcrumbs li {float: left; margin: 0; padding: 0;} #breadcrumbs a {margin: 0 5px; font-size: 10px;} #breadcrumbs a.first {margin: 0;} #pagetools {float: right; width: 200px;} #pagetools ul {margin: 0; padding: 0; list-style: none;} #pagetools li {margin: 0; padding: 0; display:inline; } #pagetools a {margin: 0 5px 0 0;} #intro {padding:10px;} #intro .imgfloatright {float: right; margin: 0 0 20px 20px;} #intro .imgfloatright {float: right; margin: 0 0 20px 20px;} #services {height: 67px; background: url(../../images/wrpr/aff/sec_bg_services.gif) repeat-x;} #services ul {margin: 0; padding: 0; list-style: none;} #services li {float: left; width: 115px; height: 40px; margin: 0; padding: 7px 0 0 0; background: url(../../images/wrpr/aff/sec_bg_services_dash.gif) repeat-y; background-position: right;} #services li.last {float: left; width: 119px; height: 40px; margin: 0; padding: 7px 0 0 0; background: none;} #services a {display: block; height: 40px; margin: 0; padding: 0 0 0 10px;} #services a span {margin: 0; padding: 0;} .stories {margin: 20px 0 0 0; padding: 0 0 20px 0; background: url(../../images/wrpr/aff/sec_dash-1.gif) repeat-x; background-position: bottom;} .storypic {float: left; width: 150px; margin: 10px 20px 0 0; padding: 0;} .storycontent {float: right; width: 459px; margin: 10px 0 0 0; padding: 0; line-height: 18px;} .storycontent ul {margin: 10px 0 0 0; padding: 0; list-style: none;} .storycontent li {margin: 0; padding: 0 0 0 15px; background: url(../../images/wrpr/aff/bullet_chevron_brown.gif) no-repeat; background-position: 0 5px;} #resources { margin: 0 0 20px 0; padding: 20px 10px; background: url(../../images/wrpr/aff/dash.gif) repeat-x; background-position: bottom;} #resources ul { margin: 10px 0 0 0; padding: 0; list-style: none;} #resources li { margin: 0 0 10px 0; padding: 0; line-height: 20px;} .sec_promos {float: left; width: 218px; margin: 20px 20px 0 0; padding: 0;} .sec_promos.last {float: left; width: 218px; margin: 20px 0 0 0; padding: 0;} #sec_content #sidebar {float: left; width: 269px; margin: 0 0 0; padding: 0 0 200px 0; background: url(../../images/wrpr/aff/sec_bg_sidebar.gif) no-repeat;} #sec_content h1.name {float: left; width: 126px; margin: 0; padding: 0 0 0 10px; color:#fff;} #sec_content h1.btn a {float: right; width: 90px; margin: 0; padding: 0 10px 0 0;} * html #sec_content h1.btn a {float: right; width: 90px; margin: 0; padding: 6px 10px 0 0;} #member {margin: 0; padding: 10px 10px 10px 10px;background: #386495; } #member ul {margin: 10px 0 0 0; padding: 0; list-style: none;} #member li {margin: 0; padding: 5px 0; background: url(../../images/wrpr/aff/sec_dash.gif) repeat-x; background-position: top;} #member a {display: block;} #inside {margin: 20px 0 0 0; padding: 0 10px; } #inside ul {margin: 10px 0 0 0; padding: 0; list-style: none;} #inside li {margin: 0; padding: 5px 0; background: url(../../images/wrpr/aff/sec_dash.gif) repeat-x; background-position: top;} #inside a {display: block;} #inside a:link, #inside a:visited {text-decoration:none; color:#0067AC;} #inside a:hover, #inside a:active{text-decoration:underline;} #sec_find {margin: 10px 0 0 0; padding: 10px 10px 0 10px; border-top: 3px solid #e8e6d7;} #sec_find .imgfloatleft {float: left; margin: 0 10px 10px 0;} #sec_find a {padding: 0 15px 0 0; background: url(../../images/wrpr/aff/bullet_chevron_brown.gif) no-repeat; background-position: 100% 3px;} #sec_donate {margin: 10px 0 0 0; padding: 20px 10px 0 10px; /*border-top: 3px solid #e8e6d7;*/} #sec_connect {margin: 20px 0 0 0; padding: 0 10px; } #sec_login {margin: 20px 0 0 0; padding: 0 10px 20px ; background: url(../../images/wrpr/aff/dash.gif) repeat-x; background-position: bottom;} #sec_signup {margin: 20px 0 0 0; padding: 0 10px 20px 10px; background: url(../../images/wrpr/aff/dash.gif) no-repeat; background-position: top;} #sidebar .small p {margin: 5px 0 0 0; padding: 0;} #sec_find_us {float: left; width: 330px; margin: 0; padding: 0; text-align: right;} #sec_find_us ul {list-style: none; margin: 10px 0 0 0; padding: 0;} #sec_find_us li {float: left; margin: 0; padding: 0 5px;} #sec_find_us a { color: #fff; position:relative; z-index:24; text-align: left;} #sec_find_us a:hover {z-index:25;} #sec_find_us a span {display: none;} #sec_find_us a:hover span{display: block; position: absolute; width: 205px; height: 48px; top: -72px; left: -60px; margin: 0; padding: 10px; background: url(../../images/wrpr/aff/bg_tip.png) no-repeat;} .sec_ads {margin: 0; padding: 10px; float:left;} .sec_ads img {margin:5px ; text-align:center;} #sec_footer {margin: 50px 0 0 0; padding: 0; background: url(sec_dash-1.gif) repeat-x; background-position: top;} /*------------------------------------------------------ tertiary pages ------------------------------------------------------*/ #tertiary_body {padding:10px;} #tertiary_body .imgfloatright {float: right; margin: 0 0 20px 20px;} /*------------------------------------------------------ eNews Sign up ------------------------------------------------------*/ input.signup { margin:0 65px 0 0; padding: 6px 0 0 0; border: none; cursor: pointer; background: none; color: #fff;} /*------------------------------------------------------ video ------------------------------------------------------*/ .VideoGallery {margin: 10px 0 15px 0;} .video_list {float:left; margin:10px 0 0 0; padding:0; width:100%; padding-bottom:10px; border-bottom: 1px dashed #685c54;} .video_description {float:left; margin: 0; padding:0; width:570px;} .video_type {float:right; width:30px;} .video_list img{float:left; padding-right: 5px; } .VideoPlayerPanel {margin: 10px 0 15px 0;}