/* --------------------------------------------------------------------- Cairngorms Chamber of Commerce www.cairngormschamber.com March 2006 --------------------------------------------------------------------- Keith Bateman CTC Web Design, PO Box 293, Sydney 2021 ctcwebdesign.com.au --------------------------------------------------------------------- */ /* ELEMENTS */ BODY { margin-left : 5px; font : 0.9em "Trebuchet MS",sans-serif; } H1 { margin-top : 10px; font-size : 1.6em; margin-bottom : 15px; } H2 { margin-top : 10px; font-size : 1.4em; margin-bottom : 10px; } H3 { margin-top : 10px; font-size : 1.2em; margin-bottom : 10px; } H4 { margin-top : 10px; font-size : 1em; margin-bottom : 10px; } P, H1, H2, H3 , H4, H5 { margin-left : 5px;margin-right:5px; } TABLE {font : 12px "Trebuchet MS",sans-serif; color:black; background-color : #BDB76B; padding : 10px; border-left-color : green; border-bottom-color : green; margin : 20px; width : auto; border-top-style : inset; border-top-color : green; border-right-style : inset; border-left-style : inset; border-right-color : green; border-bottom-style : inset; } TH { font-size : 12px; vertical-align : top; color:black; background-color : silver; padding : 2px; } TD { font-size : 12px; vertical-align : middle; color:black; background-color : #EEE8AA; padding-right : 10px ;padding-left:10px; } TD.p { margin-left : 5px; line-height : 10px; } TD.right, TH right{ text-align : right; } TD.left, TH.left{ padding-left:10px;text-align : left; } TD.highlight{ color: #000033;font-weight:bold;background-color : #99cc99; } A.highlight{;font-weight:bold;background-color : #99cc99; } LI { margin-top:8px;} HR { color : teal;background-color : #99cc99; border : thin ridge Gray; height:1px;margin-top:12px;margin-bottom:12px; } IMG { border-right : 0px; border-top : 0px; border-left : 0px; border-bottom : 0px; } A:link { text-decoration : none; background-color: transparent; } A:visited { text-decoration : none; background-color: transparent; } /* menu page - tables with links forming a menu */ #menupage A { background-color: #DEE0D5; width : auto; height : 25px; border-top : 1px solid #EDEEE8; border-bottom : 1px solid #BCBEB1; padding : 0px 10px 0px 10px; color : #6F8282; text-decoration : none; display : block; text-align : left; letter-spacing : 1px; font : bold 12px/25px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #menupage A:hover{ background-color: #66CC33; border-top : 1px solid #EDEEE7; border-bottom : 1px solid #BCBEB5; color : Black; text-decoration : none; display : block; text-align : left; letter-spacing : 1px; font : bold 12px/25px Verdana, Arial, Helvetica, sans-serif; } #menupage table{color:black; background-color:#FFEBCD; } #menupage TD{ color:black;border:none;padding:0px; background-color:#FFEBCD} /* Page navigation - never displayed - for usability purposes */ .pagenav { display : none; } /* Invisible pictures - to enable picture-loading on the 'rotating images' sets on-the-fly if they are not already loaded */ .hiddenPic { display : none; } /* Top of pages section */ #cccwords { position:absolute; top:2px; left:10px; font-size:13px; color:green; background-color : white;font-weight:bold;} .problem { font-weight:bold;color:red; } /* Logo positioning */ #logo { z-index : 5; left : 5px; position : absolute; top : 25px;height:92px;width:151px; } /* positioning and style of time/date */ #time { font-size : 13px; left : 600px; color : green; position : absolute; top : 3px; background-color:white;} #topimage { left : 5px; width : 793px; position : absolute; top : 50px; height : 55px; z-index : 6; } /* Main menu buttons - Business, Visitors, Community, Members, Register, Log in */ #menu { font-weight : bold; font-size : 14px; left : 155px; width : 643px; position : absolute; top : 25px; height : 25px; background-color: gray;color:white;} #menu A:link { color : white; text-decoration : none;background-color: gray;} #menu A:visited { color : white; text-decoration : none; background-color: gray;} /* Each main menu button is a layer within the #menu layer above */ #menubutton1 { left : 0px; width : 100px; position : absolute; top : 5px; text-align : center; } #menubutton2 { left : 113px; width : 100px; position : absolute; top : 5px; text-align : center; } #menubutton3 { left : 226px; width : 100px; position : absolute; top : 5px; text-align : center; } #menubutton4 { left : 337px; width : 100px; position : absolute; top : 5px; text-align : center; } #menubutton5 { left : 448px; width : 100px; position : absolute; top : 5px; text-align : center; } #menubutton6 { left : 559px; width : 100px; position : absolute; top : 5px; text-align : center; } #menubutton7 { left : 559px; width : 100px; position : absolute; top : 5px; text-align : center; } #menubutton7 A.logout {color:red; background-color : white; padding:3px;} A.menubutton { border-right : gray thin groove; border-top : gray thin groove; font-weight : bold; border-left : gray thin groove; line-height : 90%; margin-right : 10px; border-bottom : gray thin groove; background-color: #8fbc8f; color:black; padding : 3px; } /* Rotating images - banks of images, randomly selected each time page loaded */ #rotatingbusiness{ position : absolute; top : 0px; left : 151px; } #rotatingflorafauna{ position : absolute; top : 0px; left : 258px; } #rotatinghistory{ position : absolute; top : 0px; left : 365px; } #rotatinglandscapes{ position : absolute; top : 0px; left : 472px; } #rotatingactivities{ position : absolute; top : 0px; left : 579px; } #rotatingwhisky{ position : absolute; top : 0px; left : 686px; } /* general button - used for uploading KMZ file (update) and view/edit/Issue new password (admin) */ A.button { font-weight : bold; font-size : 12px; border-left : white thin groove; line-height : 14px; margin-right : 10px; border-bottom : white thin groove; background-color: #DCDCDC; color:blue;padding : 0px 5px 0px 5px;} /* Button used for deletions - admin section */ A.deletebutton {font-size:12px;font-weight:bold;color : #DCDCDC; line-height : 12px; margin-right : 10px; background-color: Red; padding : 0px 5px 0px 5px; } /* Submenu sits between page content and rotating images section */ A.submenubutton { font-weight : bold; color : white; line-height : 100%; padding-top : 3px;margin-left:5px; margin-right:5px; background-color: #8fbca8; } A.submenubutton:hover { font-weight : bold; color : #004000; margin-left:5px; margin-right:5px;background-color: #8fbca8; } /* on-page button identifies the page being displayed */ .buttonon { border-right : medium none; border-top : medium none; font-weight : bold; border-left : medium none; color : #004000; line-height : 100%; border-bottom : medium none; padding : 3px; margin-left:5px; margin-right:5px;background-color: #8fbca8; } /* Page titles */ #pagetitle { left : 5px; width : 793px; color : #004000; border-bottom : teal inset; position : absolute; top : 115px; height : 25px; z-index : 11; font : bold 14px/25px Arial, sans-serif; background-color: #8fbca8; } /* content section */ #content { font-size : 14px; left : 5px; width : 793px; position : absolute; top : 150px; background-color: #99cc99;padding-top:20px; } #homebutton { font-size : 12px; left : 15px; position : absolute; top : 150px; background-color: #99cc99;z-index:2;} #quickfind{ position:absolute; top : 150px; width : 200px; margin-left:530px; z-index:20; } #quickfind select{color:black; background-color : #99FF66;font-size:12px; } #quickfind option.dropdownmain{font-weight:bold;color:black; background-color : #FFFFCC; } #quickfind option.dropdownsub{color:black; background-color : white;font-size:95%; font-weight : normal; } #search{ position:absolute; top : 1px; width : 160px; margin-left:620px; z-index:0; } #go{ position:absolute; top : 1px; width : 160px; margin-left:750px; z-index:0; } #search input{ font-size:11px; } /* Special front page styles */ #fptopimage { left : 5px; width : 793px; position : absolute; top : 50px; height : 200px; z-index:1} #fptext { position:absolute; top : 220px; width : 793px;font-size : 21px; color : #fffffe; text-align : center; z-index:10; } #fpcontent { left : 5px; width : 793px; position : absolute; top : 250px; height : 330px; } #locationmap { position:absolute; top:270px; left:50px; height:191px; width:150px; background-image : url(../images/maps/location.gif);z-index:8; } #column1 { width : 200px; position : absolute;top:252px; height : 310px;color:black; background-color : #99cc99;z-index:6; } #addressblock{ position:absolute; top:425px; left:10px; height:130px; width:190px; background-color : #99cc99;z-index:7; font-size:14px; color:#8B4513;} #column2 { width : 383px; position : absolute;top:252px; left:210px; height : 310px; color:black; background-color : #99cc99;} #column2text{ position:absolute; top:260px; left:220px; height:310px; width:360px; background-color:transparent; font-size:13px; } #column2text P:first-letter, #column3text P:first-letter {font-size : 18px; color : #000066;background-color : #99cc99;Font-Family : "Trebuchet MS",Verdana, sans-serif; } #column2text P{width:350px;} #column3 {width : 200px; position : absolute;top:252px; left:598px; height : 310px; color:black; background-color : #99cc99;font-size:13px;} #column3text{ position:absolute; top:260px; left:608px; height:302px; width:170px; color:black; background-color : #99cc99;font-size:13px;} #column3text P{width:170px;} #notfoundmessage {top:100px; height:200px; width:360px; background-color:#99CC99;font-size:13px; overflow:auto;} #fpfooter {position:absolute;top:565px; width : 793px; height : 20px; background-color: #DCDCDC; text-align:center;font-size:11px;color:black;font-weight:bold;} #validhtml{position:absolute;top:600px; margin-left:5px;z-index:3; } #validcss{position:absolute;top:635px;margin-left:5px;z-index:3; } #fundingHighlandCouncil{position:absolute;top:600px; left:420px;z-index:3;} #fundingcnpa{position:absolute; top:600px;left:120px;z-index:3; } #fundingleader{position:absolute; top:600px;left:320px;z-index:3; } #design{position:absolute;top:600px; left:600px;width:185px;font-size:10px; padding:4px;line-height:12px; background-color : #E6E6FA;z-index:3; color:black;} #acknowledgements{position:absolute;top:595px; left:0px;width:798px; height:80px; background-color : #F5F5F5;z-index:1; color:black; } /* Layer for displaying businesses visited during the current session */ #visited{color:black;position:absolute;top:50px;height:52px;background-color: #99cc99;width:322px;margin-left:471px;padding-top:15px; z-index:9;overflow:auto; } #visited A:link.visit,A:hover.visit,A:visited.visit{ color : #003399; font-size : 13px;background-color:#99cc99} #visited table{ color:black;padding : 0px 5px 0px 5px; border:none;margin:0px;background-color:#99cc99} #visited td{ color:black;padding : 0px 5px 0px 5px; border:none;background-color:#99cc99} #visitedtitle{ color:black;position : absolute; top : 50px; left : 485px;width:260px; z-index : 10; font-size : 14px; height : 15px; background-color: #99cc99; } /* layer for events listings, specifically table */ #eventslist table{width:700px;} #eventslist td{width:800px;} td.eventhighlight {font-size:14px;font-weight:bold;} td.border1 {border: thin solid gray;padding:3px;} /* Layer for sitemap page */ .level1{ font-size:18px; padding:5px;color:black;background-color:#66CDAA;font-weight:bold; border : medium double #228B22;} .level2{ font-size:16px;padding-left:5px; color:black; background-color : #DCDCDC;font-weight:bold; border : thin solid #228B22; } .level3{ font-size:13px;padding-left:25px; color:black;background-color : #F0FFFF;font-weight:bold; } .level4{ font-size:11px;padding-left:45px; color:black;background-color : #CCFFCC;font-weight:bold; } .explain { font-weight : bold; font-size : 14px; margin : 10px 0px 0px 25px; color : #004000;background-color: #99cc99; } .indent { margin : 5px; } .nowrap { white-space : nowrap; } .hide { display:none;} #printnote{ display:none; } #errors { font-weight : bold; font-size : 14px; z-index : 12; left : 100px; color : red; top : 110px; background-color:#99cc99; } #footerspacerq { height : 5px; background-color: #F5F5F5; color:black; } #footer {width : 793px; height : 20px; color:black;background-color: #DCDCDC; text-align:center;font-size:11px;font-weight:bold;} #footer a{ color:black;height:20px;background-color : #DCDCDC;} #footer a:hover{ color:Navy; background-color : #DCDCDC; } .linecolour1{ color:black;background-color : #F2F9E6;padding:3px; } .linecolour2{ color:black;background-color : #CAE494;padding:3px;} /* Used to highlight text in writing rules */ .eg{ color: #000099;font-weight:bold;background-color:#99cc99; } /* Directors and staff table class */ .directors { width:450px; } .noborder {border:none;}