* {
  margin:0;
  border:0;
  padding:0;
  font-family:Verdana,Arial,sans-serif;
}
body {
  height:100%;
  font-size:62.5%; /* This corresponds to 10px in current browsers. So, 1.1em = 11px */
  background:#F5F5F5 repeat-x top left;
  text-align:center;
}
#container {
  width:940px;
  margin:0 auto;
  text-align:left;
  font-size:1.1em;
  color:#333;
  overflow:hidden;
  background:white;
  border:1px solid #9A9A9A;
  border-top:none;
}
#logo {
  display:block;
  margin-top:15px;
  height:41px;
  width:218px;
  font-size: 1.8em;
}
ul.links {
  margin-top:-5px;
  float:right;
}
ul.links li {
  display:inline;
}
#navbar {
  margin:0 15px 15px 15px;
  height:31px;
  border:1px solid #CCC;
  background:url(../images/navbar-background.gif) repeat-x top left;
}
#navbar ul li {
  display:inline;
  list-style-type:none;
}
#navbar ul a {
  float:left;
  line-height:31px;
  height:31px;
  font-size:1.2em;
  font-weight:bold;
  color:#333;
  padding:0 15px;
  border-right:1px solid #CCC;
  text-decoration:none;
  background:url(../images/navbar-background.gif) repeat-x top left;
}
#navbar ul a.home {
  padding:0;
  cursor:pointer;
}
#navbar ul a.home span {
  display:block;
  height:31px;
  background:url(../images/icons/home.gif) no-repeat center;
  padding:0;
  width:34px;
}
#navbar ul a.home span span {
  display:none;
}
#navbar ul a:hover,
#navbar ul a.selected {
  color:#F08836;
  background-position:bottom left;
}
#navbar ul.icons {
  float:right;
}
#navbar ul.icons li {
  float:left;
  background:url(../images/navbar-divider.gif) no-repeat left;
  padding-left:2px;
}
#navbar ul.icons a {
  border:0;
}
#navbar ul.icons a span {
  display:none;
}
#navbar #print-icon {
  padding:0;
  background-image:none;
  display:none;
}
#navbar #help-icon a,
#navbar #help-icon a:hover {
  background:url(../images/icons/speech.gif) no-repeat center;
}
#navbar .excel-icon a,
#navbar .excel-icon a:hover {
  background:url(../images/icons/excel.gif) no-repeat center;
}
#navbar #save-icon a,
#navbar #save-icon a:hover {
  background:url(../images/icons/save.gif) no-repeat center;
}
#navbar #print-icon a,
#navbar #print-icon a:hover {
  background:url(../images/icons/print.gif) no-repeat center;
}
#footer {
  clear:both;
  border-top:1px solid #CCC;
  height:30px;
  line-height:30px;
  margin:0 15px 0 15px;
}
#footer .links {
  height:30px;
  line-height:30px;
  margin-top:0;
}
/* boxes */

.box {
  margin:0 0 15px 15px;
  width:355px;
}
.box h2 {
  height:23px;
  border:1px solid #CCC;
  background:url(../images/box-header-background.gif) repeat-x top left;
  font-size:1em;
  line-height:23px;
  padding-left:8px;
  padding-right:8px;
  margin:0;
}
.box div {
  border:1px solid #CCC;
  border-top:0;
  background:#FAFAFA;
  padding:6px 8px 8px 8px;
}
.box div h2 {
  background:none;
  border:0;
  font-size:1.45em;
  padding-left:0;
  height:auto;
  margin-bottom:0.75em;
}
.box div h3 {
  font-size:1em;
  margin-bottom:0.75em;
}
.box div img {
  clear:both;
  float:left;
  margin:2px 10px 4px 1px;
}
.box div p {
  line-height:1.4;
}
.box div.only {
  border:1px solid #CCC;
}
.box div.no-border {
  border:none;
  background:none;
}
.box div.no-padding {
  padding:0;
}
.box div.poweredby {
  height:42px;
  width:148px;
  padding:0;
  margin:2px 0 0 202px;
  border:0;
  background:url(../images/powered_by_ipreo.gif) no-repeat top left;
  position:absolute;
}
.box div.new {
  height:42px;
  width:42px;
  padding:0;
  margin:6px 0 0 309px;
  border:0;
  background:url(../images/icons/new.png) no-repeat top left;
  position:absolute;
}
.box div hr {
  height:0;
  color:#CCC;
  border-bottom:1px solid #CCC;
  margin:0 0 1em 0;
}
.box h2 .search {
  display:block;
  margin-right:-3px;
  background:url(../images/icons/search.gif) no-repeat right;
}
.box ul {
  list-style-type:none;
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.full-width {
  width:725px;
}
.quarter-width {
  width:170px;
  float:left;
}
.three-eighths {
  width:266px;
}

.half-width {
  width:355px;
  float:left;
}
.five-eighths {
  width:444px;
}
.three-quarter-width {
  width:540px;
}
.container {
  float:left;
  min-width:725px;
}
#main {
  float:left;
  width:740px;
  margin-bottom:25px;
}
p {
  margin-bottom:1em;
}