/*----------styles first created by XX mm/yyyy----------*/

/*----------start default styles to normalise settings----------*/
html {text-align:center;}
body {margin: 0 auto; text-align:center; width:1050px;}


/* default styles */


body, table, td, tr, p, ul, ol, li {font:12px arial, verdana, sans-serif; color:#4b5552;}

.clsNormal, .clsAltNormal {font:12px arial, verdana, sans-serif; color:#4b5552;}

.clsAltNormalOneSmaller {font:11px arial, verdana, sans-serif !important; color:#4b5552 !important;}

.fLeft { float: left; }
.fRight { float: right; }
}

.tblContentTD2 {height:100% !important;}

/* default link styles */

a, a:link, a:visited, a:active {font:12px arial, verdana, sans-serif; color:#cd5627; text-decoration:none;}
a:hover, a:focus {font:12px arial, verdana, sans-serif; color:#cd5627; text-decoration:underline;}

/* default heading styles */

h1 {font:bold 17px arial, verdana, sans-serif; color:#231f22; padding:0px; margin:20px 20px 20px 20px;}  
h2 {font:bold 15px arial, verdana, sans-serif; color:#231f22; padding:0px; margin:0px 20px 20px 20px;}
h3 {font:bold 14px arial, verdana, sans-serif; color:#231f22; padding:0px; margin:0px 20px 20px 20px;}
h4 {font:bold 13px arial, verdana, sans-serif; color:#231f22; padding:0px; margin:0px 20px 20px 20px;}
h5 {font:bold 13px arial, verdana, sans-serif; color:#231f22; padding:0px; margin:0px 20px 20px 20px;}
h6 {font:bold 12px arial, verdana, sans-serif; color:#231f22; padding:0px; margin:0px 20px 20px 20px;}


/*----------start admin menu styles----------*/

table#topAdminMenuRight {background-color:#000000; width:132px; height:30px;}
table#topAdminMenuRight td {padding:0px 12px 0px 12px; font:11px arial, verdana, sans-serif; color:#ffffff;}
table#topAdminMenuRight a,
table#topAdminMenuRight a:link,
table#topAdminMenuRight a:active,
table#topAdminMenuRight a:visited {font:12px arial, verdana, sans-serif; color:#ffffff;}

table#topAdminMenuRight a:hover,
table#topAdminMenuRight a:focus {font:12px arial, verdana, sans-serif; color:#cd5627; text-decoration:underline;}


/*----------start styles for site banner area----------*/

table#banner {width:100%; background-color:#1b181a;}

table#banner td {padding:5px 12px;}

table#banner td#bannerLeft {}

table#banner td#bannerRight {text-align:right;}


/*----------start top menu styles----------*/

/* article to left of top menu */

table#topMenuLeft {background-color:#146837; width:220px; height:35px;}
table#topMenuLeft td {padding:0px 0px 0px 0px; width:220px; height:35px;}

#TableTopNavBar {background-color:#FFFFFF; height:30px; background-image:url(/images/UserUploadedImages/Menu-bg.jpg);background-repeat:repeat-x;}
 
/* styles for level 1 */
#TableTopNavBar .CMLevel1,
#TableTopNavBar .CMLevel1Selected {height:36px;  width:auto !important;float:left;  }
#TableTopNavBar .CMLevel1 .text {font-size:11px !important; font-weight:bold; background-color:transparent; width:auto !important; float:left;  padding:8px 8px 6px 5px !important; height:16px !important; color:#084b42;}
#TableTopNavBar .CMLevel1:hover .text,
#TableTopNavBar .CMLevel1:focus .text {font-size:11px !important; font-weight:bold;background-color:transparent; width:auto !important; float:left;  padding:8px 8px 6px 5px !important; height:16px !important; color:#084b42; text-decoration:underline;}
#TableTopNavBar .CMLevel1Selected .text {font-size:11px !important;font-weight:bold; background-color:transparent; width:auto !important; float:left;  padding:8px 8px 6px 5px !important; height:16px !important; color:#084b42;} 
/* styles for level 2 */

#TableTopNavBar .CMLevel2,
#TableTopNavBar .CMLevel2Selected {height:30px; border-bottom:1px solid white;}
#TableTopNavBar .CMLevel2 .text {font-family:"arial";font-size:12px !important; background-color:#3b7c5c;font-weight:bold; padding:8px 5px 6px 5px !important; width:220px; height:20px !important; min-height:auto!important; color:#ffffff;}
#TableTopNavBar .CMLevel2:hover .text,
#TableTopNavBar .CMLevel2:focus .text {font-family:"arial";font-size:12px !important;font-weight:bold; background-color:#3b7c5c; 8px 5px 6px 5px !important; width:220px;height:20px !important;  min-height:auto!important;color:#fcc852;}
#TableTopNavBar .CMLevel2Selected .text {font-family:"arial";font-size:12px !important;font-weight:bold; background-color:#3b7c5c; padding:8px 5px 6px 5px !important; width:220px; height:20px !important;  min-height:auto!important;color:#fcc852;}

/* styles for level 3 */

#TableTopNavBar .CMLevel3,
#TableTopNavBar .CMLevel3Selected {height:30px; border-bottom:1px solid white;}
#TableTopNavBar .CMLevel3 .text {font-family:"arial";font-size:12px !important; background-color:#48916d;font-weight:bold; padding:8px 5px 6px 5px !important; width:180px; height:35px !important; min-height:auto!important; color:#ffffff;}
#TableTopNavBar .CMLevel3:hover .text,
#TableTopNavBar .CMLevel3:focus .text {font-family:"arial";font-size:12px !important;font-weight:bold; background-color:#3b7c5c; padding:8px 5px 6px 5px !important; width:180px; height:35px !important;  min-height:auto!important;color:#fcc852;}
#TableTopNavBar .CMLevel3Selected .text {font-family:"arial";font-size:12px !important;font-weight:bold; background-color:#3b7c5c; padding:8px 5px 6px 5px !important; width:180px; height:35px !important;  min-height:auto!important;color:#fcc852;}
 
/* styles for level 4 */

#TableTopNavBar .CMLevel4,
#TableTopNavBar .CMLevel4Selected {height:30px; border-bottom:1px solid white;}
#TableTopNavBar .CMLevel4 .text {font-size:12px !important; background-color:#999999; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#ffffff;}
#TableTopNavBar .CMLevel4:hover .text,
#TableTopNavBar .CMLevel4:focus .text {font-size:12px !important; background-color:#999999; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#cd5627;}
#TableTopNavBar .CMLevel4Selected .text {font-size:12px !important; background-color:#999999; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#cd5627;}

/* article to right of top menu */

table#topMenuRight {background-color:#999999; width:120px; height:30px;}
table#topMenuRight td {padding:0px 5px 0px 0px;}




/*----------start styles for breadcrumbs and print friendly area----------*/

/* styles for the breadcrumb */

table#breadPrint {width:100%; margin:20px 0px; height:22px;}

table#breadPrint td#breadcrumbMargin {padding:0px 20px; text-align:left;}

table#breadPrint td#printMargin {padding:0px 0px 0px 20px; text-align:right; width:22px;}

table#breadPrint td#printMargin img {vertical-align:middle;}

table#breadPrint td#sizeMargin {padding:0px 20px 0px 0px; text-align:right; width:46px;}

table#breadPrint td#sizeMargin img {margin-left:1px; vertical-align:middle;}


/*----------start styles for main content area----------*/

.tblContentTD1 p {font:11px verdana, arial, sans-serif;  text-align: left !important; text-align: left !important; color:#084b42; padding:0px; margin:0px 20px 20px 20px; line-height:125%;}


/*----------start styles for right panel----------*/

.tblContentTD2 h3, .tblContentTD2 h4, .tblContentTD2 h5, .tblContentTD2 h6 {font:bold 11px verdana, arial, sans-serif;color:#084b42; padding:0px; margin:0px 20px 20px 20px; line-height:125%; background-color:#ffffff;}

.tblContentTD2 p {font:11px verdana, arial, sans-serif;color:#084b42;  text-align: left !important; text-align: left !important;  padding:0px; margin:0px 20px 20px 20px; line-height:125%; background-color:#ffffff;}


/*----------start styles for the site footer area----------*/



table#footer {  }

table#footer td#footerMainLeft {background-color:#231f22; padding:5px 0px 5px 12px; width:100%;}

table#footer td#footerMainLeft ul {list-style-type:none; padding:0px !important; margin:0px !important;}

table#footer td#footerMainLeft ul li {float:left; margin-right:10px;}

table#footer td#footerMainLeft ul li a,
table#footer td#footerMainLeft ul li a:link,
table#footer td#footerMainLeft ul li a:active,
table#footer td#footerMainLeft ul li a:visited,
table#footer td#footerMainLeft ul li a:hover,
table#footer td#footerMainLeft ul li a:focus {color:#ffffff;}

table#footer td#footerMainRight {background-color:#231f22; width:98px; padding:5px 12px 5px 12px;}

table#footer td#footerTextElcom {  font: 11px arial, verdana, san-serif; color:#4b5552; text-decoration: none; text-align:left; padding:5px 12px 5px 12px;}
table#footer td#footerTextElcom ul{  display:none;}



table#footer td#footerTextElcom a, table#footer td#footerTextElcom a:link, table#footer td#footerTextElcom a:active, table#footer td#footerTextElcom a:visited {font: 11px arial, verdana, san-serif; color:#231f22; text-decoration:none;}

table#footer td#footerTextElcom a:hover, table#footer td#footerTextElcom a:focus {font: 11px arial, verdana, san-serif; color:#cd5627; text-decoration:underline;}


/*----------start styles for accessiblity areas----------*/

/* top menu accessibility */

div#topMenuAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
div#topMenuAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#231f22; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}

/* left menu accessibility */

div#leftMenuAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
div#leftMenuAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#231f22; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}

/* right panel menu accessibility */

div#rightAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
div#rightAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#231f22; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}

/* footer accessibility */

div#footerAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
div#footerAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#231f22; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}


/*----------start styles for customised login box article----------*/

#Module17_TDDisplayLoginBox {padding:20px 0px 65px 20px; background:url(/images/loginimages/ElcomLoginBGBottom.png) no-repeat 20px bottom;}

#Module17_LoginTableOuter {background:url(/images/loginimages/ElcomLoginBG.png) no-repeat top left; margin:0 auto; width:424px;}

#Module17_LoginTable {margin:40px 47px 0px 47px; width:318px;}

#Module17_LoginTable #customLoginTop {background:url(/images/loginimages/CommunityManager2008.png) no-repeat center top; width:318px; height:78px; text-align:center;}

#Module17_LoginTable font {font:14px arial, sans-serif !important;}

#Module17_LoginTable input {border:#cccccc 1px solid; padding:10px 5px; margin:5px 0px 0px 0px; font:14px arial, sans-serif; color:#000000;}

#Module17_LoginTable input:active,
#Module17_LoginTable input:hover,
#Module17_LoginTable input:focus {border:#ffffff 1px solid; padding:10px 5px; margin:5px 0px 0px 0px; font:14px arial, sans-serif; color:#ffffff; background-color:#cd5627;}

#Module17_TRRememberMe font {font:12px arial, sans-serif;}

#Module17_LoginTable input#Module17_chkRememberMe,
#Module17_LoginTable input#Module17_chkRememberMe:active,
#Module17_LoginTable input#Module17_chkRememberMe:hover,
#Module17_LoginTable input#Module17_chkRememberMe:focus {width:auto !important; border:none;}

#Module17_LoginTable .clsButtonSmall {font:14px arial, sans-serif !important; padding:5px; background:url(/images/loginimages/login.png) no-repeat; margin:10px 0px 10px 0px; width:101px; cursor:pointer; color:#000000; height:45px; float:right;}

#Module17_LoginTable .clsButtonSmall:hover,
#Module17_LoginTable .clsButtonSmall:focus {font:14px arial, sans-serif !important; padding:5px; background:url(/images/loginimages/login-over.png) no-repeat; margin:10px 0px 10px 0px; width:101px; cursor:pointer; color:#ffffff; height:45px; float:right;}

#Module17_LoginTable #customLoginBottom {background:url(/images/loginimages/elcom.png) no-repeat center bottom; margin:20px 0px 0px 0px; width:318px; text-align:center; padding:0px 0px 48px 0px;}

#Module17_LoginTable #customLoginBottom a,
#Module17_LoginTable #customLoginBottom a:link,
#Module17_LoginTable #customLoginBottom a:active,
#Module17_LoginTable #customLoginBottom a:visited {font:12px arial, sans-serif; color:#ffffff; text-decoration:none;}

#Module17_LoginTable #customLoginBottom a:hover,
#Module17_LoginTable #customLoginBottom a:focus {font:12px arial, sans-serif; color:#ffffff; text-decoration:underline;}


/*START - Custom Styling*/

body a img
{border: 0 !important;}

/*START - Footer*/

#FooterBanners
  {
    border-top: solid 1px #ccffcc;
    border-bottom: solid 1px #ccffcc;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0px;
    text-align:center;
    
  }
#FooterBanners .BannerHolder
  {
width:1050px;

    
  }
#FooterBanners .Banner
 {
    float:left;
    height:90px;
    width:145px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:text-bottom;
    
  }
#footerTextElcom  div.footerTextElcomHolder
    {
       
     

    }
    
    
#footerTextElcom  div.footerTextElcomHolder a:link,
#footerTextElcom  div.footerTextElcomHolder a:hover,
#footerTextElcom  div.footerTextElcomHolder a:active,
#footerTextElcom  div.footerTextElcomHolder a:visited
    {
        color:#885205 !important;     

    }
#FooterBanners a:link,
#FooterBanners a:hover,
#FooterBanners a:active,
#FooterBanners a:visited
    {
      color:#339999;
      font-weight:bold;
    }

.ClearBoth
    {
        clear:both !important; 
    }


/* END - Footer*/

/* START - Search*/

/*Firefox*/


#Search
    {
        position:relative;
        height:50px;
        width:0px;
        padding-right: 300px;
        margin:30px 0 20px 0;
        text-align: left !important; 

    }
#Search #Module13_strSearchKeyword13
    {
     border:solid 1px #339999;
     position:absolute;
     margin-top:20px;
     padding:7px;
     width:200px;

    }

#Search a img
    {
    margin-top:20px;
         position:absolute;
         left:204px;  

    }
/*

*/
/* END - Search*/

/* START - Right Column*/

.tblContent3
{
    background-image:url(/images/useruploadedimages/artwork-bg.jpg);
    background-repeat:no-repeat;
    
    
}

#DivContent #FeaturedArtWork
{
  padding-top:20px;
}
#DivContent #FeaturedArtWork h2
{
    color:#339999 !important;
    font-size:12px;
    margin:0;
    padding:0 0 10px 0;
} 
#DivContent .DonationButtons
{
    margin-top:10px;
    margin-bottom:20px;
    padding-right: 0px;
}

#DivContent * .HPitem
{
    margin-top:10px;
    clear:both; 
    margin-bottom:25px !important;  
}

#DivContent .HPitem h2
{
    margin:0;
    padding:0;
    
}
/**/
#DivContent .HPitem .CatImage
{
    float:left;
    margin-right:5px;
    
    
}
#DivContent .HPitem p
{
    background-color:#fff;
    color:#084b42;
    padding-top:25px;
    text-align: left !important;     
    
}

#DivContent .HPitem a,
#DivContent .HPitem a:hover,
#DivContent .HPitem a:active,
#DivContent .HPitem a:visited
{
    color:#336666;
    font-weight:bold;
    text-align: left !important; 
}



#DivContent .HPbanner 
{
    height:145px;
    
    background-image:url(/images/useruploadedimages/Bannergradient-bg.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    margin-bottom:10px;
    margin-top:10px;
}


#DivContent .infoline img
{
   margin-top:20px;
}
/* START - Main Banner*/
 #HeaderBanner
    {
      height:175px;
      width:1050px;
position: relative;
    }
#HeaderBanner table
    {
      background-color:#ffffff;
      border:0;
    }


  #BannerDescription
    {
      font-size: 8pt;
      background-color:#fff;
      background-image:url(/images/useruploadedimages/BannerRight.jpg);
      background-position:top left;
      background-repeat:no-repeat;
      color:#fff;
      height: 70px;
      margin:0;
      padding:45px 0px 35px 10px; 
    }
    #HeaderBanner #BannerMenu ul
      {
        margin:0;
        padding:0;
        width:692px;
      }
    
    #HeaderBanner #BannerMenu li
    {
      border-right: solid 1px #339999;
      display:inline;
      font-size:10pt;
      font-family:arial;
      margin:0;
      padding:0;
      padding-left:5px;
      padding-right:4px;
       
    }
    #HeaderBanner #BannerMenu li.Last
    {
      border-right: 0;
       
    }
    #FooterBanners
    {
       
     padding-top:10px;

    }
    
    #HeaderBanner #BannerMenu ul a:link,
    #HeaderBanner #BannerMenu ul a:visited,
    #HeaderBanner #BannerMenu ul a:active,
    #HeaderBanner #BannerMenu ul a:hover   
      {
        color:#339999;

      }
    #HeaderBanner #BannerDescription a:link,
    #HeaderBanner #BannerDescription a:visited,
    #HeaderBanner #BannerDescription a:active,
    #HeaderBanner #BannerDescription a:hover   
      {
        color:#92c5b4;
        font-size:10pt;
      }

/* END - Main Banner*/

/*

 <!-- START - Home Page Banner-->
    <div class="">
      <img src="/images/useruploadedimages/HPBannerInfoline.gif" />
      
    </div>
    <!-- END - Home Page Banner-->

 
    
 
*/

/* END - Right Column*/

div.utilities {position: absolute; right: 15px; bottom: 70px;}
div.utilities a img {display: none !important;}
div.utilities a#large {background: transparent url(/images/UserUploadedImages/11/big-resize.gif) left top no-repeat; height: 30px; width: 30px; border: 0; line-height: 0; text-indent: -9999px; float: left;}
div.utilities a#small {background: transparent url(/images/UserUploadedImages/11/small-resize.gif) left top no-repeat; height: 30px; width: 30px; border: 0; line-height: 0; text-indent: -9999px; float: left;}


/*END- Custom Styling*/
/*----------start styles for print friendly----------*/

@media print {

#breadPrint {display:none;}

.tblContentTD2 {display:none;}

}

/*----------start admin menu styles----------*/

table#topAdminMenuRight {background-color:#7c7c7c; width:300px; height:30px;}
table#topAdminMenuRight td {padding:0px 12px 0px 12px; /*font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;*/ color:#ffffff;}
table#topAdminMenuRight a,
table#topAdminMenuRight a:link,
table#topAdminMenuRight a:active,
table#topAdminMenuRight a:visited {/*font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;*/ color:#ffffff;}

table#topAdminMenuRight a:hover,
table#topAdminMenuRight a:focus {/*font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;*/ color:#cd5627; text-decoration:underline;}

#adminBanner {display:none;}








