/* png fixer - for ie 6 */

img, div, input
{
  behavior: url(/styles/iepngfix.htc);
}

/* (c) visarc 2008 */

body
{
  font-family: Arial;
  font-size: 8pt;
  background-color: white;
  text-align: center; /* ie */
  margin: 20px 0px 0px 0px;
}

p, a, td, label, h1, h2, h3, input, textarea
{
  font-size: 100%;
  color: black;
  font-family: Arial;
}

h2, h3, img
{
  margin: 0px;
  padding: 0px;
  border: none;
}

h1
{
  margin: 0px;
  padding: 0px 0px 5px 0px;
  border: none;
  color: #5589A1;
  font-size: 110%;
}

h2
{
  color: #5589A1;
}

img
{
  border: none;
  margin: 0px;
  padding: 0px;
}

p
{
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: justify;
}

a, a:hover
{
  text-decoration: none;
  font-weight: bold;
}

dl
{
  margin: 0px;
}

dt
{
  font-weight: bold;
}

dd
{
  margin: 5px 0px 10px 20px;
}


/* main layout div */

#page
{
  width: 910px;
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* ie */
  background-color: #FFFFFF;
}

/* header / logo */

#header
{
  width: 900px;
  height: 144px;
  margin-left: 5px;
  margin-top: 5px;
}

#headerBlock
{
  background:#e1e6ea transparent url(/images/sub-header.jpg) no-repeat top left;
  width: 900px;
  height: 20px;
}

#navigation
{
  background: transparent url(/images/nav-header.jpg) no-repeat top left;
  width: 900px;
  height: 43px;
  margin-left: 5px;
  padding-top: 3px;
}

#latestNews
{
  float: left;
  width: 600px;
  font-size: 8pt !important;
}

#search
{
  width: 280px;
  float: right;
  margin-top: 0px;
  padding-right: 10px;
  font-size: 8pt !important;

}

.searchBox
{
  width: 200px;
  height: 16px;
}

.searchButton
{
  margin-left: 5px;
}

#content
{
  width: 900px;
  /*background: transparent url(/images/body-repeat.jpg) repeat-y top left;*/
  height: 100%;
  margin: 0px 5px 0px 0px;
  float: right;
}

#footer
{
  background: url(/images/footer.jpg) top left repeat-x;
  width: 900px;
  height: 35px;
  margin-left: 5px;
  clear: both;
  color: #ffffff;
  padding-top: 8px;
  padding-right: 10px;
  text-align: right;
  font-size: 8pt;
}

#footer a
{
  color: #ffffff;
}

#columnLeft
{
  padding: 0px 0px 0px 4px;
  width: 210px;
  float: left;
  /*height: 100%;*/

}

#columnLeftFooter
{
background:url(/images/left-bottom.jpg) top left no-repeat;
height:12px;
padding:0px;
margin:0px;
}

#columnLeft ul
{
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  line-height: 150%;
  border: none;
}

#columnLeft li
{
  padding: 5px 0px 5px 10px;
}

#columnLeft a
{
  color: #5589A1;
  font-size: 110%;
}

#columnLeft a:hover
{
  color: #5589A1;
  font-size: 110%;
}

#columnRight
{
  width: 635px;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 25px 10px 25px;
  min-height: 500px;
  background: url(/images/content-repeat.jpg) top left repeat-x;
}

#columnRight ul
{
padding-top:0px;
margin-top:0px;
}

#columnRight li
{
padding-top:0px;

}

#dialog
{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -200px;
  width: 600px;
  height: 400px;
  border: solid 1px black;
  background-color: #ffffff;
  padding: 10px;
  text-align: left;
  z-index: 100;
}

.trainingtextbox
{
	width:240px;
}

.traininginput
{
  width: 100px;
  border: solid 1px #000000;
  background-color: #5589A1;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.traininglink
{
  border: solid 1px #000000;
  background-color: #5589A1;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/* listing boxes - with zebra stripes */

.listing
{
  border-collapse: collapse;
  border: solid 1px #aaaaaa;
  width: 100%;
}

.listing th
{
  border-bottom: solid 1px #aaaaaa;
  background: transparent url(/images/table-header.jpg) repeat-x 0px -3px;
  color: #54748c;
  padding: 5px;
  font-weight: normal;
  text-align: left;
}

.listing td
{
  margin: 0px;
  padding: 0px;
  border-bottom: solid 1px #aaaaaa;
}

.listingInner
{
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  width: 578px;
}

.listingInner td
{
  margin: 0px;
  padding: 5px;
  border-bottom: solid 1px #aaaaaa;
}

.alternate td
{
  background-color: #D4DEE7;
}

/* forms */

input, textarea
{
  font-family: Arial;
  font-size: 100%;
}

.formSection
{
  clear: both;
  padding: 10px 0px 20px 0px;
  margin-left: 20px;
}

.formSection th
{
  font-weight: normal;
  width: 140px;
}

.formColumn
{
  width: 400px;
  float: left;
  padding-top: 10px;
}

* html body .formColumn
{
  /* ie 6 fiddle */
  width: 450px;
}

.formColumn label
{
  display: block;
  line-height: 25px;
  font-weight: bold;
}

.formColumn input
{
  display: block;
  float: right;
  clear: both;
  top: 0px;
  width: 198px;
  height: 15px;
  margin: -25px 80px 5px 0px;
  background-color: #ffffff !important;
  border: solid 1px #000000;
  color: #000000;
}

.formColumn textarea
{
  display: block;
  float: right;
  clear: both;
  top: 0px;
  width: 200px;
  height: 50px;
  margin: -25px 80px 5px 0px;
  background-color: #ffffff !important;
  border: solid 1px #000000;
  color: #000000;
}

.formColumn select
{
  display: block;
  float: right;
  clear: both;
  top: 0px;
  width: 202px; /* fiddled for ie */
  height: 20px; /* fiddled for ie */
  margin: -27px 80px 5px 0px;
  background-color: #ffffff !important;
  border: solid 1px #000000;
  color: #000000;
}

.formColumn .checkbox
{
  display: block;
  float: right;
  clear: both;
  top: 0px;
  margin: -24px 235px 5px 0px;
}

.formButtons
{
  width: 350px;
  clear: both;
  padding: 10px 0px 10px 136px;
}

.formButtons input
{
  width: 100px;
  border: solid 1px #000000;
  background-color: #5589A1;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.fieldGroup
{
  display: block;
  float: right;
  clear: both;
  top: 0px;
  width: 200px;
  margin: -26px 52px 5px 0px;
  border-collapse: collapse;
}

.fieldGroup td
{
  padding: 0px;
  margin: 0px;
}

.fieldGroup input, .fieldGroup select
{
  float: none;
  margin: 0px;
}

.button
{
  display: block;
  border: none;
  background-color: #5589A1;
  color: #ffffff;
  font-weight: bold;
  font-size: 8pt;
  text-align: center;
  padding: 4px 2px 4px 2px;
}

.error
{
  color: #E2001A;
}

#loginError
{
  background: transparent url(/images/exclamation.png) no-repeat top left;
  padding-left: 20px;
  margin-top: 15px;
  margin-left: 8px;
}

* html body .ie6fix
{
  margin-left: -5px;
}

.clear
{
  clear: both;
}

a.content
{
  color: #5589A1;
}

a:hover.content
{
  text-decoration: underline;
}

.downloads
{
  clear: both;
  width: 638px;
  background-color: #E1E6EA;
  /*margin-left: 215px;*/
  margin-left: -2px;  
  margin-top: 5px;
}

.downloads table
{
  border: none;
  margin: 0px;
}

.downloadsLabel
{
  background-color: #aaaaaa;
  color: #ffffff;
  font-weight: bold;
  width: 90px;
  padding-left: 10px !important;
}

.downloads td
{
  padding: 3px;
}

.downloads th
{
  padding-left: 10px;
}

.caseStudies
{
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  float: left;
}

.caseStudySmall table
{
  width: 430px !important;
}

.caseStudySmall li
{
  list-style-type: none;
}

.caseStudies table
{
  width: 100%;
  border: #e1e6ea thin solid;
  background: white;
}

.caseStudies li
{
  list-style: none;
  padding: 10px 0px 0px 0px;
  margin: 0px 5px 0px -42px;
}

#clear
{
  clear: both;
}

.azList
{
  border: solid 1px #aaaaaa;
  background: transparent url(/images/table-header.jpg) repeat-x 0px -3px;
  color: #54748c;
  margin: 20px 30px 0px 30px;
  height: 20px;
  padding-top: 5px;
  text-align: center; 
}

#people a
{
font-weight:normal;
color:black;

}

#flash
{
margin:0px 0px 0px 0px;
padding:0px 0px 2px 0px;
background:url(/images/left-blue.jpg) bottom left no-repeat;
}