/*defaults*/ body {background:#2765AF url('images/pinstrip.jpg') repeat; color:#000000; margin:20px 0; padding:0; font-family:"Palatino Linotype", verdana, arial, "Times New Roman", serif; font-size:90%; } p {margin:0; padding:0 0 15px 0; } a {color:#000000; text-decoration:underline; } a:hover {color:#225799; text-decoration:none;} /*structural elements*/ #container {margin:0px auto; text-align:center; width:785px; } #holder {width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; } #logo {background:url('images/logost.jpg') no-repeat 10px 0; border-bottom:1px solid #CBEC9C; padding:5px 30px 20px 0px; height:90px; } #relogo {background:url('images/relogo.gif') no-repeat 10px 0; border-bottom:1px solid #CBEC9C; padding:5px 30px 20px 0px; height:90px; } #navigation {padding:10px 0; } #header {background:#004A8C url('images/index.png') no-repeat 10px 10px; border:3px solid #6BB518; padding:10px; height:100px; } #header2 {background:#ffffff padding:10px; height:20px; } #flashcontainer { background:#CBEC9C; border: none; margin: 0px; margin-left: auto; margin-right: auto; width: 758px; height: 200px; } #content {float:left; width:521px; padding:20px 10px 0 0; line-height:160%; } #content2 {float:left; width:321px; padding:20px 10px 0 0; line-height:160%; } #about {background:#004A8C url('images/about.jpg') no-repeat 10px 10px; border:3px solid #6BB518; padding:10px; height:150px; } #auto {background:#CBEC9C url('images/autos.jpg') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:150px; } #contact {background:#004A8C url('images/contact.png') no-repeat 10px 10px; border:3px solid #004A8C; padding:10px; height:100px; } #board {background:#004A8C url('images/board2.jpg') no-repeat 10px 10px; border:3px solid #6BB518; padding:10px; height:150px; } #staff {background:#CBEC9C url('images/staff.png') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:100px; } #join {background:#004A8C url('images/join.jpg') no-repeat 10px 10px; border:3px solid #6BB518; padding:10px; height:150px; } #faith {background:#004A8C url('images/faith.jpg') no-repeat 10px 10px; border:3px solid #6BB518; padding:10px; height:150px; } #directors {background:#CBEC9C url('images/directord.jpg') no-repeat 10px 10px; border:px solid #7E95A9; padding:10px; height:150px; } #newsletter {background:#CBEC9C url('images/news.png') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:100px; } #faq {background:#CBEC9C url('images/faq.jpg') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:150px; } #wish {background:#CBEC9C url('images/wish.jpg') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:156px; } #application {background:#CBEC9C url('images/application.jpg') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:200px; } #restore {background:#004A8C url('images/storebanner.png') no-repeat 10px 10px; border:3px solid #6BB518; padding:10px; height:100px; } #restore1 {background:#6BB518 url('images/whatsnew.jpg') no-repeat 10px 10px; border:3px solid #004A8C; padding:10px; height:200px; } #events {background:#CBEC9C url('images/events.png') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:100px; } #homes {background:#6BB518 url('images/homes.jpg') no-repeat 10px 10px; border:3px solid #004A8C; padding:10px; height:150px; } #involved {background:#CBEC9C url('images/involved.jpg') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:150px; } #volunteer {background:#CBEC9C url('images/involved.jpg') no-repeat 10px 10px; border:3px solid #7E95A9; padding:10px; height:150px; } #news2 {float:right; width:450px; padding:20px 0; line-height:140%;} .newsItem2 {padding:20px 20px 5px 20px; background:#CBEC9C; border:1px solid #7E95A9; font-size:90%; margin-bottom:20px; } #news {float:right; width:250px; padding:20px 0; line-height:140%;} .newsItem {padding:20px 20px 5px 20px; background:#CBEC9C; border:1px solid #7E95A9; font-size:90%; margin-bottom:20px; } #footer {clear:both; width:100%; font-size:80%; background:#CBEC9C; padding:20px; text-align:left; border-top:2px solid #2765AF; } #copyright {float:right; } /*headings*/ .newsItem h1 {color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; } #content h1 {font-size:170%; font-weight:normal; line-height:120%; margin:0; padding:0 0 20px 0; } #content h2 {color:#005e98; font-size:150%; font-weight:normal; line-height:120%; margin:0; padding:0 0 0px 0; } #content h3 {color:#0D0B20; font-size:100%; font-style:italic; font-weight:bold; line-height:90%; margin:0; padding:0 0 0 0; } #content h4 {font-style: italic; font-size:130%; font-weight:normal; line-height:120%; margin:0; padding:0 0 0 0; } #content h5 {color:#225799; font-style: italic; font-size:230%; font-weight:normal; line-height:120%; margin:0; padding:0 0 0 0; } #content h6 {color:#8336c4; font-style: italic; font-size:180%; font-weight:normal; line-height:120%; margin:0; padding:0 0 0 0; } #logo h1 {font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; } /*navigation*/ #navigation ul {margin:0; padding:0; } #navigation li {margin:0; padding:0; list-style:none; display:inline; } #navigation a {color:#225799; padding:0 20px 0 0; text-decoration:none; } #navigation a:hover {color:#000000; } #menu { width: 100%; background:#CBEC9C; float: left; } #menu ul { list-style: none; margin: 0; padding: 0; width: 7.75em; float: left; } #menu a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 3px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 7px; } #menu h2 { color: #fff; background: #000; text-transform: uppercase; } #menu a { color: #71b61b; background: #ffffff; text-decoration: none; } #menu a:hover { color: #014689; background: #fff; } #menu li {position: relative;} #menu ul ul { position: absolute; z-index: 500; } #menu ul ul ul { top: 0; left: 80%; } div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;} div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} #footer ul {margin:0; padding:0; } #footer li {margin:0; padding:0; list-style:none; display:inline; } #footer a {color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; } #footer a:hover {color:#000000; text-decoration:none; } /*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix {height:1%; } .clearfix {display:block; } /* End hide from IE-mac */