* {font-size:100%;} body {margin:0; padding:0; background-color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; color:#aaa; font-size:0.8em; text-align:left; background-image:url("images/siback.gif"); background-repeat:repeat-x;} #setcentre {margin-left:auto; margin-right:auto; width:90%;} #top {position:absolute; left:60px; top:5px; padding:0px;} #galstart {position:absolute; left:194px; top:130px; width:333px; height:333px; padding:0px; background:#000; text-align:left; z-index:2;} #maincol {position:absolute; left:80px; top:160px; min-width:800px; padding-right:80px;} #maincol p {padding:0px 10px 5px 10px; text-align:justify;} #maincol p.cecl {clear:left; text-align:center;} #maincol p.ce {text-align:center;} #maincol p.ce2 {text-align:center; font-size:0.8em;} #maincol form {padding:0px 10px 5px 10px;} #calcol {margin-left:0; margin-right:auto; width:850px;} #bagcol {margin-left:0; margin-right:auto; width:800px;} #centrecol {margin-left:auto; margin-right:auto; width:780px;} #centrecolgal {margin-left:auto; margin-right:auto; width:840px;} .centre {position:relative; left:0px; top:115px;} .centre2 {position:relative; left:0px; top:-20px;} .centregal {position:relative; left:0px; top:135px;} .updatecentre {position:relative; left:0px; top:10px;} .files {width:700px; font-size:0.7em; } .files li {float:left; width:200px; padding:20px 10px 0 10px} ul {list-style:none;} /* right image text */ #rightcol {float:right; width:220px; padding:0 10px 10px 10px;} #rightcolcontact {float:right; width:200px; padding:0px 10px 10px 10px; text-align:left;} #rightcol p {margin:0; padding:5px 10px 5px 10px; text-align:center;} /* #rightcol h6 {width:204px; font-weight:normal; display:block; margin:-4px 0 0 10px; padding:2px 0 4px 0; background-color:#444; text-align:center; font-size:0.8em;} replaced by span caption below */ #shiftleft {position:relative; left:-80px;} .caption {width:204px; font-weight:normal; display:block; padding:2px 0 4px 0; background-color:#444; text-align:center; font-size:0.8em;} h1 {text-align:center; font-weight:normal; font-size:1.4em;} h2 {text-align:left; width:200px; font-weight:normal; font-size:1.2em; margin:0 0 0 10px; padding:0 10px 2px 10px; display:block; background:url(images/siback2.gif) no-repeat; color:#fff; } h5 {text-align:center; font-weight:normal; font-size:0.7em;} /* for home page */ .hpage td {padding:7px 0 16px 9px; text-align:justify; vertical-align:top;} #instructs {padding:0 50px 0 0;} .ce {text-align:center;} .le {text-align:left;} .ri {text-align:right;} .flle {float:left;} .flri {float:right;} .clle {clear:left;} .clri {clear:right;} p.red {font-weight:bold; color:#f00;} .bor {border:2px solid white;} input {background-color:#aaa;} input.narrow {position:absolute; left:130px;} input.wide {position:absolute; left:260px;} textarea {background-color:#aaa; font-family:verdana, arial, sans-serif;} textarea.narrow {position:absolute; left:130px;} textarea.wide {position:absolute; left:260px;} select {background-color:#fff;} select.wide {position:absolute; left:260px;} label {float:left; width:180px;} hr {background-color:#333;} a img {border:none;} a {outline:none;} /* inline navs */ a.txt:link {color:#aaa; background:none repeat; font-size:1em; font-weight:normal; text-decoration:underline;} a.txt:visited {color:#aaa; background:none repeat; font-size:1em; font-weight:normal; text-decoration:underline;} a.txt:hover {color:#fff; background:none repeat; font-size:1em; font-weight:normal; text-decoration:none;} a.txt:active {color:#aaa; background:none repeat; font-size:1em; font-weight:normal; text-decoration:underline;} /* DD MENU */ /* widths and height controlled by set links size */ a.homeroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavhome.gif"); background-position: 0 0; background-repeat:no-repeat;} a.homeroll:hover {background-position: 0 -40px;} a.homerollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavhome.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.stoproll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavstop.gif"); background-position: 0 0; background-repeat:no-repeat;} a.stoproll:hover {background-position: 0 -40px;} a.stoprollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavstop.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.diaryroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavdiary.gif"); background-position: 0 0; background-repeat:no-repeat;} a.diaryroll:hover {background-position: 0 -40px;} a.diaryrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavdiary.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.inforoll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavinfo.gif"); background-position: 0 0; background-repeat:no-repeat;} a.inforoll:hover {background-position: 0 -40px;} a.inforollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavinfo.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.galleryroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavgallery.gif"); background-position: 0 0; background-repeat:no-repeat;} a.galleryroll:hover {background-position: 0 -40px;} a.galleryrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavgallery.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.birdsroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavbirds.gif"); background-position: 0 0; background-repeat:no-repeat;} a.birdsroll:hover {background-position: 0 -40px;} a.birdsrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavbirds.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.wildroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavwild.gif"); background-position: 0 0; background-repeat:no-repeat;} a.wildroll:hover {background-position: 0 -40px;} a.wildrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavwild.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.landroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavland.gif"); background-position: 0 0; background-repeat:no-repeat;} a.landroll:hover {background-position: 0 -40px;} a.landrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavland.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.salesroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavsales.gif"); background-position: 0 0; background-repeat:no-repeat;} a.salesroll:hover {background-position: 0 -40px;} a.salesrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavsales.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.accesroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavacces.gif"); background-position: 0 0; background-repeat:no-repeat;} a.accesroll:hover {background-position: 0 -40px;} a.accesrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavacces.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.calendarsroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavcalendars.gif"); background-position: 0 0; background-repeat:no-repeat;} a.calendarsroll:hover {background-position: 0 -40px;} a.calendarsnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavcalendars.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.cardsroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavcards.gif"); background-position: 0 0; background-repeat:no-repeat;} a.cardsroll:hover {background-position: 0 -40px;} a.cardsnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavcards.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.printsroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavprints.gif"); background-position: 0 0; background-repeat:no-repeat;} a.printsroll:hover {background-position: 0 -40px;} a.printsnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavprints.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.eventsroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavevents.gif"); background-position: 0 0; background-repeat:no-repeat;} a.eventsroll:hover {background-position: 0 -40px;} a.eventsrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavevents.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.talksroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavtalks.gif"); background-position: 0 0; background-repeat:no-repeat;} a.talksroll:hover {background-position: 0 -40px;} a.talksrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavtalks.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.showsroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavshows.gif"); background-position: 0 0; background-repeat:no-repeat;} a.showsroll:hover {background-position: 0 -40px;} a.showsrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavshows.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.workshopsroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavworkshops.gif"); background-position: 0 0; background-repeat:no-repeat;} a.workshopsroll:hover {background-position: 0 -40px;} a.workshopsrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavworkshops.gif"); background-position: 0 -40px; background-repeat:no-repeat;} a.contactroll {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavcontact.gif"); background-position: 0 0; background-repeat:no-repeat;} a.contactroll:hover {background-position: 0 -40px;} a.contactrollnaved {float:left; display:block; margin:0; width:; height:40px; background-image:url("images/sinavcontact.gif"); background-position: 0 -40px; background-repeat:no-repeat;} #chart {clear:left; display:block; width:740px; height:270px; position:relative; top:15px; left:60px;} #chart div {position:absolute; padding:1px 3px 1px 3px;} #posn1a {top:0px; left:0px;} #posn2a {top:25px; left:0px;} #posn3a {top:50px; left:0px;} #posn4a {top:75px; left:0px;} #posn5a {top:100px; left:0px;} #posn6a {top:125px; left:0px;} #posn7a {top:150px; left:0px;} #posn8a {top:175px; left:0px;} #posn9a {top:200px; left:0px;} #posn1b {top:0px; left:170px;} #posn2b {top:25px; left:170px;} #posn3b {top:50px; left:170px;} #posn4b {top:75px; left:170px;} #posn5b {top:100px; left:170px;} #posn6b {top:125px; left:170px;} #posn7b {top:150px; left:170px;} #posn8b {top:175px; left:170px;} #posn9b {top:200px; left:170px;} #posn1c {top:0px; left:360px;} #posn2c {top:25px; left:360px;} #posn3c {top:50px; left:360px;} #posn4c {top:75px; left:360px;} #posn5c {top:100px; left:360px;} #posn6c {top:125px; left:360px;} #posn7c {top:150px; left:360px;} #posn8c {top:175px; left:360px;} #posn9c {top:200px; left:360px;} #posn1d {top:0px; left:520px;} #posn2d {top:25px; left:520px;} #posn3d {top:50px; left:520px;} #posn4d {top:75px; left:520px;} #posn5d {top:100px; left:520px;} #posn6d {top:125px; left:520px;} #posn7d {top:150px; left:520px;} #posn8d {top:175px; left:520px;} #posn9d {top:200px; left:520px;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/simple_vertical.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* below was highly modified by mp - thanks Stu */ /* Add margin and high z-index */ #menubar {margin:25px 0 100px 0; position:absolute; left:55px; top:80px; width:900px; min-width:900px; height:40px; background-color:none; z-index:10; } /* to lose margin, padding, bullets */ #menus, #menus ul {padding:0; margin:0; list-style-type:none;} /* set link size */ #menus a, #menus a:visited {display:block; width:112px; height:40px; } /* list items */ #menus li {float:left;} /* For Non-IE browsers and IE7 */ #menus li:hover {position:relative;} /* sublevel lists with a position absolute for flyouts and overrun padding. */ #menus li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover */ #menus li:hover > ul {display:block; position:absolute; top:-8px; left:90px; padding:0px 30px 30px 30px; background-color:transparent url(images/spacer.gif); width:112px;} /* Position the first sub level beneath the top level links */ #menus > li:hover > ul {left:-25px; top:35px;} /* get rid of the table */ #menus table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #menus li a:hover {position:relative;} /* next 2 tags for IE5.5 and IE6 ONLY - to make the sublevels appear */ /* change the dd levels from display:none; to visibility:hidden; */ * html #menus li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:21px 30px 30px 30px; background-color:transparent url(images/spacer.gif);} /* make the second level visible when hover on first level link and to position it */ #menus li a:hover ul {visibility:visible; left:-20px; top:14px; lef\t:-31px; to\p:15px;} /* END of dd MENU */