/* CSS Document */ /* -- WRITE HISTORY PALETTE -- Red-Orange: #df4f1d Lime Green: #BCCD2F Dark Brown: #331E09 Med Gray-Brown: #6D6653 Off-White: #EFEFEF Original Red-orange: DD2D04 */ html{font-family: Trebuchet MS, Helvetica, Arial, sans-serif; margin:0;} body{margin:0px auto; background-color:#331E09; background-image:url(img/misc/TEST_backgroundtop.jpg); background-repeat:repeat-x;} /* -- MAIN LAYOUT STRUCTURE -- */ #container { margin:0 auto; text-align:center; width: 930px; background-color:transparent;} #pagebody {float:left; width:930px; background-color:white; background-image:url(img/misc/pagebodyBG.jpg); background-position:right; background-repeat:repeat-y;} #banner {float:left; width:930px; height:147px; margin:0px; background-image:url(img/banners/TEST_banner.jpg); background-position:left; background-repeat:no-repeat;} #banner span {display: none;} #logo a {float:left; width:220px; height:140px; margin:0px; background-color: transparent;} #ubar {float: left; width: 700px; margin-top:80px; text-align:center; } #navbar {float: right; width:930px; margin:0px;text-align:center; background-color:#331E09;} /* -- LEFT SIDEBAR STUFF; applies to home page and sub pages -- */ #left {float:left; margin:0px; padding-top:18px; padding-bottom: 20px; width:220px; min-height: 520px; background-color:transparent;} #left p, h3 {padding:22px 30px 0px 30px; margin:0px 0px 20px 0px; text-align: left;} #left img {margin: 20px; } #basicbox {float:left; width:180px; margin:0px 10px 10px 30px; border:1px solid #6D6653; background-color:white;} #basicbox p, h3 {padding:10px; margin:0px; font-style:normal;} #start a {float:left; width:220px; height:149px; margin:0px; background-image:url(img/sidebars/TEST_start.jpg); background-repeat:no-repeat;} #startSmall a {float:left; width:220px; height:81px; margin:0px; background-image:url(img/sidebars/start-small.jpg); background-repeat:no-repeat;} #start span {display:none;} #startSmall span{display:none;} #tweets {float:left; width:220px; margin:0px 0px 20px 0px; padding: 20px 0px 0px 0px; background-color: #DBDCCA; background-image:url(img/sidebars/twitterfeedbox.jpg);background-repeat:no-repeat;} #tweets h3 {font-size:13px; font-weight:bold; color:#331E09; padding:20px 20px 20px 20px; margin:0px;} ul {list-style-type:none; font-size:12px; color:#331E09; padding:0px 20px 0px 20px; font-style:normal; margin:0px; line-height:1.25em; text-align: left;} ul li{margin-bottom: 15px;} /* -- HOME PAGE LAYOUT ONLY -- */ #main a{float:left; margin:40px 10px 10px 10px; width:680px; height:312px; border:1px solid #df4f1d; background-image:url(img/homepage/homePage_3.jpg);} #main span {display:none;} #columnbox {float:left; width:690px; margin:20px 10px 10px 10px;} #columnbox span {display:none;} #leftcolumn a {float:left; width:220px; height: 123px; background-image:url(img/misc/leftcolumn.jpg); background-repeat:no-repeat;} #leftcolumn span{display:none;} #centercolumn a {float:left; width:220px; height: 123px; margin:0px 10px 0px 10px; background-image:url(img/misc/centercolumn.jpg); background-repeat:no-repeat;} #centercolumn span{display:none;} #rightcolumn a {float:right; margin-right:10px; width:220px; height: 123px; background-image:url(img/misc/rightcolumn.jpg); background-repeat:no-repeat;} #rightcolumn span{display:none;} /* -- SUB PAGE LAYOUT ONLY -- */ #middle {float:left; margin:40px 10px 10px 10px; width:480px; background-color:white; min-height:500px;} #right {float:right; margin:40px 10px 0px 0px; width:200px; background-color:white; min-height:500px;} #sublinks {float:right; margin:0px 10px 10px 0px; width:190px; background-color:white;} #sublinks h3 {margin:0px 10px 10px 0px; padding:0px; font-size:18px; color: #df4f1d; font-style:normal; font-weight:normal;} /* -- FOOTER -- */ #footerBlock {clear: both; padding:0px; margin:0px 0px 0px 20px; width:900px; float:left; background-color:transparent; background-image:url(img/misc/footer.jpg); background-repeat:repeat-x; border-left:10px solid #331E09;} #footerBlock p {font-size:11px; color:white; text-align:right; margin:20px 0px 0px 0px;} #footerBlock a:link, #footerBlock a:visited {color:#df4f1d;text-decoration:none;} #footerBlock a:hover {color:#BCCD2F; text-decoration:none;} #footericon {float:left; height:20px; margin:20px 10px 0px 0px;} /* -- UTILITY NAVIGATION -- */ #unav {margin:0px; list-style-type:none; float:right; background-color:transparent;} #unav li, #subnav li {margin:0; padding-right:20px; float:left;} #unav a {float: left; width:auto; color:white; text-decoration:none; border-bottom:none; text-align:center; font-size:11px; line-height:2;} #unav a:hover {color:#df4f1d;} #unav_one a, #unav_two a {padding-right:30px;} /* -- MAIN NAVIGATION -- */ #nav {margin:0px 0px 0px 20px; padding:0px 0px 0px 200px; list-style-type:none; float:left; background-color:#6d6653;} #nav li {margin:0; padding:0;float:left;} #nav a {float: left; width:140px; color:white; text-decoration:none; border-bottom:none; text-align:center; font-size:12px; font-weight:normal; line-height:2;} #nav a:hover {color:#BCCD2F;} #nav_three a, #nav_three a:visited, #nav_three a:hover {background-image:url(img/misc/ribbonTail.png); background-position:right; background-repeat:no-repeat;} #nav_four a, #nav_five a {background-color:white; color: #df4f1d;} #nav_four a:visited, #nav_five a:visited {background-color:white; color: #6D6653;} #nav_four a:hover, #nav_five a:hover {background-color:white; color:#BCCD2F;} /* -- SUB NAVIGATION -- */ #subnav {margin:0px; padding:0px; list-style-type:none; float: left; background-color:transparent;} #subnav li {margin:0; padding:0;float:left;} #subnav a {float:left; width:180px; padding:10px 0px 3px 0px; color:#df4f1d; text-decoration: none; border-bottom:1px solid #df4f1d; text-align: left; margin:0px; font-size:13px; background-color:none;} #subnav a:hover {background-color:none; color:#BCCD2F; border-bottom:1px solid #BCCD2F;} /* -- BODY IDs FOR U R HERE NAVIGATION CUES -- */ /* These make the utility nav text ORANGE when "up" */ #body_b #unav_two a, #body_c #unav_three a {color:#df4f1d;} /*#bodytest #nav_one a {color:#BCCD2F;}*/ /* These make the primary nav text GREEN when "up" */ #bodyone #nav_one a, #bodyone_sub1 #nav_one a, #bodyone_sub2 #nav_one a, #bodyone_sub3 #nav_one a, #bodyone_sub4 #nav_one a, #bodyone_sub5 #nav_one a {color:#BCCD2F;} #bodytwo #nav_two a, #bodytwo_sub1 #nav_two a, #bodytwo_sub2 #nav_two a, #bodytwo_sub3 #nav_two a, #bodytwo_sub4 #nav_two a, #bodytwo_sub5 #nav_two a {color:#BCCD2F;} #bodythree #nav_three a, #bodythree_sub1 #nav_three a, #bodythree_sub2 #nav_three a, #bodythree_sub3 #nav_three a, #bodythree_sub4 #nav_three a, #bodythree_sub5 #nav_three a {color:#BCCD2F;} /*This makes the examples link green when "up"*/ #bodyfour #nav_four a {color: #BCCD2F;} /* These make the subnav link text GREEN and UNDERLINED when "up" */ #bodyone_sub1 #nav_sub1 a, #bodyone_sub2 #nav_sub2 a, #bodyone_sub3 #nav_sub3 a, #bodyone_sub4 #nav_sub4 a, #bodyone_sub5 #nav_sub5 a, #bodyone_sub6 #nav_sub6 a {color:#BCCD2F; border-bottom:1px solid #BCCD2F;} #bodytwo_sub1 #nav_sub1 a, #bodytwo_sub2 #nav_sub2 a, #bodytwo_sub3 #nav_sub3 a, #bodytwo_sub4 #nav_sub4 a, #bodytwo_sub5 #nav_sub5 a {color:#BCCD2F; border-bottom:1px solid #BCCD2F;} #bodythree_sub1 #nav_sub1 a, #bodythree_sub2 #nav_sub2 a, #bodythree_sub3 #nav_sub3 a, #bodythree_sub4 #nav_sub4 a, #bodythree_sub5 #nav_sub5 a {color:#BCCD2F; border-bottom:1px solid #BCCD2F;} /* -- COLOR-CODED BANNERS for Fam/Bus/EndOfLife---IF YOU WANT TO USE THEM -- */ /*Family Histories & others (orange)*/ #bodyone #banner, #bodyone_sub2 #banner, #bodyone_sub3 #banner, #bodyone_sub4 #banner, #bodyone_sub5 #banner {background-image:url(img/banners/TEST_banner.jpg);} /*Business Histories (blue)*/ #bodytwo #banner, #bodytwo_sub2 #banner, #bodytwo_sub3 #banner, #bodytwo_sub4 #banner, #bodytwo_sub5 #banner {background-image:url(img/banners/TEST_banner.jpg);} /*End of Life Memoirs (cream)*/ #bodythree #banner, #bodythree_sub2 #banner, #bodythree_sub3 #banner, #bodythree_sub4 #banner, #bodythree_sub5 #banner {background-image:url(img/banners/TEST_banner.jpg);} /* -- Typography -- */ p { font-size:13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:none; color:#331E09; /* -- Dark brown -- */ text-align:left; padding:0px 20px 10px 10px; line-height:1.25em; margin:0px; } img{ border: 0px; } h1 { font-size:22px; color:#6d6653; /* -- Med gray-brown -- */ margin:0px 20px 10px 10px; padding:0px; text-align:left; line-height:1.25em; font-weight:normal; } h2 { font-size:16px; color:#6d6653; /* -- Med gray-brown -- */ margin:0px 20px 10px 10px; padding:0px; text-align:left; line-height:1.25em; font-weight:normal; } h3 { font-size:16px; color:#331E09; /* -- Med gray-brown -- */ margin:0px 20px 10px 10px; padding:0px; text-align:left; line-height:1.25em; font-weight:bold; } a:link, a:visited {color: #df4f1d; text-decoration:none; } a:hover, a:active {color: #df4f1d; text-decoration:underline;} .bold {font-weight:bold;} .bolditalic {font-weight:bold;font-style:italic;} .italic {font-style:italic;} .orange {color:#df4f1d} .title{font-color: #331E09; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif;} .note{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height:1.75em;} .makeBook a {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #EFEFEF; background-color: #df4f1d; padding: 3px; text-decoration: none;} .makeBook a:hover {color: #331E09; background-color: #BCCD2F; padding: 3px; text-decoration: none;}