/* Default stylesheet */
div#expired {
  margin: 1ex 1em;
  font-size: 110%
}
div#expired #warning {
  color: red;
  font-weight: bold
}
div#expired #date {
  font-weight: bold
}
body {
  font-family: arial, verdana, sans serif;
  background: white;
  color: black;
  margin: 0;
  padding: 0
}
div.left {font-size: 80%;}
div, form {
  margin: 0;
  padding: 0
}
img {
  border: 0
}
a {
  font-weight: bolder;
  text-decoration: none;
  color: #56008C
}
a:hover {
  text-decoration: underline
}

/*div.header, div.left, div.content, div.right, div.footer {overflow:hidden;display:inline-block}*/
div.header, div.footer {width:100%} /* safari and opera need this */
div.left, div.content, div.right {float:left}
div.left{width:20%}
div.content {width:60%}
div.right {width:19.9%}
div.footer {clear:left}

div.header span.tagline {
  color: #3fb000;
  font-size: 140%;
  padding-left: 2em;
  position: relative;
  top: -12px
}
div.header label {
  font-weight: bold
}
div.header #let {
  margin-top: 1ex;
  margin-left: 0.5em;
}
div.header #ccc {
  z-index: 0;
  position: absolute;
  right: 0px;
  margin-top: 0.5ex;
  margin-right: 0.5em;
}
div.mainmenu {
  font-weight: bolder;
  font-size: 80%;
  line-height:3.8ex;
  color: white;
  margin-bottom: 1ex;
}
div.mainmenu div.bar {
  width: 100%;
  border-top: 1.2ex #3fb000 solid;
  padding-top:1ex;
  background: url(../images/template/mb_uln.gif) top repeat-x;
  clear: both;
}
div.mainmenu a {
  color: white;
}

div.topmenu {
  width: 100%;
  margin-left:1.5ex;
}
div.botmenu {
  width: 100%;
  margin-left:1.5ex;
  margin-top: -0.9ex;
}
div.d {
  padding-left: 1.5ex;
  padding-right: 1.5ex;
}
div.t, div.ts, div.b, div.bs {
  margin-left:1px;
  margin-right: 1px;
  float: left;
}
div.t {
  background-color: #56008C;
  color: #56008C
}
div.t div.l {
  background: url(../images/template/mt_linw_a.gif) top left no-repeat
}
div.t div.r {
  background: url(../images/template/mt_line_a.gif) top right no-repeat
}
div.ts {
  background-color: #3fb000;
  color: #3fb000
}
div.ts div.l {
  background: url(../images/template/mt_linw_b.gif) top left no-repeat
}
div.ts div.r {
  background: url(../images/template/mt_line_b.gif ) top right no-repeat
}
div.b {
  background: url(../images/template/mb_lin.gif) top left repeat-x #006633;
  color: #006633
}
div.b div.l {
  background: url(../images/template/mb_lisw_a.gif) bottom left no-repeat
}
div.b div.r {
  background: url(../images/template/mb_lise_a.gif) bottom right no-repeat
}
div.bs {
  background-color: #3fb000;
  color: #3fb000
}
div.bs div.l {
  background: url(../images/template/mb_lisw_b.gif) bottom left no-repeat
}
div.bs div.r {
  background: url(../images/template/mb_lise_b.gif) bottom right no-repeat
}
form.frmSearch {
  display: inline;
  float:right;
  text-align: right;
}
div.searchandcrumbs {
  padding-left: 10px;
  padding-right: 10px;
  clear: both;
}
ul.breadcrumbs {
  display: block;
  margin: 0;
  padding: 0
}
ul.breadcrumbs li {
  display: inline;
  margin: 0 0 0 0.5em;
  padding: 0
}
ul.breadcrumbs a {
  color: #888888
}
div.left div.picture {
  text-align: center;
  height: 120px
}
h1 {
  margin: 0 0.7em 1ex 0.7em;
  color: #56008C
}
h2 {
  margin: 1ex 0.7em 1ex 0.7em;
  color: #3fb000
}
h3 {
  margin: 1ex 0.7em 1ex 0.7em;
  color: #3fb000
}
h4 {
  margin: 1ex 0.7em 1ex 0.7em;
  color: #3fb000
}
div.right div.box ul {
  font-size: 80%;  
  padding: 0;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 1ex
}
div.right div.box li {
  margin: 0.5ex 0 0.5ex 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px #3fb000 dotted
}
div.box {
  border: 1px #56008c solid;
  margin: 0 0.5em 3ex 0.5em;
  
}
div.box p {
  margin-left: 0.7em;
  margin-right: 0.7em
}
div.content div.box h1, div.right div.box h2 {
  margin: 0;
  background: #56008c;
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 0.5ex 0.5em 0.5ex 0.5em;
  font-size: 110%
}
div.branding {
  background: url(../images/template/greenbars.gif) right top no-repeat
}
div.footer p.c4b {
  padding-left: 2em;
  width: 6em;
  text-align: right;
  padding-bottom:90px;
}
div.footer p.c4b img {
  position: relative;
  left: 65px;
  top: -60px;
  }
.c4b img {
  position: relative;
padding-top:5px;
  left: 40px;
   }

span.linksep {
  display: none
}
span.tel {
  font-weight: bold
}
span.email {
  font-weight: bold
}
hr {
  border: 1px #56008C dotted;
  margin: 5px
}
th {
  font-weight: bold;
  color: #3fb000;
  vertical-align: top;
  text-align: left
}
td {
  vertical-align: top
}
div.purple {
}
div.purple div.nw {
  background: url(../images/index/purple-nw.gif) top left no-repeat
}
div.purple div.ne {
  background: url(../images/index/purple-ne.gif) top right no-repeat
}
div.purple div.se {
  padding: 10px 10px 3px 10px;
  background: url(../images/index/purple-se.gif) bottom right no-repeat
}
div.purple div.sw {
  background: url(../images/index/purple-sw.gif) bottom left no-repeat
}
div.purple div.n {
  background: url(../images/index/purple-n.gif) top repeat-x
}
div.purple div.s {
  background: url(../images/index/purple-n.gif) bottom repeat-x
}
div.purple div.e {
  background: url(../images/index/purple-w.gif) right repeat-y
}
div.purple div.w {
  background: url(../images/index/purple-w.gif) left repeat-y
}
.whatsnew {
  font-size: 80%
}
.whatsnew div {
  clear: both
}
.whatsnew img {
  float: right;
  width: 55px;
  height: 55px
}
.whatsnew h3 {
  font-size: 110%;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 100%
}
.whatsnew p {
  margin-top: 0;
  padding-top: 0
}
acronym {
  border-bottom: 1px dotted #3fb000
}