/* General page styles ---------------------------------------------------- */ /* */ body, html { margin: 0px; padding: 0px; color: #000000; /* background-color: #dddddd; background-color: #970067; */ background-color: #9999CC; /* background-image: url(images/backgrounds/background-all.jpg); background-position: top left; background-repeat: repeat-y; */ font-family: arial, helvetica, sans-serif; font-size: 0.9em; } pre, tt { font-family: Courier, "Courier New", monospace; } a, a:link, a:active { color: #abcdff; color: #456799; background-color: transparent; text-decoration: underline; } a:visited { color: #ff8400; color: #CC4000; background-color: transparent; text-decoration: underline; } a:hover { color: #ff8400; background-color: transparent; text-decoration: underline; } h1, h2, h3, h4 { font-weight: bold; color: #432100; background-color: transparent; } h1 { font-size: 130%; } h2 { font-size: 125%; } h3 { font-size: 110%; } h4 { font-size: 100%; } img { border: 0px; } hr { display: inherit; border: 0px; color: #210034; background-color: #210034; height: 1px; } .center { text-align: center; } .center table { margin-left: auto; margin-right: auto; text-align: left; } .center th { text-align: center; } /*styles for events */ .item_event { font-style: italic; font-weight: bold; font-size: 120%; color: #210034; } .item_cat { font-style: normal; font-weight: normal; color: #555; } .item_title { font-style: normal; font-weight: bold; color: #000; } .item_date { font-style: normal; font-weight: normal; color: #555; } /* Content ----------------------------------------------------- */ /* 3px IE bug hack hidden from IE5-mac \*/ * html #content { height: 1%; } /* End hide from IE5-mac */ #mainarea { background-color: #970067; /* background-image: url(img/backgrounds/background-menu-175.gif); background-position: top left; background-repeat: repeat-y; */ } /* Sideareas --------------------------------------------- */ #leftarea { float: left; width: 180px; margin: 0px; padding: 0px; } #rightarea { float: right; width: 180px; margin: 0px; padding: 0px; } /* Contentarea --------------------------------------------- */ #content { display: block; z-index: 3; margin-left: 180px; margin-right: 180px; background-color: #DDDDDD; padding: 10px; border-style: solid; border-color: #000000; border-width: 0px 3px; /* background-image: url(img/backgrounds/background-main.jpg); background-position: top left; background-repeat: repeat; */ } /* Toparea ------------------------------------------------- */ #toparea { /* color: inherit; */ background-color: #650078; /* background-image: url(img/backgrounds/background-top.jpg); background-repeat: repeat-x; */ height: 90px; position: relative; } #toparea .logo { position: absolute; top: 0px; left: 0px; width: 180px; height: 90px; border-right: solid 3px #000000; /* background-color: #DDDDDD; */ } #toparea .logo img { border: 0px; } #toparea .topcontent { position: absolute; top: 0px; left: 50%; /* 364px - 185px */ margin-left: -364px; padding-left: 185px; /* width: 728px; */ height: 90px; } #topsubarea, #bottomsubarea { background-color: #430056; height: 1.2em; border-width: 3px 0px; border-color: #000000; border-style: solid; text-align: left; padding: 0em 6px 0.1em 6px; font-size: 75%; color: white; } #topsubarea a:link { color: white; text-decoration: none; } #topsubarea a:visited { color: white; text-decoration: none; } #topsubarea a:active { color: white; text-decoration: none; } #topsubarea a:hover { color: #white; text-decoration: underline; } /* Bottomarea ------------------------------------------------- */ #bottomarea { position: relative; display: block; width: 100%; height: 6em; font-size: 75%; color: #000000; background-color: #9999CC; } #bottomarea-right { position: absolute; top: 0px; right: 0px; text-align: right; padding: 6px; } #bottomarea-left { position: absolute; top: 0px; left: 0px; padding: 6px; margin-right: 30%; } #bottomarea a { color: #123466; } #bottomarea a:link { color: #123466; } #bottomarea a:visited { color: #AA2000; } /* ------------------ menu styles ----------------------- */ #menu { width: 180px; } #menu ul { margin: 0; padding: 0; list-style-type: none; border-top: 0px solid #300; border-bottom: 0px; font-size: 1em; font-weight: bold; } #menu ul li { display: block; margin: 0px; padding: 0px; width: 100%; border-width: 0px; } #menu ul li a, #menu ul li a:link, #menu ul li a:visited { display: block; height: 1.4em; margin: 0; padding: 0.2em 0em 0.1em 10px; color: #abcdff; text-decoration: none; } #menu ul li a:hover { color: #970067; color: #705; background-color: #abcdff; background-color: #99C; } #menu ul ul { display: block; list-style-type: none; margin: 0px; padding: 0px; font-size: 0.9em; font-weight: normal; background-color: #999; border-width: 2px 0px 2px 0px; border-style: inset; border-color: #999; } #menu ul ul li { margin: 0; padding: 0; border-width: 0px; } #menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited, #menu ul ul a:active { display: block; height: auto; padding: 0.2em 0em 0.2em 20px; color: #000; text-decoration: none; } #menu ul ul li a:hover { color: #000; background-color: #F80; } #menu ul li.selected a, #menu ul li.selected a:link, #menu ul li.selected a:visited, #menu ul li.selected a:active { color: #970067; color: #705; background-color: #abcdff; background-color: #99C; } #menu ul li.selected a:hover { background-color: #F80; } .sub_selected a, .sub_selected a:link, .sub_selected a:visited, .sub_selected a:active { color: #FFF; background-color: #555; background-color: #CC9; } .sub_selected a:hover { color: #FFF; background-color: #F80; } /* rightarea content */ #rightareacontent { margin: 10px 10px; }