/* _________________________________________________________________________________________________________________________ The Fusion Group Core CSS StyleSheet John Mounsey Jan 2OO5 _________________________________________________________________________________________________________________________ */ BODY { padding-left: 10px; padding-right: 10px; background: #FFFFFF; scrollbar-base-color: #e0e0e0; scrollbar-arrow-color: #505050; } FORM { border: 0px; padding: 0px; margin: 0px; } IMG { border: 0px; } P { color: #000000; font: normal 8pt verdana; } H3 { color: #000000; font: normal 8pt verdana; } A { color: #0075b5; } A:visited { color: #0075b5; } A:hover { text-decoration: none; } H1 { color: #0075b5; font: bold x-small verdana; } UL { margin-bottom: 0px; } OL { margin-bottom: 0px; } LI { font: normal x-small verdana !important; } .bodytext { color: #000000; font: normal 8pt verdana;} .small { color: #000000; font: normal 7pt verdana;} .line { width: 100%; color: #A0CBE2; height: 1px; } .division { height: 3px; background: url(gfx/back/dots.gif) repeat-x; } #roofgrid { border-bottom: 0px solid #0077b6; } #logoslot { background: #FFFFFF; } #logo { } #grid { border-top: 5px solid #a0cbe2; } #band { display: none; background: #000000; color: #FFFFFF; font: bold 8pt verdana; letter-spacing: 10pt; height: 10px; } #ur { width: 285px; background: transparent url(gfx/back/aerial.jpg) right no-repeat; } #bar2 { height: 5px; } #topbar { background: #63aad0 !important; height: 35px; border-top: 3px solid #a0cbe2; border-bottom: 3px solid #137eb8; } #topbar P { color: #24347b !important; } #topbar A { color: #24347b !important; } #topbar A:visited { color: #24347b !important; } #topbar A:hover { color: #24347b !important; text-decoration: none; } #crumbs { width: 100%; padding-left: 10px; padding-right: 10px; margin-top: 10px; color: #0075b5; font: normal 8pt verdana; background: transparent; } #crumbs A:hover { text-decoration: none; } #pullmenuarea { height: 12px; background: bottom url(gfx/back/pullmenuarea.gif) no-repeat; } #searcher { display: normal; } #footgrid { width: 100%; } .content { } .content A:visited { color: #0476b4; } .content STRONG { color: #0476b4; } .content UL { color: #0476b4; list-style-type: square; font: normal 8pt verdana; } .content P,DIV { color: #035889; font: normal 8pt verdana; line-height: 150%; } .dropmenu { background: #d6de7b; width: 190px; font: normal x-small verdana; } /* Home Page unique Styles */ .panel { cursor: hand; color: #bee1dd; padding: 10px; background: #e7f2f7; border-bottom: #0075b5 1px solid; font: normal x-small verdana; } .panelimage { cursor: hand; border-bottom: #0075b5 1px solid; } .panelon { padding: 10px; background: #a0cbe2; border: #a0cbe2 0px solid; border-bottom: #0075b5 1px solid; font: normal x-small verdana; cursor: hand; } .panelon P { color: #0476b4; } .g200 { width: 200px; height: 76px; } .g200t { height: 12px; background: url(gfx/back/g200t.gif); } .g200m { background: url(gfx/back/g200m.gif); } .g200b { height: 12px; background: url(gfx/back/g200b.gif); } .gtable { width: 100%; height: 76px; } .gmid { background: #FAFAF2; color: olivedrab; font: normal xx-small verdana; } .gtl { width: 12px; height: 12px; background: url(gfx/back/gtl.gif) no-repeat; } .gtm { height: 12px; background: url(gfx/back/gtm.gif) repeat-x; } .gtr { width: 12px; height: 12px; background: url(gfx/back/gtr.gif) no-repeat; } .gr { width: 12px; background: url(gfx/back/gr.gif) repeat-y; } .gbr { width: 12px; height: 12px; background: url(gfx/back/gbr.gif) no-repeat; } .gbm { height: 12px; background: url(gfx/back/gbm.gif) repeat-x; } .gbl { width: 12px; height: 12px; background: url(gfx/back/gbl.gif) no-repeat; } .gl { width: 12px; background: url(gfx/back/gl.gif) repeat-y; } .gbase { height: 12px; } /* Core Components of the Page */ #header { width: 100%; height: 40px; background: url(gfx/back/headback.gif) repeat-x #9b9b9b; padding-bottom: 5px; } #heading { width: 230px; height: 40px; } #headl { width: 20px; background: url(gfx/back/headl.gif) #FFFFFF; } #headr { width: 20px; background: url(gfx/back/headr.gif) #FFFFFF; } #sidebaseleft { height: 20px; } #sidebaser { height: 20px; } /* The Search Form Table Etc. */ #find { color: #000000; font: normal 8pt verdana; background: #5a669b; margin-top: 0px; border-bottom: 4px solid #63aad0; } #find TD { height: 22px; } #find A { color: #000000; text-decoration: none; } #find A:visited { color: #000000; } #find A:hover { color: #000000; text-decoration: underline; } #findhead { color: #FF0000; height: 22px !important; letter-spacing: 1px; font: bold 10pt !important; background: url(gfx/back/head.gif) #fde700 !important; } #findhead A { color: #FF0000; text-decoration: none; font: bold !important; } #findhead A:visited { color: #FF0000; font: bold !important; } #findhead A:hover { color: #FF0000; text-decoration: underline; bold !important; } .finditem { background: #FFFFFF; } .findgrid { width: 100px; } .keywords { width: 90px !important; height: 23px; background: #FAFAFC; } .query { width: 200px; margin-right: 5px; } /* LEFT and RIGHT menus */ .menugrid { width: 100%; background: #a0cbe2; } #menu { color: #000000; font: normal 8pt verdana; background: #5a669b; margin-top: 5px; border-bottom: 4px solid #63aad0; } #menu TD { padding: 5px; } #menu A { color: #000000; text-decoration: none; } #menu A:visited { color: #000000; } #menu A:hover { color: #000000; text-decoration: underline; } #menuhead { color: #FF0000; height: 22px !important; letter-spacing: 1px; font: bold 10pt !important; background: url(gfx/back/head.gif) #fde700 !important; padding: 0px !important; } #menuhead A { color: #FF0000; text-decoration: none; font: bold !important; } #menuhead A:visited { color: #FF0000; font: bold !important; } #menuhead A:hover { color: #FF0000; text-decoration: underline; bold !important; } .midsection { } .menuitem { color: #000000; background: url(gfx/back/menuitem.gif) repeat-x #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } .menuitem B,STRONG { color: #0075b5 !important; } .menuitemon { background: lightyellow repeat-x; color: #FF0000; cursor: hand; border-top: 1px solid lightyellow; border-bottom: 1px solid #FFFFFF; } .menuitemon A:link { color: #FF0000 !important; text-decoration: underline !important; } .menuitemon A:visited { color: #FF0000 !important; text-decoration: underline !important; } .menuhi { background: #dff0ee; color: #808080; border-top: 1px solid #b0c1d1; border-bottom: 1px solid #FFFFFF; cursor: wait; } .menuhi A { color: #808080 !important; } .menuhi A:visited { color: #808080 !important; } .menuhi STRONG { color: #808080; } .side { color: #808080; font: normal 8pt verdana; } .sidehead { color: #0075b5; font: x-small !important; line-height: 0pt !important; }} .side P { font: normal 8pt "MS Sans Serif",verdana; line-height: 15pt; } .side TABLE { font: 8pt; } .head { height: 12px !important; } /* Fonts Etc. */ #greeting { color: #FF0000; font: bold x-small verdana; } #date { color: #404040; font: normal x-small verdana; } .date { color: #FFFFFF; font: bold x-small verdana; } .credit { color: #a0cbe2; font: normal 8pt verdana; } .caption { color: #a59b87; font: normal 8pt verdana; } .caption A { color: #a0cbe2; } .caption A:visited { color: #918773; } .tools { color: #a0cbe2; font: normal 8pt verdana; } /* Group menu Styles */ .fusiondrop { width: 180px; font: normal 8pt "MS Sans Serif",verdana; background: #FFFFFF !important; margin-left: 5px; } .fusiondrop OPTION { background: #FFFFFF; } .drophigh { color: #000000; background: #eeeeee !important; } .dropcurrent { color: #000000; background: #a0cbe2 !important; } .form-button { font-family:Arial, Verdana, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; color:#000000; background: #EDEDED; BORDER-RIGHT: #000066 1px solid; BORDER-TOP: #000066 1px solid; BORDER-LEFT: #000066 1px solid; BORDER-BOTTOM: #000066 1px solid; cursor: hand } .button { 2px; color: #505050; font: normal 8pt verdana; height: 22px; border: 1px solid #808080; cursor: hand; background: #FFFFFF url(gfx/back/chrome.gif) repeat-x; padding-left: 2px; padding-right: 2px; } .buttonon { color: #000000; font: normal 8pt verdana; height: 22px; border: 1px solid #000000; cursor: hand; background: #FFFFFF url(gfx/back/chromeon.gif) repeat-x; padding-left: 2px; padding-right: 2px; } .buttonhi { color: #000000; font: normal 8pt verdana; height: 22px; border: 2px solid #000000; cursor: wait; background: #FFFFFF; padding-left: 2px; padding-right: 1px; } .knob { padding-left: 2px; padding-right: 2px; height: 22px; color: #808080; font: normal 8pt verdana; border: 1px solid #808080; cursor: hand; background: #eeeeee url(gfx/back/knob.gif) repeat-x; } .knobon { padding-left: 2px; padding-right: 2px; height: 22px; color: #000000; font: normal 8pt verdana; border: 1px solid #000000; cursor: hand; background: #FFFFFF; } .knobhi { padding-left: 2px; padding-right: 2px; height: 22px; color: #FFFFFF; font: normal 8pt verdana; border: 1px solid #000000; cursor: wait; background: #000000; } /* Article List Styles */ .listgrid { color: #0476b4; width: 100%; background: #0476b4; font: normal x-small verdana; border-bottom: 1px solid #0476b4; } .listgridhead { background: #f7fbfd !important; border-top: 1px solid #FFFFFF; } .listgridslot { background: #FFFFFF; !important; } .listgridslot A { text-decoration: underline; } .listgridslothi { color: #FFFFFF; background: #63aad0; !important; cursor: hand; } .listgridslothi A { color: #FFFFFF; text-decoration: underline; } .listgridslothi A:visited { color: #FFFFFF; } .listgridslothi A:hover { color: #FFFFFF; text-decoration: underline; } /* Article Full Page Styles */ .mainpane { background: #FFFFFF; border-right: 10px solid #FFFFFF; vertical-align: top; font: normal 8pt verdana; } #sidepane { width: 155px !important; background: #e7f2f7 url(gfx/back/prpanel.gif) bottom no-repeat; padding: 10px; vertical-align: top; } .sidefoto { border: 0px; margin-top: 10px; margin-bottom: 0px; } .fotocaption { color: #035889; font: normal 8pt verdana; } .infogrid { color: #318ec1; background: #318ec1; font: normal 8pt verdana; border-bottom: 1px solid #318ec1; } .infogrid TD { background: url(gfx/back/infopane.gif) right top no-repeat #FFFFFF; } /* Extra css */ .hidden { color: #fbe200; } .lead { color: #0089c8 !important; font: normal x-small verdana !important;} .dead { cursor: default !important; } #directory { color: #0089c8; font: bold 8pt verdana !important; padding: 0px; margin-top: 5px; border-collapse: separate; } #directory IMG { margin: 4px; margin-left: 0px; } #directory TD { vertical-align: middle; padding: 0px; border: 0px; } #directory A { font: normal !important; } .Lfoto { margin-right: 10px; } .Rfoto { margin-left: 10px; } .homefotogrid { margin-top: 10px; } .homefotogrid TD { padding-bottom: 5px; } .homefotogrid SPAN { color: #0089c8 !important; font: bold xx-small verdana; } .acrobat { width: 88px; height: 40px; margin: 5,0,31,31; } /* Custom cursors */ .wait { cursor: wait; } .file { cursor: url("/gfx/cursors/file.ico"); } /* Site Specific */ #centres { font: normal 8pt verdana !important; } #centres P { font: normal 8pt verdana !important; } #centres STRONG { color: #cc0000; font: normal 10pt !important; } #hsc0 { } #hsc1 { display: none; } #hsc2 { display: none; } #hsc3 { display: none; } #hsc4 { display: none; } #hsc5 { display: none; } #hsc6 { display: none; } #hsc7 { display: none; } #hsc8 { display: none; } #hsc9 { display: none; } #hsc10 { display: none; } #hsc11 { display: none; } #hsc12 { display: none; }