/*--------------------------------------------------------------------------------- Albury Parish website Designed by Mat Johnson for DNX Marketing www.dnxmarketing.com Last updated 07-07-2008 -----------------------------------------------------------------------------------*/ #clear {clear:both;} .clear {clear:both;} /*--------------------------------------------------------------------------------- Layout -----------------------------------------------------------------------------------*/ body {background:#8ea93f;} body,html,* {padding:0px;margin:0px;} #container {width:960px;margin-left:auto;margin-right:auto;background:url(../images/bg.gif);} #header {background:url(../images/header5.jpg);height:216px;position:relative;z-index: 100;} #menu {background-image:url(../images/nav1.gif);height:46px;} #nav2 {background:url(../images/nav2.gif);height:50px;text-align:center;padding: 0px 40px;clear:both;position:relative;z-index: 50;} #mainContent {width:442px;float:left;padding:20px 24px 20px 24px;} #sideContent {width:202px;float:right;padding:20px 34px 20px 24px;} #sidenav {display:inline;width:200px;float:left;padding:20px 0px 20px 0px;margin-left:10px;} #footer {background:url(../images/footer.gif);clear:both;text-align:center;height:57px;color:#8E8E8E;font:12px sans serif;} #mainContentWide {width:692px;float:left;padding:20px 24px 20px 24px; background-color:#ffffff;} #footerWide {background:url(../images/footerWide.gif);clear:both;text-align:center;height:57px;color:#8E8E8E;font:12px sans serif;} /*--------------------------------------------------------------------------------- Text -----------------------------------------------------------------------------------*/ p {padding-top:10px;} p, table, body, html {font:8pt Verdana,Arial,Helvetica,sans-serif;color:#31312f;line-height:13pt;} p strong, table strong {font:bold 9pt Verdana,Arial,Helvetica,sans-serif;color:#57740A;line-height:13pt;padding-top:0px;} p.sideTitle {font:bold 8pt Verdana,Arial,Helvetica,sans-serif;color:#57740A;line-height:13pt;padding-top:15px;} p.smallPrint {font:7pt Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-align:center;padding-bottom:15px;} span.orange {font:bold 8pt Verdana,Arial,Helvetica,sans-serif;color:#57740A;line-height:13pt;padding-top:15px;} .nav2 {padding:0px;line-height:40px;} /*--------------------------------------------------------------------------------- Text (titles) -----------------------------------------------------------------------------------*/ h1 {display:none;} h2.brownTitle em {font:bold 21pt times,serif;color:#cc731b;border-bottom:1px solid #B6BBA6;padding: 0px 0px 10px 0px;} h2.brownTitle {font:16pt times,serif;color:#4c4c4c;border-bottom:1px solid #B6BBA6;padding: 0px 0px 10px 0px;} h2.greentitle em {font:bold 21pt times,serif;color:#57740A;border-bottom:1px solid #B6BBA6; padding: 0px 0px 10px 0px;} h2.greentitle {font:16pt times,serif;color:#4c4c4c;border-bottom:1px solid #B6BBA6;padding: 0px 0px 10px 0px;} h3 {font:bold 14pt times,serif;color:#57740A;padding-bottom: 6px;} /*--------------------------------------------------------------------------------- Side Navigation -----------------------------------------------------------------------------------*/ .sidenavigation {font:11px Helvetica,Verdana,Arial,sans-serif;list-style:none;padding:0;margin:0;} #sidenav li a {text-indent: 16px;display:block;width:200px;text-decoration:none;height:28px;line-height:28px;color:#4c4c4c;border-top:2px solid #ffffff;} #sidenav li a:hover {background-color:#cccccc;color:#2b2b2b;} #sidenav li.lastitem {border-bottom:2px solid #ffffff;} h4.sidenav {text-indent:16px;font:bold 13pt times,serif;color:#57740A;padding:6px 0;} /*--------------------------------------------------------------------------------- Images -----------------------------------------------------------------------------------*/ img.right {padding-left:15px;} img.left {padding-right:15px;} /*--------------------------------------------------------------------------------- News & Events buttons -----------------------------------------------------------------------------------*/ #buttons {width: 200px; margin-top:12px;} #leftbutton {width:99px;float:left;clear:both;} #rightbutton {width:99px;float:right;} /*--------------------------------------------------------------------------------- Gallery -----------------------------------------------------------------------------------*/ #gallery {width:692px;} #gallery a {padding:4px;margin: 0 8px 8px 0;border:1px solid #B6BBA6;float:left;} #gallery a:hover {padding:4px;margin: 0 8px 8px 0;border:1px solid #B6BBA6;background-color:#dde6d3;float:left;} /*--------------------------------------------------------------------------------- Tables -----------------------------------------------------------------------------------*/ tr.odd {background-color:#dbe8b1;} tr.even {background-color:#f0f5e0;} .activitiestable tr td {padding-left:3px;} /*--------------------------------------------------------------------------------- Links -----------------------------------------------------------------------------------*/ a:link,a:visited {color:#608414;color:#729b16;text-decoration:none;} a:hover,a:active {color:#608414;color:#729b16;text-decoration:underline;} a:link.footer,a:visited.footer {font:normal 7pt Verdana,Arial,Helvetica,sans-serif;color:#4c4c4c;text-decoration:none;line-height:55px;} a:hover.footer,a:active.footer {color:#57740A;text-decoration:underline;} a:link.external,a:visited.external {color:#608414;text-decoration:none;background:url(../images/externallink.gif) no-repeat right top; padding-right:10px;} a:hover.external,a:active.external {color:#608414;text-decoration:underline;background:url(../images/externallink.gif) no-repeat right top; padding-right:10px;} a:link.externalWhite,a:visited.externalWhite {color:#ffffff;text-decoration:none;background:url(../images/externalWhite.gif) no-repeat right top; padding-right:10px;} a:hover.externalWhite,a:active.externalWhite {color:#ffffff;text-decoration:underline;background:url(../images/externalWhite.gif) no-repeat right top; padding-right:10px;} a:link.clickMore,a:visited.clickMore {color:#cc731b;text-decoration:none;} a:hover.clickMore,a:active.clickMore {color:#57740A;text-decoration:underline;} a:link.topleft,a:visited.topleft {color:#729b16;text-decoration:none;background:url(../images/uparrow.gif) no-repeat;padding-left:17px;text-align:left;} a:hover.topleft,a:active.topleft {color:#31312f;text-decoration:underline;background:url(../images/uparrow2.gif) no-repeat;padding-left:17px;text-align:left;} a:link.mailto,a:visited.mailto {color:#608414;text-decoration:none;background:url(../images/mailtolink.gif) no-repeat right top; padding-right:14px;} a:hover.mailto,a:active.mailto {color:#608414;text-decoration:underline;background:url(../images/mailtolink.gif) no-repeat right top; padding-right:14px;} a:link.print,a:visited.print {color:#608414;text-decoration:none;background:url(../images/printlink.gif) no-repeat right top; padding-right:10px;} a:hover.print,a:active.print {color:#608414;text-decoration:underline;background:url(../images/printlink.gif) no-repeat right top; padding-right:10px;} a:link.pdf,a:visited.pdf {display:block;line-height: 18px;color:#608414;text-decoration:none;background:url(../images/pdf-icon.gif) no-repeat left top; padding-left:20px;} a:hover.pdf,a:active.pdf {display:block;line-height: 18px;color:#608414;text-decoration:underline;background:url(../images/pdf-icon.gif) no-repeat left top; padding-left:20px;} a:link.word,a:visited.word {display:block;line-height: 18px;color:#608414;text-decoration:none;background:url(../images/word-icon.gif) no-repeat left top; padding-left:20px;} a:hover.word,a:active.word {display:block;line-height: 18px;color:#608414;text-decoration:underline;background:url(../images/word-icon.gif) no-repeat left top; padding-left:20px;} /*--------------------------------------------------------------------------------- Printer Styles -----------------------------------------------------------------------------------*/ @media print{ #header {display:none;} .menu {display:none;} #nav2 {display:none;} #footer {display:none;} img.right {display:none;} img.left {display:none;} #sideContent{float:none;clear:both;} #mainContent{width:90%; float:none;} } /*--------------------------------------------------------------------------------- Council members -----------------------------------------------------------------------------------*/ #nameaddress {width:180px;float:left;clear:both;} #phoneemail {width:220px;float:right;} p.man {/*background:url(../images/man.gif) no-repeat;*/padding:0 0 20px 0px;} p.woman {/*background:url(../images/woman.gif) no-repeat;*/padding:0 0 20px 0px;} /*--------------------------------------------------------------------------------- Council members -----------------------------------------------------------------------------------*/ #left {width:200px;float:left;clear:both;} #right {width:180px;float:right;} /*--------------------------------------------------------------------------------- Forms -----------------------------------------------------------------------------------*/ form {font:8pt Verdana,Arial,Helvetica,sans-serif;color:#31312f;} #mainForm {font:8pt Verdana,Arial,Helvetica,sans-serif;color:#31312f;} select.nav2 {width:220px;z-index:10;} input.q1, input.q2, input.q3, input.q4, input.q5, input.q6, input.q7, input.q8, input.q9, input.q10, input.q11, input.q12, input.q13, input.q14, input.q15 {width:40px;} input.people {width:40px;} input.address {width:285px;} textarea {width:350px;} input.radio {width:50px;} /*--------------------------------------------------------------------------------- Lists -----------------------------------------------------------------------------------*/ ul.paragraph {font:8pt Verdana,Arial,Helvetica,sans-serif;color:#31312f;line-height:13pt;padding:0 0 0px 20px;} ul.paragraph strong {font:bold 8pt Verdana,Arial,Helvetica,sans-serif;color:#57740A;line-height:13pt;padding-top:0px;} /*--------------------------------------------------------------------------------- Horizontal rule -----------------------------------------------------------------------------------*/ hr {margin-top:8px; margin-bottom:8px;} /*--------------------------------------------------------------------------------- Main navigation drop-down menu -----------------------------------------------------------------------------------*/ .menu {width:940px;font-size:10px;position:relative;padding-left:11px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:134px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;width:134px;position:relative;} /* style the links for the navigation titles */ .menu a, .menu a:visited { display:block; font: 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; width:133px; height:45px; border:1px solid #729b16; border-width:1px 1px 0 0; background-color:#547411; background-image: url(../images/nav-green.gif); background-position: 0px 0px; text-align: center; line-height:45px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:134px;w\idth:132px;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#757575;} /* style the third level hover */ .menu ul ul ul a:hover {background:#c3c3c3;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility:hidden; position:absolute; height:0; top:45px; left:0; width:139px; } /* another hack for IE5.5 */ * html .menu ul ul {top:45px;t\op:46px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0;} /* DROP DOWN BGs - style the second level links */ .menu ul ul a, .menu ul ul a:visited { background:#7daa19; color:#ffffff; height:auto; /* Allows line-wrapping on navigation elements */ line-height:18px; padding:5px 10px; width:114px;} /* yet another hack for IE5.5 */ * html .menu ul ul a{width:133px;w\idth:112px;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{color:#fff;background:#cb632d;} .menu :hover > a {color:#fff;background-image:url(../images/nav-brown.gif);background-position:0px 0px;} .menu ul ul :hover > a {color:#fff;background: #4e6b0f;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}