*
{
  margin: 0px;
  padding: 0px;
}
html
{
  font-size: 62.5%; /* Makes 0.8em = 8px, 1em = 10px, 1.6em = 16px, etc */
}
body
{
  font-family: Arial, Helvetica, sans-serif;
  background: #DEE url(../../Img/bg.gif) no-repeat top;
  color: #555;
}
img
{
  border-style: none;
  display: inline-block;
}
ul, ol
{
  padding: 0;
  list-style-type: disc;
  margin-left: 15px;
}
h1, h2, h3, h4
{
  font-weight: lighter;
}
h1
{
  font-size: 2.3em;
  padding-bottom: 0.4em;
  color: #066;
}
h2
{
  font-size: 1.7em;
  color: #083;
  padding-bottom: 0.8em;
}
h3
{
  font-size: 1.3em;
  color: #083;
}
h4
{
  font-size: 1.4em;
  color: #083;
  line-height: 1.3em;
}
p, ul, ol, table
{
  font-size: 1.2em;
  padding-bottom: 1.2em;
}
li
{
  margin-bottom: 0.4em;
  list-style-image: url(../../Img/bullet.gif);
}
a
{
  color: #066;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

/* MAIN DIVS */
html, body, form
{
  height: 100%;
}
#container
{
  -moz-box-shadow: 0 -10px 10px #777;
  -webkit-box-shadow: 0 -10px 10px #777;
  box-shadow: 0 -10px 10px #777;
  border-style: none solid none solid;
  border-width: 1px;
  border-color: #CCC;
  min-height: 100%;
  width: 930px;
  margin: 0 auto;
  padding: 14px;
  background-color: #FFF;
  position: relative;
}
* html #container /* FIX FOR IE 6 */
{
  height: 100%;
}
#header
{
  height: 150px;
  margin-bottom: 2px;
  position: relative;
}
#header a:hover
{
  text-decoration: none;
}
#textSize
{
  position: absolute;
  bottom: 46px;
  right: 0;
  text-align: right;
  font-size: 13px;
}
#textSize a:hover
{
  background-color: #066;
  color: #FFF;
}
#leftCol
{
  float: left;
  width: 172px;
}
#content
{
  min-height: 456px;
  height: auto !important;
  height: 456px;
  margin: 0 188px;
  width: 492px;
}
#content p, #content li
{
  line-height: 160%;
}
#content input, #content textarea
{
  width: 95%;
}
#content .radio input
{
  width: auto;
  margin-right: 6px;
}
#rightCol
{
  float: right;
  margin-top: -42px;
  width: 212px;
  height: 510px;
  background-image: url(../../Img/montage.jpg);
}
#footer
{
  clear: left;
  width: 100%;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 20px 0 0 0;
}
#footer td
{
  background: none;
  padding: 0px;
}

/* NAVIGATION BAR */
#navContainer a
{
  text-align: center;
  line-height: 30px;
}
#nav, .tabs
{
  font-size: 1.4em;
  margin-left: 0;
  width: 172px;
  padding-bottom: 6px;
}
#nav li, .tabs li
{
  list-style-type: none;
  list-style-image: none;
  border-bottom: solid 8px #FFF;
  margin-bottom: 0;
}
#nav a, .tabs a
{
  font-weight: lighter;
  display: block;
  width: 172px;
  background-color: #066;
  color: #fff;
}
#nav a:hover, .tabs li a:hover, .activeTab
{
  background-color: #077;
  text-decoration: none;
}
.tabs
{
  font-size: 1.2em;
  width: auto;
  height: 100px;
  padding-bottom: 16px;
}
.tabs li
{
  float: left;
  border: none;
}
.tabs li a
{
  padding: 3px 5px;
  width: 100px;
  height: 39px;
  margin: 0 10px 10px 0;
  background-color: #aaa;
}
.tabs li a.activeTab
{
  background-color: #077;
}
.ajax__tab_header
{
  font-size: 1.2em;
}
.ajax__tab_outer
{
  margin-right: 10px;
  margin-bottom: 10px;
}
.ajax__tab_inner
{
  padding: 2px 0 2px 3px;
  color: #fff;
  background: #aaa;
}
.ajax__tab_active
{
  color: #078;
}
.ajax__tab_hover .ajax__tab_outer
{
  background-color: #088;
}
.ajax__tab_hover .ajax__tab_inner
{
  background-color: #088;
}
.ajax__tab_active .ajax__tab_outer
{
  background-color: #077;
}
.ajax__tab_active .ajax__tab_inner
{
  background-color: #077;
}

/* SEARCH BOX */
#searchContainer
{
  position: absolute;
  top: -4px;
  right: -16px;
  text-align: right;
}
#searchcontrol, #searchcontrol div.gsc-control
{
  width: 230px;
  display: inline-block;
}
#searchcontrol table
{
  padding-bottom: 0;
  margin-bottom: 0;
}
#searchResults
{
  z-index: 9;
  position: absolute;
  top: 166px;
  left: 202px;
  padding: 10px;
  background-color: #FFF;
  border: solid 1px #CCC;
  width: 492px;
  min-height: 446px;
  font-size: 1.2em;
  visibility: hidden;
}

/* TABLES */
.contentTable
{
  width: 100%;
  background-color: #EEC;
  padding-bottom: 0;
}
.contentTable th
{
  text-align: left;
}
.contentTable th, .contentTable td
{
  border-style: none solid solid none;
  border-width: 1px;
  border-color: #FFF;
  padding: 6px;
}
.contentTable p
{
  font-size: 1em;
}
.contentTableFooter td
{
  padding: 10px;
}
.contentBox
{
  padding: 10px 10px 0 10px;
  background: #F9FCFF;
  border: solid 1px #DDD;
}

/* BUTTONS */
#content input.button, a.button
{
  width: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #FFF #555 #555 #FFF;
  background-color: #066;
  color: #FFF;
  padding: 1px;
}
#content input.button:hover, a.button:hover
{
  background-color: #099;
  text-decoration: none;
  color: Yellow;
}
.buttonIcon
{
  display: block;
  width: 170px;
  height: 270px;
  border: solid 1px #CCC;
}
.mapButton
{
  background: #F9FCFF url(../../Img/mapButton.gif) no-repeat center center;
}
.jobButton
{
  background: #F9FCFF url(../../Img/jobButton.gif) no-repeat center center;
}
.findBranch
{
  display: block;
  font-size: 1.4em;
  margin-bottom: 1.2em;
  background-color: #FFF;
  border: solid 1px #066;
  line-height: 70px;
}
.findBranch:hover
{
  background-color: #EEE;
  text-decoration: none;
}

/* OTHER */
.rightMargin
{
  margin-right: 6px;
}
.box
{
  float: right;
  width: 31%;
  border: solid 2px #a9cf3a;
  padding: 10px;
  font-size: 1.5em;
  line-height: 1.4em;
  margin: 0 0 10px 10px;
  background-color: #FCFCFC;
}
.modalBackground
{
  background-color: Gray;
  opacity: 0.7;
}
