body { margin: 0; color: navy; font: 12pt Arial, sans-serif; text-align: center; background: url('header/inspiring2.png') no-repeat fixed; } img { border: 0; } img#bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #content { text-align: center; position: relative; z-index: 1; } #container { width: 1024px; margin: 0 auto; position: relative; z-index: 30; } #nav_box { position: relative; float: left; top: -34px; left: 53px; z-index: 300; clear: left; } /* Navigation Menu */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #nav {background:#cce2ee; position:relative; z-index:500; width: 912px;} /* height for this demo only */ #nav ul {margin:0; list-style:none; padding:0px 3px; text-align: left;} #nav ul.main_nav {height:20px; padding-left:15px;} #nav ul ul {position:absolute; padding-top: 3px; left:-9999px;} #nav table {border-collapse:collapse; width:0; height:0; position:relative; left:-1px; top:-1px;} #nav ul li {margin-right:25px; float:left; padding: 0px 4px;} #nav ul li a {display:block; float:left; text-decoration:none; color: #292772;} #nav ul ul li {margin:0 0 0 3px; padding-bottom: 5px; background-color: #9dbed5; border-right: 5px solid #dcdcdc;} #nav ul ul li a {width:200px; color: #292772;} #nav ul ul li:hover {font-weight:bold; background-color: #d7a5bd; border-right: 5px solid #d6c7ce;} #nav ul li:hover {position:relative; background-color: #9dbed5;} #nav ul li a:hover {direction:ltr; color:#292772; position:relative;} #nav ul li:hover > a {color:#292772;} #nav ul :hover ul {left:-5px; width:170px; top:17px;} .small_arrow { font-size: 8pt; } /* General page details */ a:link { color: #0000FF;/*blue*/ } a:visited { color: #662d91;/*purple*/ } a:hover { color: #008000;/*green*/ } a:active { color: #E066FF;/*pink*/ } h1 { font-size: 18pt; font-style: italic; border-bottom: 1px dotted #d7a5bd; margin-bottom: 0; padding-bottom: 0; } h1 em { font-style: normal; } h2 { color: #d68aae; font-size: 16pt; font-weight: bold; margin-bottom: 0; padding-bottom: 0; } h3 { color: #292772; font-size: 14pt; font-style: italic; font-weight: bold; margin-top: 0; margin-bottom: 0; } ul { list-style-type: square; margin-top: 0; } ol { margin-top: 0; } .nonfiction { width: 100%; } .generic_header { background: #cce2ee; } .generic { background: #dcdcdc; width: 100%; } .review { background: #dcdcdc; } .generic_section_bottom, .review_section_bottom { border-bottom: 1px solid #662d91; background: #dcdcdc; } .review_title { width: 360px; } .review_author { width: 150px; } .review_rating { width: 120px; font-weight: bold; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } .review_title_authors { width: 490px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } table.nonfiction tr td, table.sf_activity tr td, table.iss_crews tr td{ border-bottom: 1px solid #662d91; } .review_header, .nonfiction_header, .sf_activity_header, .iss_crews_header { background: #cce2ee; } .highlight { background: #dcdcdc; } .image_caption { padding: 15px; position: relative; float: left; font-size: smaller; font-style: italic; text-align: center; max-width: 250px; color: #662d91; } .right_column_image_caption { margin-top: -1px; padding-right: 3px; position: relative; float: left; clear: left; font-size: smaller; text-align: center; max-width: 115px; } .widget { max-width: 230px; background-color: #CCE2EE; text-align: center; } .facebook { position: relative; float: right; padding-left: 10px; } .twitter { width:176px; text-align:center; position: relative; float: right; padding-left: 10px; } /* Left side content - the "Checklist" */ #left_content { position: relative; float: left; width: 695px; margin-top: -15px; margin-left: 36px; margin-bottom: -200px; } .checklist_left_ring { position: relative; z-index: 4; margin-top: -20px; margin-bottom: -30px; left: -200px; } .checklist_right_ring { position: relative; z-index: 4; margin-top: -40px; margin-bottom: -30px; left: 170px; } .checklist_header { background: url('header/checklist4_top.png') no-repeat top center; width: 695px; height: 41px; } .checklist_content_bg { background: url('header/checklist4.png') repeat-y; } .checklist_content { padding: 5px 34px; text-align: left; position: relative; z-index: 200; max-width: 700px; } .checklist_bottom { position: relative; top: -230px; z-index: 1; } /* NEW WIDE PAGE CODE */ #wide_nav_box { position: relative; float: left; bottom: 35px; left: 53px; margin-bottom: -25px; z-index: 300; clear: left; } /* For pages with no right column */ #wide_page_content { position: relative; width: 981px; margin: -5px auto 165px; } .wide_left_ring { position: absolute; z-index: 4; margin-top: -10px; margin-bottom: -30px; margin-left: 157px; } .wide_right_ring { position: absolute; z-index: 4; margin-top: -10px; margin-bottom: -30px; margin-left: 820px; } .wide_header { background: url('header/wide_top.png') no-repeat top center; width: 981px; height: 30px; } .wide_content_bg { background: url('header/wide.png') repeat-y; } .wide_content { position: relative; padding: 5px 34px; text-align: left; z-index: 200; max-width: 930px; } .wide_bottom { position: relative; z-index: 1; top: -90px; margin-bottom: -90px; } /* END WIDE PAGE CODE */ /* Right side content */ #right_content { position: absolute; width: 260px; right: 35px; top: -74px; z-index: 20; } .books_ring { position: relative; z-index: 20; margin-top: 60px; margin-bottom: -20px; } .books_header { background: url('header/books_top3.png') no-repeat top center; width: 260px; height: 13px; } .books_content_bg { background: url('header/books3.png') repeat-y; } .books_content { padding-left: 14px; padding-right: 14px; padding-top: 12px; /*CONTROLS TOP MARGIN COLUMN*/ text-align: left; position: relative; z-index: 26; font-size: 10pt; } .books_bottom { margin-top: -25px; position: relative; z-index: 25; } .iframe_text { display: none; } .clear { clear: left; } /* Social Network */ #social_network { position: relative; font-size: 10pt; color: #fff; top: -37px; right: 11px; text-transform: uppercase; text-align: right; vertical-align: bottom; z-index: 30; } /* Footer */ #footer { text-align: left !important; color: #fff; margin-top: -220px; margin-left: 34px; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #fff; }