/****************************** HTML ******************************************/ * { padding: 0; margin: 0; } body { text-align: center; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; /*background-image: url(./images/bg.jpg);*/ background-color: #ffffff; margin-left: 0px; margin-top: 0px; line-height: 1.4; } table { font-size: 12px; } input[type="button"] { color:#339999; padding:2px; cursor:pointer; } input[type="submit"] { color:#339999; padding:2px; cursor:pointer; } INPUT { color: expression((this.type=="button" || this.type=="submit")?'#339999':'black'); cursor: expression((this.type=="button" || this.type=="submit")?'pointer':''); } A:link {text-decoration: none; color: #0099cc} A:visited {text-decoration: none; color: #0099cc} A:active {text-decoration: none; color: #0099cc} A:hover {text-decoration: underline; color: #0099cc} a:active { outline: none; } a:focus { -moz-outline-style: none; } h1 { font-family:georgia; font-size:26; font-weight: normal; } h2 { font-family:georgia; font-size:20; font-weight: normal; } h3 { font-family:georgia; font-size:18; font-weight: normal; } h4 { font-family:georgia; font-size:16; font-weight: normal; color: #0099cc; } h5 { display:inline; margin:0px 0px 0px 0px; } /********************************** Float Fix *********************************/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /****************************** Layout Structure ******************************/ #pagecontainer { margin: 10px 0px 0px 0px; width: 940px; background-color: #e8e8e8; padding:0px; float:center; color:#333333; } #header { float: left; background: #333333; text-align:left; color: #ffffff; padding: 0px; width: 920px; margin: 10px 10px 0px 10px; overflow:hidden; background-image:url(./images/bgheader.jpg); height:50px; } #headercontent { margin: 0px 5px 5px 5px; float:left; width:910px; } #headerlogo { float:left; } #headerright { float:right; margin: 15px 10px 0px 0px; font-size: 10; } #headercenter { float:right; margin: 19px 30px 0px 0px; font-size: 10; } .headerbutton { } #topnav { color: #000000; font-size: 11; float: left; background: #e6e6e6; width: 920px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; text-align:left; overflow:hidden; } #topnavcontent { margin: 5px 5px 5px 5px; width:910px; } #leftnav { float: left; background: #ffffff; width: 920px; border-bottom:none ; margin: 10px 0px 5px 10px; text-align:left; color: #435ea2; } #leftnavcontent { margin: 10px 10px 10px 10px; } #leftnavleft { float:left; width:382px; margin: 0px 10px 0px 0px; color:#333333; } #leftnavright { float:left; } #communitytabs { float:left; width:382px; background-color: #EBEBEB; margin: 5px 0px 0px 0px; } #communitytabsleft { float:left; width:15px; background-image:url(./images/leftedge.jpg); background-repeat: no-repeat; height:30px; } #communitytabsright { float:left; width:15px; background-image:url(./images/rightedge.jpg); background-repeat: no-repeat; height:30px; } #communitytabstext { float:left; width:352px; margin: 0px 0px 0px 0px; font-family: georgia; font-size: 14; color:#333333; } .communitytabsorglogo { float:left; margin: 5px 10px 0px 0px; } .communitytabsorgcontact { float:left; width:220px; margin: 1px 0px 0px 0px; } .communitytabsorgcontactlinks { float:left; margin: 7px 0px 0px 0px; } .communitytab { float:left; margin: 4px 0px 0px 0px; cursor:pointer; } .communitytabsep { float:left; margin: 3px 15px 0px 15px; } .communitytabscontentheading { float:left; width:332px; color:#333333; font-family: georgia; } .communitytabscontentfooter { float:left; width:332px; margin: 10px 0px 0px 0px; } .communitytabscontenttext { float:left; text-align: justify; } #communitytabscontent { float:left; width:362px; margin: 10px 10px 0px 10px; color:#666666; } #advertdiv { float:left; background: #ffffff; width: 920px; color:red; margin: 5px 10px 0px 10px; } #advertdivcontent { margin: 10px 10px 10px 10px; } #navdiv { float:left; background: #ffffff; width: 920px; font-family: georgia; margin: 10px 10px 0px 10px; } #navdivcontent { float:left; width:900px; margin: 10px 10px 10px 10px; } #navdivtoprow { float:left; background: #e8e8e8; margin: 0px 0px 10px 0px; } #navdivbottomrow { float:left; background: #e8e8e8; } .navbut { float:left; color:#ffffff; background-image:url(./images/bgheader.jpg); text-align: center; } .navbutcontent { margin: 8px 8px 8px 8px; } .navsep { float:left; background: #666666; width:1px; max-width: 1; height:18px; margin: 6px 0px 0px 0px; } #body { float:left; text-align:left; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 10px; color:#435ea2; width:690px; background-color: #ffffff; } #bodycontent { margin: 10px 10px 10px 10px; } #adrightdiv { margin: 10px 10px 5px 5px; float:right; width:220px; background-color: #ffffff; } #adrightdivcontent { float:left; margin: 10px 10px 10px 10px; } #adrightdivbreadcrumbs { float:left; margin: 1px 0px 0px 0px; font-size: 9; color:#006699; width:200px; text-align: left; } #adrightdivheading { border-top: 2px solid #000000; margin: 9px 0px 15px 0px; border-bottom: 2px solid #dddddd; float:left; width:200px; } #adrightdivheadingtext { font-size: 18; float:left; font-family: georgia; color:#0099cc; margin: 5px 0px 5px 0px; width:200px; text-align:left; } .adrightdivad { float:left; margin: 0px 0px 10px 0px; } #communitygoldsection { float:left; width: 920px; margin: 0px 10px 0px 10px; background-color: #ffffff; background-image: url(./images/lgb.jpg); background-repeat: no-repeat; background-position: 10 10; } #communitygoldsectioncontent { float:left; margin: 50px 10px 10px 10px; width:910px; text-align: left; } .goldsectionrow { float:left; margin: 3px 0px 3px 0px; width:910px; } .goldsectionrow a:link{color:#0099cc;} .goldsectionrow a:visited{color:#0099cc;} .goldsectionrow a:active{color:#0099cc;} .goldsectionrow a:hover{color:#000000;text-decoration: none;} #communitysections { float:left; width: 920px; margin: 0px 10px 0px 10px; background-color: #ffffff; } #footer { color: #ffffff; float: left; background-color: #333333; font-size: 10; text-align:right; width: 920px; margin: 10px 10px 10px 10px; } #footercontent { margin: 5px 5px 5px 5px } /******************************* Page Heading **********************************/ #pageheading { color: #006699; background-color:red; font-size: 20; text-align:left; font-weight: bold; margin: 0px 0px 0px 0px; } #pageintrotext { float:left; margin: 10px 0px 10px 5px; color: #000000; width:660px; } .pageheadingsection { background-color: #ffffff; color:#333333; margin: 10px 0px 0px 5px; float:left; width:660px; border-top: 2px solid black; border-bottom: 2px solid #dbdbdb; background-repeat: no-repeat; } .pageheadingsectioncontent { margin: 3px 0px 4px 0px; width:660px; float:left; } .pageheadingtext { font-family:georgia; float:left; font-size: 25; margin: 0px 0px 0px 0px; color:#0099cc} .pageheadinglinks { font-family:georgia; float:right; font-size: 17; margin: 6px 25px 0px 0px; background-image: url(./images/bullet_arrow.jpg); background-repeat: no-repeat; background-position: 0 8; padding-left: 12px; } /**************************** Page footer ************************************/ #pagefooter { background-color:red; font-size: 20; text-align:left; font-weight: bold; margin: 10px 0px 0px 0px; float:left; } .pagefootersection { background-color: #ffffff; color:#333333; margin: 20px 0px 0px 5px; float:left; width:660px; border-top: 2px solid black; } .pagefootersectioncontent { float:left; margin: 3px 0px 10px 0px; } .pagefootertext { font-family:georgia; float:left; font-size: 25; margin: 0px 0px 0px 0px; color:#0099cc} .pagefooterlinks { font-family:georgia; float:left; font-size: 17; margin: 0px 0px 0px 0px; background-image: url(./images/bullet_arrow.jpg); background-repeat: no-repeat; background-position: 0 8; padding-left: 12px; width:660px; } #buttonsdiv { margin:5px 0px 10px 0px; width:670; } #logindiv{ background: #ffffff; width:257; padding:75px 0px 5px 0px; background-position: center 10px; background-image:url(./images/loginheader.jpg); background-repeat: no-repeat; } #breadcrumbs { margin: 1px 0px 0px 5px; font-size: 9; color:#006699; } #breadcrumbpretext { color:#cccccc; } /****************************** tooltip ***************************************/ #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 5px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; visibility: hidden; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: normal; color: navy; margin: 3px 8px; cursor:help; font-size:11px } /****************************** Hover Over Nav *******************************/ .hovermenu ul{ font: 13px arial; padding-left: 0; margin-left: 0; height: 22px; } .hovermenu ul li{ list-style: none; display: inline; font-family:georgia; font-size: 16; } .hovermenu ul li a{ padding: 6px 0.5em; padding-left: 14px; padding-right: 14px; text-decoration: none; float: left; color: #333333; border: 0px solid #ffffff; /** background-image: url('./images/bgheaderup.jpg'); **/ } .hovermenu ul li a:link{ color:#333333; /** background-image: url('./images/bgheaderup.jpg'); **/ } .hovermenu ul li a:visited{ color:#333333; /** background-image: url('./images/bgheaderup.jpg'); **/ } .hovermenu ul li a:active{ color:#333333; /** background-image: url('./images/bgheaderup.jpg'); **/ } .hovermenu ul li a:hover{ color:#0099cc; text-decoration: none; /** background-image: url('./images/bgheaderdown.jpg');**/ } .lastbut{ padding-left: 17px; padding-right: 17px; } html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */ border-style: inset; } /****************************** Hover Over buttons *******************************/ .hoverbutton { margin: 30px 0px 0px 0px; } .hoverbutton ul{ font: 13px arial; padding-left: 0; margin-left: 0; } .hoverbutton ul li{ list-style: none; display: inline; } .hoverbutton ul li a{ padding:14px; padding-top: 10px 0.5em; padding-bottom: 10px 0.5em; padding-left:0px; padding-right:0px; width:182px; text-decoration: none; float: left; color: #666666; border: 0px solid #ffffff; /*background-image: url('./images/bgbuttonup.png');*/ margin:0px 10px 0px 0px; text-align: center; font-size:18; } .hoverbutton ul li a:link{ color: #666666; /*background-image: url('./images/bgbuttonup.png');*/ } .hoverbutton ul li a:visited{ color: #666666; /*background-image: url('./images/bgbuttonup.png');*/ } .hoverbutton ul li a:active{ color: #666666; /*background-image: url('./images/bgbuttonup.png');*/ } .hoverbutton ul li a:hover{ color: #666666; text-decoration: none; /*background-image: url('./images/bgbuttondown.png');*/ } html>body .hoverbutton ul li a:active{ /* Apply mousedown effect only to NON IE browsers */ border-style: inset; } /******************************************************************************/ .linediv { height:2; background-image:url(./images/line.jpg); overflow:hidden; width:920; } .logininput { height:18px; width:80px; font-size:11; } .loginbut { height:17px; font-size:11; border: 0px solid red; } .advertisementtext { font-size: 9; letter-spacing: 6; } .tabdivfrontpage{ height:191px; width:350px; color:; } .tabfrontpagecontainer { border:1px solid #ccc; margin-bottom: 0em; background-image:url(./images/grad_tab.jpg); background-position: 10px; padding: 10px 10px 10px 10px; } .tabdivfrontpagecontent { height:165; overflow:auto; } .tabdivheading { color:#435ea2; } .tabdivrowcontent { margin:8px 3px 8px 3px; font-size:11; } .tabdivrowlight{ border-bottom: 1px dotted #333333; color:#435ea2 } .tabdivrowdark{ border-bottom: 1px dotted #333333; color:#333333; } .tabbuttonsdiv{ margin:8px 0px 0px 0px; width:48%; } .tabbuttonsleft{ float:left; text-align: center; } .tabbuttonsright{ float:right; text-align: center; } /********************************** Home Page *********************************/ #homepagecontent { float:left; background-color:#e8e8e8; } .homecolumn1{ float:left; width:340px; } .homecolumn2{ float:left; width:340px; margin: 0px 0px 0px 10px; } .homecolumncontainer { float:left; background-color: #ffffff; width:340px; margin: 0px 0px 10px 0px; } .homecolumncontent { float:left; width:300px; margin: 15px 20px 15px 20px; border-top: 2px solid #000000; } .homecolumncontent a:link{color:#333333;} .homecolumncontent a:visited{color:#333333;} .homecolumncontent a:active{color:#333333;} .homecolumncontent a:hover{color:#0099cc;text-decoration: none;} .homecolumnheading{ font-size: 18; color:#333333; font-family: georgia; width:300px; margin: 5px 0px 4px 0px; } .homecolumnheading a:link{color:#0099cc;} .homecolumnheading a:visited{color:#0099cc;} .homecolumnheading a:active{color:#0099cc;} .homecolumnheading a:hover{color:#000000;text-decoration: none;} .homecolumnbottom{ float:left; width:300px; font-size: 14; color:#333333; font-family: georgia; margin: 5px 0px 0px 0px; border-top: 2px solid black; } .homecolumnbottomleftlink { float:left; width:150; margin: 5px 0px 8px 0px; } .homecolumnbottomrightlink { float:left; width:150; margin: 5px 0px 8px 0px; } .homecolumnbottom a:link{color:#0099cc;} .homecolumnbottom a:visited{color:#0099cc;} .homecolumnbottom a:active{color:#0099cc;} .homecolumnbottom a:hover{color:#000000;text-decoration: none;} .homecolumnsep { height:2px; width:300px; background-color: #dddddd; overflow:hidden; } .homecolumnsepblack { height:2px; width:300px; background-color: #333333; overflow:hidden; } .homeshorttext { color:#1279af; font-size: 11; font-weight: bold; margin: 10px 0px 4px 0px; line-height: 1.2; } .homecolumnempty { float:left; color:#b22222; margin: 10px 0px 10px 0px; width:300px; } .homeshorttextcontent { color:#aaaaaa; font-size: 11; font-weight:normal; margin: 0px 0px 0px 0px; line-height: 1.2; } .homepostedby { font-size: 10; margin: 0px 0px 4px 0px; color: #aaaaaa; } .homecomments { font-size: 10; color: #aaaaaa; margin: 0px 0px 8px 0px; } .homearticle { border-bottom: 1px dotted #aaaaaa; } .homearticlelast { border-bottom: 1px dotted #ffffff; } #homeeventcalendar { float:left; width:300px; margin: 15px 0px 10px 0px; } #homeeventsmonthcontainer { float:left; width:60px; } .homeeventsmonth { float:left; width:55px; margin: 3px 0px 5px 5px; height:24px; } .homeeventscurmonth { background-image: url(./images/bullet_arrow.jpg); background-repeat: no-repeat; background-position: 44 8; } #homeeventslist { float:left; margin: 5px 10px 5px 10px; width:280px; } .eventslistheading { float:left; font-family:georgia; font-size:16px; width:280px; color:#0099cc; border-bottom: 1px dotted #333333; padding:0px 0px 5px 0px; } .homeeventslistrow { float:left; width:280px; margin:3px 0px 3px 0px } .homeeventslistrowtime { float:left; width:70px; margin:0px 0px 0px 0px; color:#333333; } .homeeventslistrowtext { float:left; width:210px; margin:0px 0px 0px 0px; color:#666666; cursor:pointer; } .eventsmonth{ float:left; background-color: #e8e8e8; } .eventscurmonth { background-color: #ffffff; } .eventsmonthtext { float:left; color:#aaaaaa; width:38px; margin: 0px 0px 0px 0px; text-align: center; height:24px; cursor:pointer; border: 1px dashed #aaaaaa; } .noevents { float:left; margin: 10px 0px 10px 0px; color: #b22222; } #calendarcontainer { float:left; margin: 0px 0px 0px 15px; } .eventcalendar { float:left; width:224px; font-family: georgia; } .eventcalendarheading { float:left; width:224px; font-family: georgia; font-size: 18; color:#333333; } .eventcalendardays { float:left; width:224px; } .eventcalendarrow { float:left; width:224px; } .calendardayheadings { float:left; width:28px; margin: 0px 3px 0px 0px; text-align: center; color:#0099cc; } .calendarday { float:left; width:28px; margin: 3px 3px 0px 0px; background-color: #e8e8e8; font-family: verdana; text-align: center; height:22px; cursor:pointer; } .calendarday2 { float:left; width:26px; margin: 1px 1px 1px 1px; background-color: #ffffff; font-family: verdana; text-align: center; height:20px; color:#666666; } .calendardaytoday { background-color: #e8e8e8; } .calendardayeventflag { background-image: url(./images/eventday.png); background-repeat: no-repeat; } .lastmonthdays { color:#dddddd; } /******************************************************************************/ #photocontainer { margin: 5px 0px 0px 0px; } .phototitle { font-size: 16; margin: 5px 5px 5px 0px; width:330px; float:left; } #photo { float:left; margin: 0px 5px 0px 0px; width:330px; } #photodetails { float:left; margin: 0px 5px 0px 0px; width:330px; } .photodetailsrow { float:left; width:330px; } .photodetailsrowheading { float:left; width:100px; font-weight: bold; } .photodetailsrowdata { float:left; } #photolinks { float:left; margin: 10px 0px 0px 0px; } #photocomments { float:left; margin: 10px 0px 0px 0px; width:670px; border-top: 1px dotted #cccccc; } .photolinksrow { width:330px; float:left; } .photocommentrowdark { float:left; background-color: #efefef; width:650px; } .photocommentrowlight { float:left; background-color: #dedede; width:660px; } .commentuser { float:left; margin:8px 0px 0px 8px; width:660px; color:black; } .commenttext { float:left; margin:4px 0px 8px 8px; width:660px; color:#666666; } #addcomment { margin:0px 0px 5px 0px; background-color: #efefef; } /******************************************************************************/ .applicationEntitiesDiv { padding:5px; margin:5px; width:350px; } .bottombuttonsdiv { padding:10px 0px 5px 0px; width:670; } .navitem{ height:21; font-size:12; padding:3px 3px 3px 8px; background-repeat: repeat-x; } /******************************** Links ***************************************/ a.navlink:link {text-decoration:none ;color:black;} a.navlink:active {text-decoration:none ;color:black;} a.navlink:visited {text-decoration:none ;color:black;} a.navlink:hover {text-decoration:none ;color:#42ace0;} a.footerlink:link {text-decoration:none ;color:#42ace0;} a.footerlink:active {text-decoration:none ;color:#42ace0;} a.footerlink:visited {text-decoration:none ;color:#42ace0;} a.footerlink:hover {text-decoration:underline ;color:#42ace0;} a.headerlink:link {text-decoration:none ;color:#42ace0;} a.headerlink:active {text-decoration:none ;color:#42ace0;} a.headerlink:visited {text-decoration:none ;color:#42ace0;} a.headerlink:hover {text-decoration:underline ;color:#42ace0;} a.readmore:link {font-size: 10;color:red;} a.readmore:active {font-size: 10;color:red;} a.readmore:visited {font-size: 10;color:red;} a.readmore:hover {font-size: 10;color:red;} /************************************* Footer *********************************/ #footerleft { float:left; } #footerright { float:right; } .warndiv { color:#b22222} .successdiv { margin: 5px 0px 0px 0px; color:#339933} .validationerror { float:left; margin: 10px 0px 10px 5px; color: #000000; width:660px; } .infodiv { color:#339999} .shackheading { font-size: 15; font-weight: bold; color:#42ace0; } .centerFloat { float:center; } .editpart { background: #eeeeee; padding:5px; margin: 0px 0px 5px 0px; float:left; } .editparttitle { width:150; float:left; } .editpartcontent { width:450px; float:left; } .editpartbuttons { float:left; } .showdiv { border-style: solid; border-width: 1; border-color: red; } /****************************** Forum *********************************/ .forumitem{ font-size: 16; } #forum { color:#0099ff; margin: 13px 0px 15px 3px; float:left; width:664px; } #forumcontent { margin: 10px 5px 15px 20px; font-size: 18; float:left; width:637px; } #forumlist { margin: 10px 0px 10px 0px; font-size: 10; float:left; color:#333333; } #forumlist a{ color:#333333; font-size: 12; } .forumrow { border: 1px dotted #999999; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; width:620px; } .forumrowcontent { margin: 5px 0px 5px 0px; color:#0099ff; } .forumrowdetails { color:#999999; } .forumtopic { color:#666666; margin: 13px 0px 0px 5px; float:left; width:660px; } .forumtopicheading { width:660px; margin: 0px 0px 0px 0px; font-size: 11; float:left; } .forummetadetails { width:140px; margin: 0px 0px 0px 0px; font-size: 12; float:left; } .forumpostdetails { width:520px; margin: 0px 0px 0px 0px; font-size: 12; float:left; } .forumheading { width:520px; margin: 0px 0px 0px 0px; font-size: 16; float:left; color:#0099cc} .forumbodytext { width:518px; margin: 6px 0px 0px 2px; font-size: 12; float:left; color:#333333 } .forumpostdate { float:left; margin: 2px 0px 0px 5px; color:#333333; font-size:11; width:130px; } .forumpostedby { float:left; margin: 8px 0px 0px 2px; color:#333333; font-size:11; width:130px; } .forumlinks { float:left; margin: 8px 0px 0px 2px; color:#333333; font-size:11; width:500px; } .forumbuttons { width:660px; margin: 0px 0px 0px 0px; float:left; } .forumpadding { margin: 5px 5px 5px 5px; } .forumrowsep { margin: 13px 0px 0px 5px; float:left; width:660px; overflow:hidden; height:2px; background-color: #cccccc; } .forumcommentheading { width:520px; margin: 0px 0px 0px 0px; font-size: 16; float:left; color:#cccccc; font-style: italic; } .forumuserdetails { float:left; width:100px; } .forumcommentcontent { float:left; color:#333333; background-color: #f2f2f2; margin: 0px 0px 0px 0px; width:562px; } .forumpadding { margin: 5px 5px 5px 5px; } /****************************** Search ****************************************/ #searchdiv { background-color: #f2f2f2; color:#0099ff; margin: 13px 0px 15px 3px; float:left; width:664px; border: 1px solid #cccccc; } #searchdivcontent{ margin: 10px 5px 15px 20px; font-size: 18; float:left; width:637px; } .searchrow{ font-size: 10; float:left; margin:5px 0px 0px 0px; } .searchrowtext { float:left; width:150px; margin:3px 0px 0px 0px; } .searchrowfield { float:left; width:350px; } .noresults { margin: 20px 0px 0px 0px; float:left; width:637px; color:#b22222} /****************************** News ******************************************/ #newsdiv { color:#0099ff; margin: 0px 0px 0px 5px; float:left; width:660px; font-family:georgia; } #newsdivcontent { margin: 0px 0px 0px 0px; float:left; width:637px; } .newsrow { border: 2px solid #dbdbdb; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; width:660px; } .newsrowcontent { margin: 15px 0px 15px 0px; color:#666666; font-family:verdana; font-size:11; } .newsrowtitle a { margin: 15px 0px 0px 0px; color:#333333; font-family:georgia; font-size: 16; } .newsrowtitle { color:#333333; margin: 0px 0px 5px 0px; font-family:georgia; font-size: 16; } .newsrowdate { color:#0099cc; font-family:verdana; font-size:10; margin: 0px 0px 5px 0px; } .newsrowcomments { color:#0099cc; font-family:verdana; font-size:10; margin: 5px 0px 5px 0px; } .newsrowtitle a:link {text-decoration: none; color: #333333} .newsrowtitle a:visited {text-decoration: none; color: #333333} .newsrowtitle a:active {text-decoration: none; color: #333333} .newsrowtitle a:hover {text-decoration: underline; color: #333333} .newsdate { color:#666666; font-family:verdana; font-size:11; } .newsmember { margin: 5px 0px 0px 0px; color:#666666; } .newsheadings { color:#666666; font-weight: bold; width:80px; } #newsgallery { float:left; margin:10px 0px 0px 0px; width:620px; } .newstitle{ font-size:16; color:#333333; font-family:georgia; font-style: italic; margin:0px 0px 10px 0px; } /****************************** Articles **************************************/ #articlecontainer { float:left; width:660px; color:#666666; font-family: verdana; margin: 0px 0px 20px 5px; } .articledescription { float:left; width:640px; margin: 20px 10px 0px 10px; } .articlephotos { float:left; width:620px; margin: 20px 20px 0px 20px; } .articledownloadbutton { float:left; width:620px; margin: 20px 20px 0px 20px; } .articledetails { float:left; width:620px; margin: 20px 20px 0px 20px; } .articledetailsrow { float:left; width:620px; margin: 2px 0px 2px 0px; } .articledetailsrowheading { float:left; width:120px; color:#333333; font-weight:bold; margin: 0px 0px 0px 0px; } .articledetailsrowtext { float:left; width:500px; margin: 0px 0px 0px 0px; } .articleimagecount { float:right; margin: 0px 20px 0px 0px; font-size:12; } /****************************** Events ****************************************/ #eventdiv { color:#0099ff; margin: 0px 0px 0px 5px; float:left; width:660px; font-family:georgia; } #eventdivcontent { margin: 0px 0px 0px 0px; float:left; width:637px; } .eventrow { float:left; border: 1px dotted #dbdbdb; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; width:660px; } .eventrowcontent { float:left; margin: 15px 0px 15px 0px; color:#666666; font-family:verdana; font-size:11; } .eventrowtitle a { margin: 15px 0px 0px 0px; color:#333333; font-family:georgia; font-size: 16; } .eventrowtitle { float:left; color:#333333; margin: 0px 0px 5px 0px; font-family:georgia; font-size: 16; } .eventrowdetails { float:left; width:660px; } .eventrowdetailsheading { float:left; color:#333333; margin: 0px 0px 5px 0px; width:120px; } .eventrowdate { color:#0099cc; font-family:verdana; font-size:10; margin: 0px 0px 5px 0px; } .eventrowcomments { color:#0099cc; font-family:verdana; font-size:10; margin: 5px 0px 5px 0px; } .eventrowtitle a:link {text-decoration: none; color: #0099cc} .eventrowtitle a:visited {text-decoration: none; color: #0099cc} .eventrowtitle a:active {text-decoration: none; color: #0099cc} .eventrowtitle a:hover {text-decoration: underline; color: #0099cc} .eventdate { color:#666666; font-family:verdana; font-size:10; } .eventmember { margin: 5px 0px 0px 0px; color:#666666; } .eventheadings { color:#666666; font-weight: bold; } #eventgallery { float:left; margin:10px 0px 0px 0px; width:620px; } .eventtitle{ font-size:16; color:#333333; font-family:georgia; font-style: italic; margin:0px 0px 10px 0px; } /****************************** Organisations *********************************/ #orgmembers { background-color: #f2f2f2; color:#0099ff; margin: 13px 0px 15px 3px; float:left; width:660px; border: 1px solid #cccccc; } #orgcontent { margin: 10px 5px 15px 20px; float:left; width:637px; color: #000000; } #orglist { margin: 10px 0px 10px 0px; font-size: 10; float:left; color:#333333; } #orglist a{ color:#333333; font-size: 12; } #orghead { float:left; width:630px; font-size: 11; margin: 0px 0px 20px 0px; } #orgbody { float:left; font-size: 11; width:630px; margin: 10px 0px 10px 0px; } #orgcontactinfo { float:left; width:450px; margin: 0px 0px 0px 0px; } #orglogo { float:left; margin:5px 0px 0px 0px; width:180px; } .orgsectionheading { float:left; font-size: 18; font-family: georgia; width:630px; } #orgdesc { float:left; margin: 0px 0px 0px 0px; font-size: 11; } #orgdesctagline { float:left; margin: 0px 0px 10px 0px; width:630px; color:#000000; } #orgdesctext { float:left; margin: 0px 0px 10px 0px; width:630px; color:#666666; } #orgnews { float:left; width:630px; margin: 20px 0px 0px 0px; font-size: 11; } .orgnewsrow { float:left; width:480px; margin: 5px 0px 0px 0px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px; } .orgnewsrowdate { float:left; width:110px; margin: 0px 0px 0px 0px; } .orgnewsrowtext { float:left; width:370px; margin: 0px 0px 0px 0px; } #orgmap { float:left; width:630px; margin: 10px 0px 0px 0px; font-size: 11; } .orgtitle { font-weight: bold; margin: 0px 0px 5px 0px; font-size: x-small; } .orgcontactrow { float:left; } .orgcontactrowtitle { float:left; width:100px; margin: 5px 5px 0px 5px; font-weight: bold; } .orgcontactrowtext { float:left; width:215px; margin: 5px 5px 0px 5px; word-wrap: break-word; } #orgbanner { float:left; font-size: 10; margin: 10px 0px 10px 0px; width:630px; } #orgladderad { float:left; font-size: 10; margin: 10px 0px 10px 0px; width:630px; } .rowlight { float:left; } .rowdark { float:left; } .listfilter { float:right; font-size: 10; color:#999999; margin: 2px 20px 0px 0px; } .orgrow { border: 1px dotted #999999; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; width:620px; } .orgrowcontent { margin: 5px 0px 5px 0px; color:#0099ff; } #goldmembers { background-color: #ffffc6; color:gold; margin: 13px 0px 0px 3px; float:left; width:660px; border: 1px solid #cccccc; } #goldmemberscontent { margin: 10px 5px 15px 20px; font-size: 18; float:left; width:633px; } #goldbusinesslist { margin: 10px 0px 10px 0px; font-size: 10; float:left; color:#333333; } #goldbusinesslist a{ color:#333333; font-size: 12; } .goldbusinessrow { border: 1px dotted #999999; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; width:620px; } .goldbusinessrowcontent { margin: 5px 0px 5px 0px; color:#e1a900; } .verifieddate { font-size: 10; margin: 0px 0px 10px 0px; } /****************************** Tables ****************************************/ .tablecontainer { border: 1px solid #dddddd; margin: 0px 0px 0px 0px; background: #ebebeb; padding:10; float: left; background: #ebebeb; text-align:left; padding: 0px; } .tablerowlight { padding:10; float: left; background: #ebebeb; text-align:left; padding: 5px; margin: 0px 0px 0px 0px; } .tablerowdark { float: left; background: #eeeeee; text-align:left; padding: 5px; margin: 0px 0px 0px 0px; } .tablerowtext { color: #339999; float:left; padding: 5px; } .tablerowbuttons { color: #006699; float:right; } .resultscount { color: #339933; font-size: 10; margin: 0px 0px 5px 0px; } /********************************* Colours ************************************/ .greencolor { color:#83ae00; } .redcolor { color:#cc0000; } .yellowcolor { color:yellow; } .orangecolor { color:#ff6600; } .bluecolor { color:#0099cc; } /********************************* Form ***************************************/ .formdiv { margin: 5px 0px 0px 0px; background: #ebebeb; padding:10px; float: left; text-align:left; } .formheadingtab{ /*background: #1279af;*/ width:580px; font-family:georgia; color:#1279af; padding:5px 0px 5px 8px; text-align: left; font-size: 18; margin:5px 0px 0px 0px; } .formrowlight { color:black; font-size:11; background: #f7f7f7; padding:5px 0px 5px 10px; border-top: 1px solid white; float:left; width:660px; } .formrowdark { color:black; font-size:11; background: #efefef; padding:5px 0px 5px 10px; border-top: 1px solid white; float:left; width:660px; } .formheading { margin: 2px 0px 0px 0px; float:left; width:200px; } .formfield { float:left; width:400px; } .formhelpdiv { margin: 0px 0px 0px 0px; float:left; width:35px; cursor:help; } .formtandc { margin: 20px 0px 0px 0px; float:left; width:600px; } .formbuttons { margin: 10px 0px 0px 0px; float:left; width:400px; } /*********************************** Cursor ***********************************/ .cursorpointer { cursor:pointer; } /********************************* Address ************************************/ .addressdisplaydiv { color:#339999; cursor:pointer; } /********************************* Highslide Forms ****************************/ .hs_form { margin:10px 10px 10px 10px; } .hs_text_input{ width:280px; padding:3px; height:27px; border: solid 2px #DFDFDF; background:#EEE; outline:none; color: #6f6f6f; } .hs_textarea_input{ padding:3px; border: solid 2px #DFDFDF; background:#EEE; outline:none; color: #6f6f6f; } /************************************ Lightbox ********************************/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }