@charset "utf-8";
/* CSS Document */

body {margin:0; font-family:Arial, Helvetica, sans-serif; color:#2d2d2e}
h1 { color:#304984; font-size:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; margin-top:0}
h2 { color:#2d2d2e; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h3 { color:#2d2d2e; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:-10px; font-weight:normal}
h4 { color:#F00; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-top:0; font-weight:normal}

p, li, td {color:#2d2d2e; line-height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
a {color:#304984; text-decoration:underline}
img {border:0}
.clear {clear:both}
ul {padding-left:20px; margin-left:0}
li { list-style-image:url(../images/list-bg.png); color:#304984; font-size:14px; line-height:29px}
#right-panel img {margin-left:0;}
.blue {color:#304984;}

#header {margin:auto; width:990px; height:237px; overflow:hidden; background-image:url(../images/banner.png); background-repeat:no-repeat}
#logo { margin-top:35px; margin-left:27px}
#wrapper { margin:auto; width:990px}
#left-panel {width:209px; overflow:hidden; float:left; background-image:url(../images/nav-bg.png); background-position:top; background-repeat:no-repeat; padding-top:20px; padding-left:26px;}
#right-panel { float:right; background-image:url(../images/content-bg.png); background-position:top; background-repeat:no-repeat; width:675px; padding:20px 40px 20px 40px}
#home-links { margin:auto; width:930px; background-image:url(../images/homepage-menu.jpg); background-repeat:no-repeat; height:172px; overflow:hidden; margin-top:0; padding-left:30px; padding-right:30px;}
#home-links p, #home-links a {color:#FFF}
#home-links h1 {color:#FFF; margin-top:20px}
#home-links h1 {font-size:20px;}

#home-links-one, #home-links-two, #home-links-three { width:265px; padding-top:10px; float:left; padding-left:20px; padding-right:20px}
#footer { margin:auto; width:930px; margin-top:10px; background-image:url(../images/footer-bg.png); background-repeat:no-repeat; background-position:top; height:100px; padding-left:30px; padding-right:30px; padding-top:20px}
#footer p {color:#304984; font-size:11px}
#footer-left { float:left}
#footer-right { float:right}

#nav ul { padding:0; margin:0; overflow:hidden }
#nav li, #nav li:hover { background-image:url(../images/nav-btn.png); background-repeat:no-repeat; width:186px; height:40px; margin-top:5px; overflow:hidden}
#nav li a.active {background-image:url(../images/nav-btn.png); background-position:top}
#nav li { background-position:0 -40px; line-height:38px}
#nav li:hover { background-position:0 -80px}
#nav li a { display:block; width:166px; height:40px; color:#FFF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:20px}
div#left-panel ul.news li { padding-right: 21px; font-size: 12px; line-height: 15px;}
#news {margin-top: 2em}
#news li {text-align: right; margin-top: 1em; border-top: 1px solid black;}
#news li:first-child {border-top: none;}
#news h3 {text-align: left}
#news p {text-align: left}
#left-panel .news li {margin-bottom:1em}
#left-panel a[href$=".pdf"], right-panel a[href$=".pdf"]{ padding-right: 20px; background: url(../images/page_white_acrobat.png) no-repeat right center; }


/* Calculator */
#calculator fieldset {
  border: none; margin:0; padding:30px; background-color:#f4f1ea;
}
#calculator input {
  float:left;
  padding: 4px;
  width: 154px
}
#calculator .input-error {
  border: 1px solid red;
} 
#calculator label {
  float:left;
  width: 400px;
  padding: 4px;
  font-size: 12px;
}
span.alongside {
  float: left;
  padding: 4px;
}
#calculator h2, #calculator h4{ 
float: left;
width: 100%;
}
#calculator  p {
float: left;
width: 100%;
font-size: 11px;
font-style: italic;  
}
.error {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
color: #e10c0c;
background-color: #ffcdd1;
display:none;
}
/* home buttons */
#right-button a[href$=".pdf"] {background:none}

#left-button {
margin:10px 0 20px 0;
background:url(../images/calculator.png);
float:left;
height:142px;
margin-right:30px;
width:320px;
}
#left-button:hover {
background-position: 0 -142px;

}

#right-button {
margin:10px 0 20px 0;
background:url(../images/download.png);
float:right;
height:142px;
width:320px;
}
#right-button:hover {
	background-position: 0 -142px;

}