@charset "utf-8";
body  {
/*    font: 100% Verdana, Arial, Helvetica, sans-serif; */
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    background-image:url('../images/MainElmBG.png');
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font: 0.9em/1.2em "trebuchet ms";
/*     color:red;  #cccccc; */
    padding-top: 0px;
    background-repeat:repeat;
    height:220px;
}

#mainContent {
    border-left-width: thin;
    border-left-style: solid;  /* essentially 2 pixels */
/*     background-color:green; */
}

#mainContent p {
    font-weight: bold;
    font-weight:500;
    /* font-color:red; #666666; */
}

.title  {
    text-align:center;
    margin-bottom: 10px; 
    margin-top: 10px; 
    font-size: 1.2em;
}

.bold {
   font-weight:600;
}

.medium_bold {
   font-weight:550;
}

.orange {
    color:#f85319;
}

.gold {
   color:#FDD017;
}

.red {
   color:#CC0000;
}

.grey {
   color:#666666;
}

.ltgrey {
   color:#C0C0C0;
}

.black {
   color:#000000;
}

.yellow {
   color:yellow;
}

.lightblue {
   color:#3366FF;
}

.darker_blue {
    color:#215dc6;
}

.lightgreen {
   color:#00CC33;
}

.pink {
   color:#ff0099;
}

.white {
   color:#ffffff;
}

.twotimesSize {
    font-size: 200%;
}
.oneandhalftimesSize {
    font-size: 150%;
}

.underlined {
    text-decoration:underline;
}

.indent {
    margin-left:30px;
}

.indent60 {
    margin-left:60px;
}

.oneandquarterlineheight {
    line-height: 125%
}

#mainContent img {
    margin: 0px 0px 5px 0px;
}

#FeaturedImage {
    background-image:url(../images/elm-home-featured-image-bg.png);
    position: relative; 
    top:0px; 
    width:758px; 
    height:217px; 
    border: 2px solid #660000;
}
.FeatureImageImageOverRight {
    margin-left:415px;
    padding-top:10px;
}

.FeatureImageLargeText {
    position:absolute;
    top:20px;
    color:red; 
    text-align: left;
    text-indent: 0px;
    vertical-align: top;
    font-size: 1.5em;
    margin-left:415px;
    line-height: 125%
}
.FeaturedImageSmallerText {
    position:absolute;
    top:55px;
    text-align: left;
    vertical-align: top;
    margin-left:435px;
    font-size: 1.1em;
    width:305px;
    line-height: 125%
    color:green;
}

#FeaturedImage p {
   color:#808080;
   font-weight:bold;
}

* {
    margin: 0px;
}

.twoColFixLtHdr #container {
    width: 940px;
    text-align: left;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left:auto;
} 
.twoColFixLtHdr #header {
    position:relative;
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-top-style:none;
    border-right-style:none;
    border-left-style:none;
    border-bottom-color:#CCCCCC;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    padding-top:0;
    padding-right:0px;
    padding-bottom:0;
    padding-left:20px;
    align:left;
    background-color:white;
} 
#header  h3 {
    margin-bottom:0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color:#f85319;
    font-size:1.5em;
    /*  font-family:Verdana, Arial, Helvetica, sans-serif; */
    padding:0px;
    font-family:"trebuchet ms";
    font-weight:bold;
}

#textoverbutton {
    bottom:-38px;
    text-align:center;
    position:relative; 
    font-family:"trebuchet ms";
    font-weight:bold; 
    font-size:1.4em;
    color:red;
}

.twoColFixLtHdr #sidebar1 {
    float:left; /* since this element is floated, a width must be given */
    width:180px;
    padding-top:15px;
    padding-bottom:15px;
    padding-right:0px;
    padding-left:0px;
    border-top-width:thin;
    border-top-style:solid;
    background-color:white;
}
#tweenHeaderNFooter {
    background-color:white;
}

.twoColFixLtHdr #mainContent {
    margin-top:0px;
    margin-right:0;
    margin-bottom:0;
    margin-left:180px;
    padding:0;
    width:758px;
    height:100%;
/*     background-color:red; */
    color:#606060; 
} 

#sidebarButton {
    position:relative;
    float:left;
    border:thick;
    border:#CC0000;
    text-align:center;
    margin-left:5px;
}

#sidebarButton h4 {
    position:absolute;
    top:10px;
    color:#FFFF33;
    text-align:left;
    text-indent:0px;
    vertical-align:top;
    margin-left:15px;
    font-size:1em;
    width:160px;
}

.twoColFixLtHdr #footer {
    padding:0 10px 0 20px;
/*     background-position:center; */
    text-align:center;
/*     background-image:url('../images/MainElmBG.png'); */
    color:white;
    background-color:transparent;
} 
.twoColFixLtHdr #footer p {
    margin:0;        /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
     padding:10px 0;  /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-weight:600;
    font-size:.9em;
}

#footer a:link    { color:white; text-decoration:underline; }
#footer a:visited { color:#ff6633; text-decoration:underline; }
#footer a:hover   { color:#00CC33; text-decoration:underline; }
#footer a:active  { color:#00CC33; text-decoration:underline; }

#cwsfy a:link    { color:white; text-decoration:underline;letter-spacing:1px; }
#cwsfy a:visited { color:white; text-decoration:underline;letter-spacing:1px; }
#cwsfy a:hover   { color:white; text-decoration:underline;letter-spacing:1px; }
#cwsfy a:active  { color:white; text-decoration:underline;letter-spacing:1px; }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float:right;
    margin-left:8px;
}
.fltlft { /* this class can be used to float an element left in your page */
    float:left;
    margin-right:8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
}
.navbar {
    margin:0px;
}
.twoColFixLtHdr #container #contentPosthomeFeaturedImage {  /* #mainContent  */
    margin-top:20px;
    margin-left:20px;
/*    background-color:green; */
}

.mainText_1_0 {
    font-family:"trebuchet ms";
    font-size:1.0em;
/*    padding:1.2em; */
    line-height:125%
}
.mainText_1_1 {
    font-family:"trebuchet ms";
    font-size:1.1em;
    padding:.5em .7em .4em .2em;
    line-height:125%
}
.mainText_1_2 {
    font-family:"trebuchet ms";
    font-size:1.2em;
    padding:.5em .7em .4em .2em;
    line-height:125%
}
.mainText_1_3 {
    font-family:"trebuchet ms";
    font-size:1.3em;
    padding:.5em .7em .4em .2em;
    line-height:125%
}
.mainText_1_4 {
    font-family:"trebuchet ms";
    font-size:1.4em;
    padding:.5em .7em .4em .2em;
    line-height:125%
}
.mainText_1_5 {
    font-family:"trebuchet ms";
    font-size:1.5em;
    padding:.5em .7em .4em .2em;
    line-height:125%
}

.padded {
    padding:.5em .4em .5em .4em;
}
.fatpadded {
    padding:1.5em 1.4em 1.5em 1.4em;
}

.left {
    text-align:left;
}

.right {
    text-align:right;
}

.justify {
    text-align:justify;
}

#linkoverwhite a:link {
    color:red;
    font-weight:bold;
    }
#linkoverwhite a:visited { 
    color:blue;  /* #FFFFFF; */
    font-weight:bold;
    }
#linkoverwhite a:hover { 
    color:#00CC33; /* darker green */
    text-decoration:underline;
    font-weight:bolder;
    }
#linkoverwhite a:active { 
    color:#00CC33; /* darker green */
    font-weight:bold;
    }

/*          STANDARD LINK ETC */
a:link { 
    color:red;   /* FDD017;  #333333; */
    font-weight:bold;
    }
a:visited { 
    color:red;  /* #FFFFFF; */
    font-weight:bold;
    }
a:hover { 
    color:#8B0000; /* darker red */
/*    background-color:red;  #333333;  eliminating this got rid of the dark hover on links that occurred when mouseover link */  
    text-decoration:underline;
    font-weight:bolder;
    }
a:active { 
    color:red;
    font-weight:bold;
    }

#mainText_1_1 a:link { 
    color:white;
    font-weight:bold;
    }
#mainText_1_1 a:visited { 
    color:white;
    font-weight:bold;
    }
#mainText_1_1 a:hover { 
    color:white;
    background-color:#333333;
    text-decoration:none;
    font-weight:bolder;
    }
#mainText_1_1 a:active { 
    color:#FF33FF; /* Pink */
    font-weight:bold;
    }

textarea:focus, input:focus {
    border:2px solid #900;
}#outside {
    width:780px;
}
#tiparea {

}

/*img { 
   border:0px; 
}*/

#tiparea img {
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    border-left-width:0px;
}
#sidebar1 {
    border-right-style:none;
    border-top-style:none;
}