body
{scrollbar-arrow-color: #024470; scrollbar-3dlight-color: #4F4F82; scrollbar-darkshadow-color: #4F4F82;
scrollbar-face-color: #f4f4f0; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #d0d0d0;
scrollbar-track-color: #EBE9C2; margin: 11px;}

/* Main classes */

a:link {color: #024470; text-decoration: none;}
a:visited {color: #336C93; text-decoration: none;}
a:hover {background-color: #C4E2F8; color: #336C93; text-decoration: none}
a:active {background-color: #C4E2F8; color: #336C93; text-decoration: none}

#content {width: 88%; font-size: 13px; vertical-align:top
font-family: Arial, Verdana, Helvetica, sans-serif; text-align:left}

#contentwide {width: 92%; font-size: 13px; vertical-align:top
font-family: Arial, Verdana, Helvetica, sans-serif; text-align:left}

td {font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif;}

#footer {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px}

.footlinks {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 19px; text-align:left}

#foot {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px}

h1 {font-size: 14px; font-weight: bold; color: #AF004C; margin-bottom: 2px}

h2 {font-size: 18px; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 3px; margin-bottom: 1px; color: #024470}

h3 {font-size: 17px;font-weight: normal; font-family: "Trebuchet MS", Tahoma, serif; color: #AF004C;}

h4 {font-size: 15px; font-weight: bold; color: #AF004C;}

h5 {font-size: 14px; font-weight: bold;}

hr {color: #044470; height: 1px;}

#content ul {margin-top: 4px; padding-left: 15px; line-height: 20px}


/* IE8 fixes */

a img {vertical-align: bottom; background-color: #EBE9C2;} /* so hover over images doesn't produce the bottom line */

img:active {outline: none} /* to remove outline on map */


/* Other classes */

.small {font-size: 11px; font-weight: bold; color: #003366}

.small2 {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif}

.imgpad {margin-left: 25px; margin-bottom: 15px; margin-top: -3px}

.imgtitle {font-style: italic; color: #044470; font-weight: bold; font-size: 10px}

.red {color: #AF004C;}

.green {color: #008000;}

.black {border: #000000 border-style: solid; border-width: 1px}

.everhr { color: #106EAE}

.reg {font-size: 11px; vertical-align: top}

.phone {font-size: 19px; color:#FFFFFF; padding-bottom: 10px;}

#nolead {float:right;  padding-right: 200px !important; padding-right: 180px;}

#sitemap ul {padding-left:30px; list-style-image:url(images/bluearrow2.gif)}
#sitemap7 ul {padding-left:0px; list-style-image:url(images/bluearrow2.gif); padding-top: 15px}

.sitemapmain {line-height:27px !important; line-height: 24px}

.bigger {font-size:14px}

#regionally {font-size:11px; margin-left: 415px; margin-top: 2px}

.footdivider {margin-top: 18px !important; margin-top: 25px; margin-bottom: 22px}


/* Form */

input, textarea, select {
border-color: #6355B5; border-style: solid; border-width: 1px; 
font-size: 15px; font-family: Arial, Helvetica, sans-serif}

.button {background-color: white; border-color: #990066; border-style: beveled; border-width: 2;
font-size: 15px; font-weight: bold}

.submit {background-color: #FFFFCC; border-color: #990066; border-style: beveled; border-width: 2;
font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
cursor: hand;  cursor-color: #6355B5;}

.how {background-color: #FFFFCC; font-size: 15px;}

.box {background: transparent; border-width: 0;} /* Checkbox width : 1.1em; height: 1.1em ;*/

#state {font-size: 15px; font-weight: bold}

#ui-datepicker-div {font-size: 11px}

/* Product Box */

.prodbox {
border: #003366; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;}

.prodbox a:link {color: #024470; text-decoration: none}

.prodbox a:hover {background-color: #C4E2F8; color: #336C93; text-decoration: none}


/* Lines and borders */

.mir {border: #003366; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px}

.mir2 {border: #003366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}

.mirl {border: #003366; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}

.chart {border: #106EAE; border-style: solid; border-width: 2px}

.chartl {border: #106EAE; border-style: solid; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}

.chartr {border: #106EAE; border-style: solid; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}

.chartlb {border: #106EAE; border-style: solid; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px}

.chartb {border: #106EAE; border-style: solid; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}


/*Carousel*/

.stepcarousel{position: relative; /*leave this value alone*/
width: 345px; /*Width of Carousel Viewer itself*/
height: 236px; /*Height should enough to fit largest content's height*/z-index:1}

.stepcarousel .belt{position: absolute; /*leave this value alone*/ left: 0; top: 0;}

.stepcarousel .panel{float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}

.panel {position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 1px; border-right-width: 0px;}

#mygallery{overflow: hidden; width: 698px;}