/*
 * Reset all CSS values
 * http://meyerweb.com/eric/tools/css/reset/index.html
 * v1.0 | 20080212
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; background: #FFF; position:relative }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main                 { width: 915px; margin: 0 auto; position:relative; }
div#header               { background: url('../images/background.logo.gif') no-repeat 0px 20px; width:100%; height:21px; margin:0px; background-color: #FFF; height:116px}
div#header #headerClick  { width:500px; height:102px; display:block; float:left }
div#left                 { text-align: left; width: 111px;  float: left; margin: 37px 19px 20px 17px; padding-right: 20px; color:#FFF; display:inline }
div#right                { text-align: left; float: right; margin: 21px 20px 0px 0px; padding: 0px 0px 0px 0px; color:#CCC; display:inline }
div#middle               { text-align: left; width: 563px; float: left; margin:22px 0px 0px 0px; display:inline; }
div#middleBlockView      { text-align: left; width: 650px; float: left; margin:15px 0px 0px 15px; display:inline }
div#middleCorners        { background-color:#FFF; padding:0px 20px 20px 20px}
img#banner               { margin: -37px 0px 10px 0px; }
div#footer               { height: 35px; width: 915px; margin: 0 auto; clear: both;  }
div#footerCorners        { background-color: #FFF;  }
div#footerBlock          { margin-left:164px; width:565px; }
div#footerBlock img      { margin: 10px 10px 0px 0px}

/* Making the footer stick to the bottom =] */
div#main        { min-height: 100%; }
* html div#main { height: 100%; }
div#footer      { position: relative; margin-top: -35px;}
div#middle      { margin-bottom: 20px; }

div#main,
div#container,
div#footer,
div.roundedContent{ background-color:#FFF }

/*
 * (Rounded) Content definitions
 */
div#map{ border: 1px solid #00aeef }
div.filled{ background-color: #00aeef }
div.roundedContent { padding: 10px 18px 10px 18px; min-height: 400px; }
div.roundedContentSmall{ min-height: 200px;}
div.content { padding: 0px; }
table.contentBlocks { width:642px; margin-top:10px }
table.contentBlocks tr td{ padding:15px 15px 30px 15px; width: 291px }
table.contentBlocks tr td.border1{ padding-left:0px; }
table.contentBlocks tr td.border2{}
table.contentBlocks tr td.border3{padding-left:0px; }
table.contentBlocks tr td.border4{}
div#middleBlockView{ width:714px;  }
div#middleBlockView div.roundedBlock{ width:347px; float:left; margin: 0px 20px 20px 0px; }
div#middleBlockView div.roundedBlock .roundedContent{ padding:15px; background-color:#FFF; min-height:231px; }
div#middle div.roundedCorners table div#middleCorners{ min-height:390px; padding-top:10px; }
div#right div.block div.roundedCorners { margin-bottom:15px }
/* reset values in rare cases */
div#footerBlock div.roundedContent{ min-height:0; padding:0 }
div#searchForm  div.roundedContent{ min-height:0; padding:0; padding-left:15px; }

/*
 * Clear floats
 */
div.clearl { clear: left; }
div.clearr { clear: right; }
div.clearb,
div.clear { clear: both; }

/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }

/*
 * header Images - on homepage
 */
ul#thumbnails                 { width:448px; height:132px; float:left; overflow: hidden; margin-left:17px; display:inline; }
ul#thumbnails li              { width:448px; height:132px; position: absolute; }
ul#navigator                  { background-color: white; width:245px; height:100px; float:left; padding: 5px 10px 10px 10px; line-height:23px; display:inline; }
*ul#navigator li a            { font-weight:normal; font-size:12px }
div#navigatorContainer        { width:245px; height:70px; float:left }
div#navigatorContainer table div.cornerLeft { background-color:#FFF; border-bottom: 1px solid #FFF }
div.imageTextContainer        { height:35px; margin:0 }

/*
 * form validation
 */
div.validationErrorMessage{ border:1px solid #CCC; background-color:white;color:#555;margin-left:5px;}
label.validationError{ color:red} 

/* ie6 png fix */
div,div#search,img, input {behavior: url('ie6png.htc'); }