body, h1, h2, h3, h4, h5, h6, p, div, table, tr, td, ol, dl, dt, dd, br, hr, img, form {
  padding: 0px;
  margin: 0px;
}

a { text-decoration: none; color: #537EB4; }
a:hover { text-decoration: underline; }
body { margin-top: 12px; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 1.2em; color: #537EB4; display: none; background-color: transparent; }
h2 { font-size: 0.7em; padding-bottom: 21px; color: #537EB4; background-color: transparent; text-align: left; }
h3 { font-size: 0.7em; color: #537EB4; background-color: transparent; }

p, li, td {
  font-size: 0.7em;
  line-height: 1.25em;
  word-spacing: 1px;
  color: #204055;
  padding-bottom: 6px;
}


.error {
  padding-top: 6px; padding-bottom: 12px;
  font-size: 0.7em;
  color: #dd0000;
}


/* main page structure ID styles */

#container { width: 800px; position: absolute; left: 50%; margin-left: -400px; }

#top { background: url(images/bg_header.png) repeat-x 0px 0px; height: 36px; }

/*#header { background: url(images/flash_image.jpg) no-repeat 0px 0px; margin-bottom: 3px; }*/
#header {  margin-bottom: 3px; }
#header>img {
  display: none;
}

#main { clear: both; border-top: 1px solid #BCC5CC; padding-top: 3px; }

#mainleft {
  width: 200px;
  float: left;
  margin-right: 3px;
  padding-bottom: 150px;
  background-color: white;
  background-image: url(images/bg_mainleft.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

#mainmiddle { float: left; width: 597px; }
/* used on non-homepage pages*/



#mainmiddlefull {
  float: left;
  width: 595px;
  border: 1px solid #AA97C6;
  background: white url(bg_methodology.png) bottom repeat-x;
  margin-bottom: 3px;
  overflow: auto;
  padding-bottom: 48px;
  height: 25em;
}
/* This HACK has been added to fix the IE6 width issue, 
whereby it includes the border in the width of the object, 
whereas other browsers don't include the border; hence, 
why the width specified for IE6 is greater than for the 
other browsers... (rule above) */
* html #mainmiddlefull { width: 595px; }

#mainmiddlefull img{
  border: 1px solid #AA97C6;
  padding: 3px;
  margin: 6px 12px 12px 12px;
}


#methodology{ border: 1px solid #AA97C6; background: white url(bg_methodology.png) bottom repeat-x; margin-bottom: 3px; }



#panelcasestudy1, #panelcasestudy2, #panelnews {
  width: 195px;
  float: left;
  height: 22.8em;
  overflow: visible;
  margin-bottom: 3px;
}

/* This HACK has been added to fix the IE6 width issue, 
whereby it includes the border in the width of the object, 
whereas other browsers don't include the border; hence, 
why the width specified for IE6 is greater than for the 
other browsers... (rule above) */
* html #panelcasestudy1, * html #panelcasestudy2, * html #panelnews { width: 197px; }
* html #panelnews { width: 191px; }


#panelcasestudy1, #panelcasestudy2 {margin-right: 3px; }

#panelcasestudy1 { border: 1px solid #537EB4; background: white url(images/flashcs1.jpg) bottom repeat-x; padding-top: 10px; }

#panelcasestudy2 { border: 1px solid #84A3C5; background: white url(images/flashcs2.jpg) bottom repeat-x; padding-top: 10px; }

#panelnews { border: 1px solid #CADFF7; background: white url(images/bg_panelnews.png) bottom repeat-x; padding-top: 10px; }

#panelnews h2 { padding-bottom: 30px; }
#panelnews li { vertical-align: top; list-style: url(images/list_newsicon.gif); padding-bottom: 1em; }
#panelnews ul { margin-bottom: 0.5em; }



#footer { clear: both; margin-top: 33px; text-align: center; color: #537EB4; background: white; }



#googlequery {
  width: 132px;
}



.gutter { padding: 5px 25px; }

.mainleftbox {
  border: 1px solid #C0C0C0;
  margin-bottom: 3px;
  /*height: 9.8em;*/
  text-align: center;
  background-color: white;
  background-image: url(images/bg_mainleftbox.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
.mainleftbox input{
  width: 75px;
}
.mainleftboxsearch {
  border: 1px solid #C0C0C0;
  margin-bottom: 3px;
  /*height: 7.8em;*/
  text-align: center;
  background-color: white;
  background-image: url(images/bg_search.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
.mainleftbox input[type="text"] {
  border: 1px solid #C0C0C0;
}
.mainleftbox2 {
  border: 1px solid #C0C0C0;
  margin-bottom: 3px;
  text-align: center;
  background-color: white;
  background-image: url(images/bg_mainleftbox_new.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
.readmore {
  font-size: 0.7em;
  padding-bottom: 4px;
  color: #537EB4;
  text-align: right;
}
.submitlink {
  font-size: 0.7em;
  padding-bottom: 4px;
  color: #537EB4;
  text-align: right;
}

    
#pageMenu { font-size: 1em; width: 800px; background: #C7C7C7 url(images/bg_menu.gif) top left no-repeat; padding-top: 1px; height: 1.2em; }
#pageMenu a { display: block; width: 112px; text-align: left; padding-left: 8px; line-height: 1.6em; background: #ccc url(images/bg_menu_li2.gif) top left no-repeat; font-weight: bold; }
#pageMenu ul, #pageMenu li { margin: 0; padding: 0; list-style: none; }
#pageMenu ul { margin-left: 99px }
#pageMenu ul li ul li a { font-weight: bold; display: block; width: 120px; padding-left: 6px; background: url(images/bg_menu_li_li2.gif) bottom left no-repeat; font-size: 1.4em; text-align: center; line-height: 20px; text-align: left;}
#pageMenu ul li ul li.lastitem a { background: url(images/bg_menu_li_li_lastitem2.gif) bottom left no-repeat; }
#pageMenu ul li { float: left; position: relative; width: 120px; }
#pageMenu ul li.lastitem a { width: 114px; }

/* sub menu items */
#pageMenu ul li ul { margin-left: 0; position: absolute; display: none; text-align: left; left: 1px; top: 1.6em; width: 120px; }
#pageMenu li > #pageMenu ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; }
#pageMenu ul li:hover ul, #pageMenu .sfhover ul { display: block;  }

#pageMenu a { color: #093477; text-decoration: none; }
#pageMenu a:hover { color: #866FC2; text-decoration: none; }