@charset "UTF-8"; /* CSS Document */ body { margin: 0 auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #999999; padding: 0; } /* ID's for the element, used to help in highlighting current link #about #mainNav .about a, #events #mainNav .events a, #news #mainNav .news a, #sponsors #mainNav .sponsors a, #join #mainNav .join a, #careers #mainNav .careers a, #contact #mainNav .contact a { background: url('images/bk_nav.png') no-repeat 50% 50%; cursor: default; } */ /* Selected secondary naviation items (current link) */ #about #secondaryNav .selected a { color: #8ab51e; cursor: default; } /***************************************************************/ /* Specialized styles for the specified page (by elements' ID) */ #about #mainContent ul li { width: 400px; } /***************************************************************/ #wrapper { margin: 0 auto; padding-top: 30px; width: 940px; height: auto; position: relative; /* ================================================================================== Removed (by renaming) the background image below, at client's request. 12/14/2009 BB =================================================================================== */ background: url('images/bk_wrapper3.png') #086caf no-repeat top center; /* #0e61a0 */ z-index: 1; font-size: 12px; text-align: left; font-family: Arial, Helvetica, sans-serif; } #wrapperBottom { background: url(images/bk_wrapper_bottom3.png) no-repeat center bottom; position: relative; top: 30px; margin: 0 auto; height: 30px; width: 940px; z-index: -1; /* To avoid overlapping the content box */ } /*************************************************************/ /* General styles for the page's elements */ h1, h2, h5 { color: #8AB51E; } h1 { font-size: 22px; } h2 { font-size: 16px; } /* General styles for form elements */ form fieldset { border: none; } /*************************************************************/ #contentBox { position: relative; top: 20px; left: 20px; width: 886px; background: transparent url(images/bk_content_tile.png) repeat-y; } #contentBoxTop { background: url(images/bk_content_top3.png) no-repeat left top; padding: 20px 20px 0 20px; height: 10px; position: relative; top: -30px; } #contentBox #last { color: #3F6094; background: transparent url(images/bk_content_bottom2.png) no-repeat left bottom; margin: 0; padding-top: 0px; padding-bottom: 10px; position: relative; top: 22px; text-indent: 280px; font-size: 10px; text-align: center; clear: both; z-index: 3; } #contentBox #last a { color: #3F6094; /*#002C71;*/ text-decoration: none; } #contentBox #last a:hover { text-decoration: underline; } #contentBoxTop h1 { margin: 0; padding-bottom: 0; width: 560px; float: right; } #contentBoxTop h5 { color: #8AB51E; font-size: 10px; font-weight: normal; margin: 0 0 -10px 0; padding-bottom: 0; width: 620px; line-height: 24px; float: right; } #contentBox strong { color: #002C71; } /*************************************************************/ /* MAIN CONTENT AREA */ #mainContent { width: 500px; height: auto; min-height: 500px; position: relative; padding: 0 40px 0 0px; margin: 0 40px 0 0; float: right; } #home #mainContent { min-height: 495px; } #about #mainContent { width: 450px; min-height: 490px; margin: 0; } /* Safari browser hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contentBox #last { top: 21px; /* Fixes 1 pixel gap between the contentBox body and #last element */ } #home #mainContent { min-height: 495px; /* Fixes extra white-space on the bottom of the contentBox */ } #about #mainContent { min-height: 491px; } } #mainContent h1 { padding: 0; margin: 0; } #mainContent h2 { margin-top: 0; } #mainContent h4 { float: left; color: #002C71; font-size: 12px; width: 90px; height: 20px; margin-top: 0; } #mainContent ul { padding: 0; margin: 0; list-style: none; } #mainContent ul li { padding: 0 10px 15px 10px; *padding: 0 10px 13px 10px; width: 150px; background: url('images/bk_list.gif') no-repeat left top; } /* Left side content wrapper */ #mainContent .sectionLeft { float: left; position: relative; width: 35%; height: 200px; margin-left: 50px; margin-top: 5px; } /* Right side content wrapper */ #mainContent .sectionRight { float: right; position: relative; width: 35%; height: 200px; margin-right: 50px; margin-top: 5px; text-align: right; } #mainContent label { color: #002C71; font-weight: bold; } /*************************************************************/ /* MAIN NAVIGATION */ #mainNav { position: relative; top: 10px; left: 280px; width: 640px; height: 29px; margin-bottom: 19px; z-index: 5; } #mainNav ul { list-style: none; width: 600px; margin: 0; padding: 0; } #mainNav ul li { float: left; width: 68px; height: 44px; line-height: 35px; text-align: center; } #mainNav ul li a { float: left; margin: 0 auto; display: block; color: #ffffff; font-size: 12px; text-decoration: none; width: 68px; height: 44px; } #mainNav ul li a:hover { background: url('images/bk_nav.png') no-repeat 50% 50%; } #mainNav form { position: absolute; right: 25px; top: 5px; margin: 0; padding: 0; } #mainNav form fieldset { margin: 0; padding: 0; } #mainNav input[type="text"] { width: 90px; height: 12px; z-index: -1; } #mainNav input { border: none; padding: 3px; float: right; width: 90px; height: 12px; border: 1px solid #8ab51e; color: #2fbded; font-weight: bolder; font-family: Verdana, Arial, Helvetica, sans-serif; } /*********************************************************************************/ /* SECONDARY NAVIGATION is used to add side content in pages like niri_news.html */ /* where additional content is located to the left of the main content area. */ #secondaryNav { float: left; position: relative; left: 240px; width: 130px; height: 220px; font-size: 11px; font-weight: normal; padding: 2px 0 0 0; *padding: 2px 0 0 0; /* IE 7 */ } #secondaryNav ul { list-style: none; padding-left: 10px; margin: 0; } #secondaryNav ul li { margin-bottom: 5px; } #secondaryNav ul li a { color: #002c71; text-decoration: none; width: 130px; display: block; } #secondaryNav ul li a:hover { color: #8ab51e; } /*************************************************************/ /* MISC */ .button { display: block; background: url('images/button.gif') no-repeat top left; width: 122px; height: 17px; color: #ffffff; text-decoration: none; text-indent: 15px; line-height: 17px; font-size: 10px; } /* Search button */ a.search { display: block; position: absolute; right: 3px; top: 5px; background: url('images/bk_search.gif') no-repeat top center; font-size: 14px; color: #ffffff; width: 11px; height: 11px; z-index: 6; } div.hr { background: url('images/bk_dot.gif') repeat-x center; width: 100%; height: 5px; border: none; clear: both; margin: 0 0 10px 0; padding: 1px; } .borderBottom { background: url('images/bk_dot.gif') repeat-x bottom; margin-bottom: 20px; } br { clear: both; } /*************************************************************/ /* BANNER */ #bannerWrap { width: 229px; height: auto; } #bannerWrap address { position: absolute; top: 595px; left: 70px; font-size: 12px; font-style: normal; color: #002c71; z-index: 1000; } address a { text-decoration: none; color: #002c71; } address a:hover { text-decoration: underline; color: #047ED4; } a#homeLink { display: block; text-decoration: none; position: absolute; top: 5px; left: 65px; width: 160px; height: 150px; border: none; z-index: 8; } /* ============== Different vertical banner images for different pages/sections ======================= */ #banner { background: url('images/bk_wall_street2.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_bb { background: url('images/bb3.jpg') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_brooklyn { background: url('images/banner_brooklynbridge.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_central { background: url('images/banner_centralpark.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_chrysler { background: url('images/banner_chrysler.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_empire { background: url('images/banner_empire.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_grand { background: url('images/banner_grandcentral.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_liberty { background: url('images/banner_liberty.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_times { background: url('images/banner_times.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; } #banner_wall { background: url('images/banner_wallstreet.png') no-repeat top left; margin: 0; width: 229px; height: 670px; position: absolute; top: 0; left: 30px; z-index: 7; }