/* rev.2009-05-11 COLOURS: standard blue:#0075b0 standard green:#69be28 lighter blue:#1892cf very light blue BG:#d9e9f2 cyan bg:#ccefef Text: black:2a3f4f (standard text) dark grey:5a6f7f (function menu, footer, ...) light grey:7f7f7f (visited link...) red:e54448 very light blue:#ceffff dropdown menu bg:1792ce BGs... browser bg:eeefe7 light grey bg:f3f4ee Border... grey border:c6cfc9 */ /* DEFAULTS */ body {color:#2a3f4f; background-color:#ffffff; font-size:100%; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px;} h1 {color:#0075b0; font-size:14pt; font-style:normal; font-weight:normal; /*letter-spacing:0.1em;*/ padding:0px 0px 0px 0px; margin:17px 0px 0px 0px;} h2 {color:#69be28; font-size:13pt; font-style:normal; font-weight:bold; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px;} h3 {color:#69be28; font-size:12pt; font-style:normal; font-weight:normal; font-family:"Comic Sans MS", Verdana, sans-serif; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 11px 0px;} p {background-color:transparent; font-size:10pt; /*letter-spacing:0.0em;*//*line-height:15pt;*/ margin:9px 0px 10px 0px;} td {vertical-align:top;} td.form {color:#7f7f7f; font-size:8pt; text-align:right; vertical-align:middle;} ul {list-style-type:disc;} li {background-color:transparent; font-size:10pt; padding-bottom:2px;} span {} /* LINKS */ a {color:#0075b0; background-color:transparent; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;} a:link {} a:visited {color:#7f7f7f;} a:active {color:#69be28;} a:hover {color:#69be28; text-decoration:none;} /* Main menu */ a.menu {color:#efefef; background-color:transparent; font-size:12pt; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif; /*letter-spacing:0.05em;*/ text-decoration:none;} a.menu:link {} a.menu:visited {color:#ffffff;} a.menu:active {} a.menu:hover {color:#69be28; text-decoration:none;} /*1892cf*/ /* .menu_on { color:#c7ff7c; background-color:transparent; font-size:10pt; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } */ .menu_green {color:#69be28; font-style:normal;} /* Function menu */ a.functionmenu {color:#5a6f7f; background-color:transparent; font-size:10pt; letter-spacing:0.0em; text-decoration:none;} a.functionmenu:link {} a.functionmenu:visited {color:#5a6f7f;} a.functionmenu:active {} a.functionmenu:hover {text-decoration:underline;} /* Sub-menu */ a.submenu {color:#0075b0; background-color:transparent; font-size:9pt; font-style:normal; font-weight:bold; text-decoration:none;} a.submenu:link {} a.submenu:visited {color:#0075b0;} a.submenu:active {} a.submenu:hover {color:#69be28;} .submenu_on {color:#69be28; background-color:transparent; font-size:9pt; font-style:normal; font-weight:bold; text-decoration:none;} /* .submenu_off { color:#4b7db2; background-color:transparent; font-size:8pt; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.0em; margin-left:25px; } */ /* Level-3 menu */ a.menu3 {color:#707070; background-color:transparent; font-size:8pt; font-style:normal; font-weight:normal; text-decoration:none; margin-left:14px;} a.menu3:link {} a.menu3:visited {color:#707070;} a.menu3:active {} a.menu3:hover {color:#0075b0;} .menu3_on {color:#69be28; background-color:transparent; font-size:8pt; font-style:normal; font-weight:normal; text-decoration:none; margin-left:14px;} /* Submenu links for Homepage only */ a.home_submenu {color:#69be28; background-color:transparent; font-size:12pt; font-style:normal; font-weight:normal; font-family:"Comic Sans MS", Verdana, sans-serif; text-decoration:none; letter-spacing:0.0em; text-transform:uppercase;} a.home_submenu:link {} a.home_submenu:visited {color:#69be28;} a.home_submenu:active {} a.home_submenu:hover {color:#1892cf;} /* Donate link */ a.donate {color:#efefef; background-color:transparent; font-size:18pt; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.05em;} a.donate:link {} a.donate:visited {color:#efefef;} a.donate:active {} a.donate:hover {color:#1892cf;} .donate_off {color:#efefef; background-color:transparent; font-size:18pt; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.05em;} /* Volunteer link */ a.volunteer {color:#efefef; background-color:transparent; font-size:14pt; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.05em;} a.volunteer:link {} a.volunteer:visited {color:#efefef;} a.volunteer:active {} a.volunteer:hover {color:#69be28;} /* Footer menu */ a.footermenu {color:#5a6f7f; background-color:transparent; font-size:8pt; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none;} a.footermenu:link {} a.footermenu:visited {color:#5a6f7f;} a.footermenu:active {} a.footermenu:hover {text-decoration:underline;} .footer {color:#5a6f7f; background-color:transparent; font-size:8pt;} a.readmore {color:#0075b0; background-color:transparent; font-size:8pt; font-style:italic; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none;} a.readmore:link {color:#0075b0;} a.readmore:visited {color:#7f7f7f;} a.readmore:active {} a.readmore:hover {text-decoration:underline;} /* classes */ .bottom {vertical-align:bottom;} .line_col1 {width:269px; height:1px; border-top:1px solid #c6cfc9; margin-top:15px; margin-bottom:15px;} .line_col2 {width:269px; height:1px; border-top:1px solid #c6cfc9; margin-top:15px; margin-bottom:15px;} .line_col3 {width:442px; height:1px; border-top:1px solid #c6cfc9; margin-top:15px; margin-bottom:15px;} .comment {color:#000000; background-color:#ffff00; font-family:monospace; font-size:8pt;} .footer {color:#5a6f7f; font-size:8pt; border-top:1px solid #cccccc; margin:20px 0px 0px 0px; padding:5px 0px 0px 0px; /* font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; text-align:left; */ } .footnote {color:#5a6f7f; font-size:8pt; /* font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; text-align:left; */ } .indent {padding-left:50px;} .newsletter {color:#efefef; background-color:transparent; font-size:14pt; letter-spacing:0.05em; /* font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; */ } .right {text-align:right;} .window_close_button {width:50px; border:1px groove #333333; color:#465047; background-color:#d5d2d2; font:600 9px Arial, sans-serif; text-decoration:none; cursor:pointer; margin:10px 0px 0px 0px;} /* LAYOUT */ #hcenter {position:absolute; top:0px; left:50%; width:992px; margin-left:-496px; /* half of width */} #masthead {position:absolute; top:0px; left:0px; width:992px;} #logo {position:absolute; top:0px; left:0px;} #banner {position:absolute; top:0px; left:161px;} #functionmenu {position:absolute; top:7px; left:709px;} #mainmenu {position:absolute; top:170px; left:210px; height:24px; /* 24 + 6 = 30 */ width:762px; /* 764 + 20 padding = 784 */ padding:6px 0px 0px 20px; background-color:#0175b0;} #lh_menu {position:absolute; top:200px; left:20px; width:190px; height:600px; padding:5px 0px 0px 0px; margin:0px; /*border:1px solid #ff0000;*/ background-image:url("/images/shadow_left.jpg"); background-repeat:repeat-y; background-position:right;} #home_lh_menu {position:relative; top:20px; left:35px; width:160px;} /* NOTE:full width of content area = 762px;*/ #content {position:absolute; top:195px; left:230px; width:742px; /* 762 - 20 for right margin */ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #00ff00;} #content_a {position:absolute; top:195px; left:230px; width:442px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #00ff00;} #content_b {position:absolute; top:195px; left:662px; width:309px; /* 310 - 1 for border */ padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; background:url("/images/shadow_left.jpg") repeat-y left; border-right:1px solid #c6cfc9;} #content_form {position:absolute; top:195px; left:220px; width:750px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #00ff00;} #column_2 {float:left; width:270px; padding:17px 0px 0px 30px; margin:0px 0px 0px 0px;} #photo {float:right; margin-left:20px; margin-bottom:10px; margin-top:12px;} /* margin-top:-43px; */ #footer {float:left; width:762px; margin-left:20px;} /* FORM BUTTONS */ #donate {position:absolute; top:40px; left:758px;} #donate_button {position:absolute; top:0px; left:200px; min-height:25px; width:25px;} #volunteer {position:absolute; top:88px; left:710px;} #volunteer_button {position:absolute; top:-2px; left:247px; min-height:25px; width:25px;} #newsletter {position:absolute; top:123px; left:710px;} #newsletter_button {position:absolute; top:-2px; left:247px; min-height:25px; width:25px;} .invisible { cursor:pointer; color:#5a6f7f; background-color:transparent; font-size:10pt; padding:0px; min-height:25px; width:25px; border:0px solid #ff0000; } /* --- */ /* Site map */ #sitemap { position:absolute; top:200px; left:230px; color:#69be28; background-color:transparent; font-size:11pt; font-style:normal; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:20pt; } .sitemapSection { color:#0075b0; font-size:12pt; font-style:normal; font-weight:bold; } #popup_masthead { position:absolute; top:20px; left:20px; height:70px; margin:0px 0px 0px 0px; } #popup_title { position:absolute; top:43px; left:125px; color:#69be28; font-size:18pt; font-style:normal; font-weight:bold; } #popup_bar { position:absolute; top:80px; left:125px; width:530px; height:24px; background-color:#0175b0; margin:0px 0px 0px 0px; } #popup_content { position:absolute; top:110px; left:125px; width:530px; margin:0px 0px 0px 0px; border:0px solid #ff0000; /* background-image:url("/images/shadow_left.jpg"); background-repeat:repeat-y; background-position:left; */ } /* #testimonial { float:left; padding:17px 25px 0px 25px; margin:0px 0px 0px 0px; background-color:#ccefef; } */ /* ----- */ #print {margin-top:20px; margin-left:20px; width:580px;} /* total width = 600 */ #quicksearch {position:absolute; top:148px; left:33px;} #section_name {position:absolute; top:214px; left:0px;} /* --------------------------------- */