/* $Id: main.css 38677 2009-12-04 14:49:24Z tmuka $ */ /* Site Framework: Molly 1.0 /* Derived from Mollio http://www.mollio.org */ /* ** Mollio Styles ** */ /* LEGAL ===== Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au Community: Mollio http://www.mollio.org $ License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php License: Released Under the "Creative Commons License", http://creativecommons.org/licenses/by/2.5/ License: Released Under the "GNU Creative Commons License", http://creativecommons.org/licenses/GPL/2.0/ */ /*Tesing cuz IE is a joke*/ /* Blue: 004A80 Khaki: 9DA888 grey: EEEEEE purple: 782D71 */ /* THE BIG GUYS */ * {margin:0;padding:0} body {padding: 0 0 20px;background: #EEEEEE url("images/body_bg.gif") repeat-x 0 0;color:#002D4C; font:83%/1.5 arial,tahoma,verdana,sans-serif} /* LINKS */ a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer; font-weight: bolder;} a:link {color:#004A80} a:visited {color:#004A80} a:hover,a:active {color:#782d71; text-decoration: underline;} acronym {border-bottom:1px dotted; cursor:help;} /* FORMS */ form {margin: 0 0 1.5em} input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0} fieldset {border: none} label {display:block;padding: 5px 0} label br {clear:left} /* FORMS - general classes */ input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%} /* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */ /*form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 /*url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative} */ form.f-wrap-1 {color:#333;padding: 15px 15px 15px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6; border:1px solid #9DA888; z-index: 5;} form.f-wrap-1 fieldset {width:auto;margin: 0 1em} form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#004A80} form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff} /* hide from IE mac \*/ form.f-wrap-1 label {float:none} /* end hiding from IE5 mac */ form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px} form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative} form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em} form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right} form.f-wrap-1 div.req b {color:#c00;font-size:140%} form.f-wrap-1 label select {width: 15.5em} form.f-wrap-1 label textarea.f-comments {width: 20em} form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em} form.f-wrap-1 input.f-submit {margin: 0 0 0 10px} form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em} form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em} form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px} form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px} form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0} form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0} form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3} /* TYPOGRAPHY */ p, ul, ol {margin: 0 0 1.5em;} h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 1.2em 0 0;color:#002D4C;padding-bottom: .1em;} h1 {font-size: 196%;margin-top:.6em;} h2 {font-size: 136%} h3 {font-size: 126%} h4 {font-size: 116%} h5 {font-size: 106%} h6 {font-size: 96%} .highlight {color:#004A80; font-size: 110%; font-style:italic; font-weight: bolder;} .subdued {color:#333; font-size: 85%;} .error {color:#c00;font-weight:bold} .success {color:#390;font-weight:bold} .caption {color:#999;font-size:11px} .date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px} .floatleft {float:left; margin-right:1em; z-index:999;} .floatright {float:right; margin-left:1em;} small {font-size:11px} .center {text-align:center;} .center img {margin:auto;} .bigger {font-size:115%;} .even-bigger {font-size:130%;} .no-margin {margin:0;} /* Promos */ p.promo {margin-top:12px;} /* LISTS */ ul {margin: .3em 0 1.5em 0;list-style-type:none} ul.related {margin-top: -1em} ol {margin: .5em .5em 1.5em} ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal} li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0} li.doc {background-position: 3px -500px} ul.nomarker li {background:none;padding-left:0} ol ul {list-style:disc;} dl {margin: 0 0 1em 0} dt {font-weight:bold;margin-top: 1.3em} dl dl {margin: 0 0 1.5em 30px} /* GENERAL */ img {border:none; background:url(images/loading.gif); margin:0; padding:0;} img.border {border:5px solid #9DA888;} hr {margin: 1em 0;background:#004A80;height:1px;color:#004A80;border:none;clear:both; } .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px; margin:-1em; padding:1em;} .bug_clear {clear:both; height:1em; margin-bottom:-1em; padding:0;} /* LAYOUT - HEADER */ #header {} #header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0;padding:3px 0;color:#ccc;border:none} #header #mast_img {position:absolute; top:0; left:0;} #header #logo {position:absolute; top:20px; left:290px;} /* NAV - top horizontal nav */ /*#nav, #nav ul {padding: 0;margin: 0;list-style: none} #nav {position:absolute; top:101px; left:225px; text-transform:capitalize;/*font-weight:bold;*/ /*font:bold 13px Arial, Helvetica, sans-serif;} #nav li {background-color:#004A80;} #nav li {position:relative;float: left; width: 10em;display:block;margin: 0; padding:0} #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#9DA788; display: block; padding: 4px .5em 2px} #nav a:hover {color:#638AA6} #nav li ul {width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em} #nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999} #nav li li {background:none;float:none;border:none;padding-left:0} #nav li li.last {border-bottom:none} #nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em} #nav li li a:hover {color:#fff;background:#004A80} #nav li.active {} #nav li.active ul {border:none;} #nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {} #nav li.active a:hover {color:#FFFFFF} #nav li.active li {border:none;} #nav li.active li.last {border-bottom: none} #nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff} #nav li.active li a:hover {color:#fff} #nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%} */ /* hide from IE mac \*/ /*#nav li {width:auto}*/ /* end hiding from IE5 mac */ /* hb_login */ #hb_login {position:absolute; top:103px; right:10px; color:#638AA6;font-weight:bold; z-index:999;} #hb_login strong {color:#FFFFFF; font-weight:bold; font-size:14px; margin-right:1.5em;} #hb_login form {margin:0} #hb_login input {width:8em;margin: 0 0 -1px;height:1.2em; display:inline;} #hb_login label {padding:5px 0 0;} #hb_login input.submit {width:auto;font-size:81%;height:1.95em; color:#004A80; background:#9DA888; margin:5px auto 5px auto;} /* POWERED BY - mollio logo in this case */ #poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0} /* LAYOUT - main body of page */ #wrap {margin:0; position:relative; width:100%;} #content-wrap {position:relative; width:100%;} #utility {position:absolute; top:0; left:26px; width:175px; padding-bottom:40px; margin-top: 10px; } #utility dl {margin-top:2px;} #utility dt {font-size:90%; margin-top:2px;} #utility dd {font-size:80%;} #utility p.last {margin-top:1em;} #sidebar {position:absolute; top:40px; right:10px; width:165px; /*border-top: 5px solid #004A80;*/ padding:1px; padding-bottom:40px;} #prime_rate, #prime_effective {font:bold 12px Arial, Helvetica, sans-serif;} #prime_effective {margin-bottom:1em;} #content {margin: 0 50px} #content p {} #content #breadcrumb {display: none; background: #fff; border: 1px solid #000; font-size:93%;font-weight:bold; color: #782D71; padding: 5px;} #content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none; color: #782D71; } #content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline} .featurebox {color:#333;padding: 15px 15px 15px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6; border:1px solid #9DA888; z-index: 5;} .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid;color:#002D4C} .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {font-family:"trebuchet ms";} .featurebox p {border:none;margin: 0 0 1em;color:#444} .featurebox a {font-weight:bold; color: #782D71;} .featurebox a:hover {color: #9DA888;} .featurebox2 {color:#333;padding: 5px; margin: 0 0 1.5em;background: #f6f6f6; border:2px solid #004A80; z-index: 5; } .featurebox2 h2 {margin: 0; padding: 0;} .featurebox2 p {border:none;margin: 0 0 1em;color:#444} .featurebox2 a {font-weight:bold; color: #782D71;} .featurebox2 a:hover {color: #9DA888;} .post {border-bottom: 1px solid #d8d8d8; background: transparent url('../images/post-bg.jpg') repeat-y; padding: 0 0 0 10px;} .thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;padding:5px;background:#fff} .thumbnail img {border: 1px solid #000} .alt-thumbnail {margin: 0 10px 0 0;position:relative;z-index:100;border: 1px solid #eee;float:left;padding:5px;background:#fff} .alt-thumbnail img {border: 1px solid #000} .blast {font-size:120%; font-weight:bold; color:#6F0533; display:block; margin-bottom:1em;} .strong {font-weight:bold;} .pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em} .pagination p {position:relative;text-align:right} .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc} .pagination p a:hover {background:#c00;color:#fff} .pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc} .pagination * {margin:0} .pagination h4 {margin-top:-1.45em;padding:0;border:none} #resultslist-wrap {margin: 0 0 1.5em;font-size:92%} #resultslist-wrap dt, #resultslist-wrap dl {margin: 0} #resultslist-wrap dt {font: bold 85% arial;padding: 3px 0} #resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial} #resultslist-wrap li dd {font: normal 73% arial} #resultslist-wrap li dl {margin:0} #resultslist-wrap dd {line-height:1.3} #resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em} /* TABLES */ /* NOTE: the background info for table1 td will override the mouseovers. */ .table1 {border: 2px solid #900;border-collapse:collapse;width:100%} .table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff} .table1 th {text-align:left;border: 1px solid #fff} .table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px} .table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px} .table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px} /* TABLES - calendar */ .calendar {width:200px;font-size:92%} .calendar td {text-align:center;border: 1px solid #ddd} .calendar th {text-align:center} .calendar thead th {padding: 3px 2px} .calendar tbody th {padding: 2px} .calendar tbody th.sub {padding: 2px} /* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */ a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px} a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px} .morelink span {position:absolute;left:-9999px;width:900px} /* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */ ol.code {font-family: monospace;position:relative} ol.code li {color: #666;margin-bottom: 1px} ol.code code {color: #000;display: block} ol.code .cmt {color: #4077d2} li.tab0 code {padding-left: 4em} li.tab1 code {padding-left: 8em} li.tab2 code {padding-left: 12em} li.tab3 code {padding-left: 16em} li.tab4 code {padding-left: 20em} li.tab5 code {padding-left: 24em} ol.code li {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%} p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em} /* LAYOUT TYPE A */ #type-a #utility {display: none;} #type-a #sidebar {display: none;} /* LAYOUT TYPE B */ #type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0} #type-b #content {margin: 0 23px 0 235px} #type-b #sidebar {right:auto;left:25px} #type-b #utility {display: none;} /* LAYOUT TYPE C */ #type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0} #type-c #content {margin: 0 210px 0 235px} #type-c #nav {display:none;} /* LAYOUT TYPE D */ #type-d #content {margin: 0 25% 0 50px} #type-d #utility {display: none;} /* LAYOUT TYPE E */ #type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0} #type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999} #type-e #content {margin: 0 243px 0 50px} #type-e #sidebar {display: none;} /* LAYOUT TYPE F */ #type-f #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0} #type-f #content {margin: 0 210px 0 235px} #type-f #utility {left:auto;right:25px} #type-f #sidebar {right:auto;left:25px} /* ************************************* ** ** This is the Nav ** ** ** ** Blue: 004A80 ** Khaki: 9DA888 ** grey: EEEEEE ** purple: 782D71 ** red c00 ************************************* */ /* SECONDARY NAVIGATION - vertical navigation */ /*#nav-secondary {width:12em;} #nav-secondary, #nav-secondary li {list-style: none; margin:0; padding:0; } #nav-secondary {} #nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px; font: bold 130% "trebuchet ms", serif; display:block; border-left: 10px solid #004A80;} #nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none; cursor:pointer; background:url(../images/menu_backgif.gif) -40px no-repeat;} #nav-secondary a:link {color:#002D4C;} #nav-secondary a:visited {color:#002D4C} #nav-secondary a:hover {color:#782D71; background: url(../images/menu_backgif.gif) right no-repeat; border-left: 10px solid #782D71;} #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} /* #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} */ /* #nav-secondary li {margin:4px 0;}*/ /* SECONDARY NAVIGATION - 2nd TIER */ /* #nav-secondary ul {position:absolute; left:-999em; display:none; /*border-left:3px solid #004A80;*//* margin:-33px 0 0 0; padding:0; background:white; } #nav-secondary ul li {margin:0; } #nav-secondary ul a {border:1px solid #004A80; border-left:10px solid #004A80;padding-right:10px; width: 12em;} #nav-secondary ul li.last a {/*border:none;*/} /*#nav-secondary ul li.last {margin:0; border:none;} #nav-secondary li:hover ul, #nav-secondary li.sfhover ul {left:11.5em; z-index:99999; display:block; border-bottom:1px solid #782D71; }*/*/*/ */ /*#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block} #nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00} #nav-secondary li.active li {border: none;margin:0} #nav-secondary li.active li.active a:link, #nav-secondary li.active li.active a:visited, #nav-secondary li.active li.active a:hover, #nav-secondary li.active li.active a:active {font-weight:bold}*/ /* SECONDARY NAVIGATION - 3rd TIER */ /* #nav-secondary ul ul {margin: 0 0 1em 13px;padding:0} #nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px} #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited, #nav-secondary li.active li.active li a:hover, #nav-secondary li.active li.active li a:active {font-weight:normal} #nav-secondary li.active li.active li.active a:link, #nav-secondary li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active a:active {font-weight:bold} /* SECONDARY NAVIGATION - 4th TIER */ /*#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0} #nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px} #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited, #nav-secondary li.active li.active li.active li a:hover, #nav-secondary li.active li.active li.active li a:active {font-weight:normal} #nav-secondary li.active li.active li.active li.active a:link, #nav-secondary li.active li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}*/ /* LAYOUT - FOOTER */ #footer {clear:both;border-top: 1px solid #004A80;padding: 10px 0 30px;font-size:86%;} #footer p {margin:0} #footer a:link, #footer a:visited {color:#555555} .badge { margin: .5em auto; text-align: center } .badge img { } .badge a:hover img { } /*Datatable*/ /*.datatable {font:12px Arial, Helvetica, sans-serif; border-width:1px 1px 0; border-style: solid; border-color:#666; margin-bottom:1em; width: 100%;} .datatable th {padding:4px 5px; border-bottom:2px solid #420000; background-color:#004A80; color:#fff; vertical-align:top;} .datatable td {padding:4px 5px; border-bottom:1px solid #420000; vertical-align:top; white-space:nowrap;}*/ /*Datatable*/ .datatable {border-width:1px ; border-style: solid; border-color:#000; margin-bottom:1em; width: 100%; font-size: 90%; z-index:10;} .datatable thead th {color:#fff;font-size:145%;background: #004A80;padding: 10px 2px} /* .table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px} */ .datatable tbody th {padding:4px 5px; border-bottom:1px solid #000; border-right:1px solid #000; background-color:#A0A596; color:#000; vertical-align:top; text-align:center;} .datatable tbody tr.plus-row td, .datatable tbody tr.plus-row th {border-bottom:none;} .datatable tbody th.sub {font-size:100%;color:#000;background: #A0A596 /*url("images/sprites.gif") repeat-x 0 -1500px*/;padding: 6px; border-bottom: 0; border-top:1px solid #000; } .datatable tbody th.sub_nocontent {background: #A0A596; border:0; border-right: 1px solid #000;} .datatable tbody {border-bottom: 1px solid #000;} .datatable td {padding:4px 5px; border-bottom:1px solid #000; vertical-align:top; border-right:1px solid #000; } .datatable td.apy {text-align: right; /*white-space:nowrap;*/} .rowone {background-color:#F6F6F6;} .rowtwo {background-color:#fff;} .datatable caption {font-size: 110%; text-align: left; font-weight: bolder;} .textleft {text-align:left;} .textright {text-align:right;} .textcenter {text-align:center;} .infobox{ margin: 0 0 0 10px; position:relative; z-index:9999; border: 2px dotted #004A80; float:right; padding:5px; background:#fff; width: 33%; } .infobox h2{ margin: 0; border-bottom: 1px solid #004a80; } /* this is used on the EFT Transfer */ ol.roman li{ list-style-type:upper-roman; } ol.roman li ol li{ list-style-type: upper-alpha; } ol.roman li ol li ol li{ list-style-type:decimal; } /* Promos */ .open-house {width:90%; margin-top:3em;} /* Cuz IE is, well... broken */ .open-house h3 {border-bottom:none;} .open-house #head-graphic {margin-bottom:1em;} #pieces {position:relative} #pieces div {position:relative; z-index:100;} #pieces img {position:relative; z-index:101;} /* stuff for Menu */ /************************************************************************************************************ (C) www.dhtmlgoodies.com, November 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ #dhtmlgoodies_menu{ font: bold 110% "trebuchet ms", serif; width:12em; /* Width of main menu */ margin-top: -2em; } #dhtmlgoodies_menu ul{ margin:0; /* No