/****************************** 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; }