@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/MainBlueBG.png');
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font: 0.9em/1.2em "trebuchet ms";
    color:#CCCCCC; /*#837870; */
    padding-top: 0px;
    background-repeat:repeat;
    height:220px;
    background-color:#0099FF;
}

#mainContent {
    /*   background-color:yellow; */
    border-left-width: thin;
    border-left-style: solid;
}

#mainContent p {
    font-weight: bold;
    font-weight:500;
}

.title  {
    text-align:center;
/*	color:#FDD017;           gold */
	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:#808080;
}

.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;
}

.indent10 {
	margin-left:30px;
}

.indent {
	margin-left:30px;
}

.indent60 {
	margin-left:60px;
}

.oneandquarterlineheight {
	line-height: 125%
}

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

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

.FeatureImageLargeText {
    /* position:absolute; */
    top:20px;
    color: #003399; /* DARK BLUE #003399;   */
    text-align: center;
    /* text-indent: 0px; */
    vertical-align: top;
    font-size: 1.5em;
    margin-left:420px;
    line-height: 150%
    width:355px;
    padding-top:10px;
/*    border-left-width: 11px;
    border-left-color: red;
    border-left-width: thin;
    border-left-style: solid;
    border-right-width: 11px;
    border-right-color: red;
    border-right-width: thin;
    border-right-style: solid;
*/
}
.FeaturedImageSmallerText {
    /* position:absolute; */
    top:55px;
    color:black; /* #666666; /* darker blue #003399; */
    text-align: justify;
    vertical-align: top;
    margin-left:420px;
    padding-top:25px;
    padding-left:10px;
    padding-right:10px;
    font-size: 1.1em;
    width:335px;
	line-height: 125%
/*    border-left-color: green;
    border-left-width: thin;
    border-left-style: solid;
    border-right-color: green;
    border-right-width: thin;
    border-right-style: solid;
*/
}

#homeFeaturedImage p {
   color:#FF33FF;
}

* {
    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: 10px;
    padding-bottom: 0;
    padding-left: 20px;
	align:left;
} 
#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;
    border-top-width: thin;
    border-top-style: solid;
}
.twoColFixLtHdr #mainContent {
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 180px;
    padding: 0;
    width: 738px;
    height:100%;
} 

#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;
}
#stayConnected {
   font: bold 18px "trebuchet ms";
   margin-top:5px;
   padding-top:5px;
}

.twoColFixLtHdr #footer {
    padding: 0 10px 0 20px;
    background-position: center;
    text-align: center;
} 
.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 */
    color:#FDD017;    /* gold */
    font-weight: 600;
    font-size: 1.1em;
}

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

#cwsfy a:link    { color:#FDD017; text-decoration:underline;letter-spacing:1px; }
#cwsfy a:visited { color:#FDD017; text-decoration:underline;letter-spacing:1px; }
#cwsfy a:hover   { color:#FDD017; text-decoration:underline;letter-spacing:1px; }
#cwsfy a:active  { color:#FDD017; 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;
}

.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:blue;
	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:white;   /* FDD017;  #333333; */
	font-weight:bold;
	}
a:visited { 
	color: white;  /* #FFFFFF; */
	font-weight:bold;
	}
a:hover { 
	color: #00CC33; /* darker green */
/*	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: #00CC33; /* darker green */
	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;
}