/* =================== BASIC DEFINITIONS =================== */
body {
  margin: 0px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  text-align: center;
  /* background-color: #cfe2eb; */
  background-color: #C0C0C0;
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;

}


th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: bold;
}

h1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: black;
  padding: 0;
  text-align: center;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: bold;
  margin-bottom: 0px;
}

a:link { color: blue; text-decoration: underline; }
a:hover { color: red; }
a:visited { color: blue; }
/* a:visited:hover { color: red; } */



/* ================== MISC CLASSES ============== */
.speak { font-size: 14pt; color: gray; }
.phone { font-size: 16pt; color: red; font-weight: bold; text-align: center; }
.hours { font-size: 12px; color: black; font-weight: bold; text-align:center; margin-top: 10px; }
.or { width: 65px; text-align: center;  font-weight: bold; font-size: 12pt; }
.callback {
  text-align:center;
  width: 225;
  height: 47px;
  background-color: #5B92E6;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  font-size: 13px;
  border: 2px outset lightblue;
}

.squeeze-full { margin-left: 135px; margin-right: 135px; }

.b {font-weight:bold;}
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.nw {white-space:nowrap;}
.t {vertical-align:top;}
.vb {vertical-align:bottom;}
.m {vertical-align:middle;}
.sp {margin-top:0px;;margin-bottom:0px;}
.u {text-decoration:underline;}
.i {font-style: italic;}
.ucase {text-transform:capitalize}
.flattop {padding-top:0px;}
.flatbottom {padding-bottom:0px;}
.yellow-hilite { background-color: yellow; padding: 0px 2px 0px 2px; }
#SMTD select { font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.select100 { width: 100px; }
.padR { padding-right: 30px; }
.smtd { margin-top:0px; }
#SMTD_ct select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* =================== HEADER =================== */
#wrapper {
  margin: 0px auto;
  width: 980px;
  text-align: left;
  background-color: white;
}

#header {
  width: 980px;
  height: 107px;
}

#logo {
  /* margin-top: 25px;
  margin-left: 10px;
  float: left; */
  text-align: center;
  font-size: 8pt;
  color: gray;
}

#logo a { font-size: 8pt; color: gray; text-decoration: none; }
#logo a:hover { font-size: 8pt; color: red; text-decoration: underline; }

#midship {
  /* width: 250px;
  margin-top: 5px;
  margin-left: 10px;
  float: left; */
}

#callinfo {
  /* float: right;
  width: 374px;
  text-align: center; */
}



/* ==================== MENU ================ */
#menu {
  width: 980px;
  height: 35px;
}

#menupad {
  padding: 0px 0px 0px 0px;
}



/* ==================== SIDE COLUMN ================ */
#sidecol {
  /* margin-top: -10px; */
  margin-left: 2px;
  width: 240px;
  float: left;
  background: #E8E8C8;
}

#sidecol.Down { margin-top: 0px;*margin-top: 0px; }
#sidecol.WayDown { margin-top: 0px;*margin-top: 0px; }

#sidecol form { margin: 0px 0px 10px 0px; }

#sidecol p {
  margin: 5px 0px 5px 5px;
}

.SidePic {
  margin: 0px 0px 2px 0px;*margin: 0px 0px -1px 0px; /* Add some padding for Firefox */
}

.SectionTitle {
  width: 240px;
  background: #CED094;
  margin: 0px 0px 5px 0px;
  padding: 3px 0px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

#sidecol a { font-size: 13px; color: blue; text-decoration: underline; }
#sidecol a:hover { font-size: 13px; color: red; text-decoration: underline; }



#bottompics {
  margin-left: 247px;

}

#bottompics .BottomPic {
  float: left;
  margin: 0px 1px;
}


/* ==================== MAIN COLUMN ================ */
#maincol { width: 586px;  width: 700px; margin-left: 258px; }



/* ==================== CONTENT ================ */
#content {
  width: 980px;
  margin-top: -10px;*margin-top: -5px;

}

#contentpad {
  padding: 0px 0px 0px 0px;
}

#content p {
  margin-left: 0px;
}


/* ==================== FOOTER ================ */
#footer {
  margin-top: 25px;
  clear: both;
}




/* FAB form */
#fabform {
  width: 260px;
  background-color: #E8E8C8;
  /*background-image: url(images/fab_back.jpg);
  background-repeat: repeat-x;
  background-position: bottom center;
  float:left;
  font-size:8pt; */
  margin: 0px;}

#fabform select { width: 250px; margin: 3px 3px 0px 5px; font-size:9pt;}
#fabform #fabFromDate { width: 119px;}
#fabform #fabToDate { width: 119px;}
#fabform .FabTitle { font-size: 10pt; font-family: arial ; padding-top: 7px;margin: 0px 0px 0px 0px; font-weight:BOLD; color:black; }

#fabform .InactiveButt {
  width: 125px;
  height: 20px;
  background: url(images/butt_inactive.jpg);
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  border: 0px;
 }

#fabform .ActiveButt {
  width: 125px;
  height: 20px;
  background: url(/images/butt_active.jpg);
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
 }

 #fabform form {
  margin-top: 0px;
 }

pre, code { text-align:left;}
.no-message { color: red; font-weight: bold; display: none; text-align:center;}


/*********************************************************************/
/*                       M E N U                                     */
/*********************************************************************/

#MenuLeft a { background-image: url('/images/menu/left.jpg') }
#MenuLeft a:link {background-image: url('/images/menu/left.jpg')}
#MenuLeft a:visited {background-image: url('/images/menu/left.jpg')}
#MenuLeft a:hover {background-image: url('/images/menu/left_high.jpg')}


#MenuRight a { background-image: url('/images/menu/right.jpg'); background-position: top right}
#MenuRight a:link {background-image: url('/images/menu/right.jpg'); background-position: top right}
#MenuRight a:visited {background-image: url('/images/menu/right.jpg'); background-position: top right}
#MenuRight a:hover {background-image: url('/images/menu/right_high.jpg'); background-position: top right}

#Deals { background-image: url('/images/menu/deals_back.jpg'); }/* D8258B */

/* Basic header definition
a:link
a:visited
a:hover
a:active
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
*/
ul.MenuBarHorizontal a:link, ul.MenuBarHorizontal a:visited {
    display: block;
    cursor: pointer;
    background-image: url('/images/menu/mid_1.jpg');
    background-repeat:repeat-x;
    background-color: #BE5127;
    padding: 0.3em 0.15em;
    color: white;
    text-decoration: none;
    font-weight: bold;
  }


/* Dropdowns */
ul.MenuBarHorizontal a {width:100%;text-align:center;}
ul.MenuBarHorizontal li ul li a:link {background-image:none; text-align:left;padding-left:10px;}
ul.MenuBarHorizontal li ul li a:visited {background-image:none; text-align:left;padding-left:10px;}
ul.MenuBarHorizontal li ul li a:hover {background-image: url('/images/menu/mid_1_high.jpg'); background-repeat:repeat-x;}
ul.MenuBarHorizontal li ul.cidd li {width:255px;}

/* Menu items that have mouse over or focus  */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:visited:hover, ul.MenuBarHorizontal a:focus
{
  background: url('/images/menu/mid_1_high.jpg');
  background-repeat:repeat-x;
  color: white;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
  background: url('/images/menu/mid_1_high.jpg');
  background-repeat:repeat-x;
  color: white;
}

.specialist {text-transform:capitalize}