body { margin: 0; padding: 0; background: #B8B6A6; font-size: 12px; font-family: verdana, sans-serif; color: #30221C; }
a { color: #369; }
img { border: 0; }
a:hover { color: #69c; }
p { margin-top: 0; margin-bottom: 10px; line-height: 1.3em; }


#topbar { display: block;  width: 992px; height: 120px; padding-bottom: 1px; margin: auto; margin-top: 20px; margin-bottom: 0; background: url(../images/common/top_bg.jpg) top no-repeat; }  /* Padding necessary to keep blocks touching? Why? */

#logo {  float:left; padding-left: 40px; padding-top: 32px;}
#topImage { float: right; padding-top: 10px; padding-right: 36px; }
.clearer {  clear: both; height: 1px; overflow: hidden; }


#container {  display: block; width: 986px; padding-left: 6px; padding-bottom: 0px; padding-top: 1px;  margin: auto;  background: #fff url(../images/common/container_bg.jpg) repeat-y; } /* Padding necessary to keep blocks touching? Why? */


#navbar {  text-align: left; width: 980px; border-top: 1px solid #F4AF30;}

#navbar ul { list-style-type: none; margin: 0; padding: 0; width: 980px; }
#navbar ul li { float: left; }
#navbar ul li a { display: block; }


#homeNav a { width: 135px; height: 40px; text-indent: -5000px; background: url(../images/nav/home.jpg) no-repeat top; }
#homeNav, #homeNav a:hover, #homeNav.on a {  background: url(../images/nav/home.jpg) no-repeat left bottom; }

#whatNav a { width: 151px; height: 40px; text-indent: -5000px; background: url(../images/nav/what.jpg) no-repeat top; }
#whatNav, #whatNav a:hover, #whatNav.on a {  background: url(../images/nav/what.jpg) no-repeat left bottom; }

#whoNav a { width: 160px; height: 40px; text-indent: -5000px; background: url(../images/nav/who.jpg) no-repeat top; }
#whoNav, #whoNav a:hover, #whoNav.on a {  background: url(../images/nav/who.jpg) no-repeat left bottom; }

#teamNav a { width: 183px; height: 40px; text-indent: -5000px; background: url(../images/nav/team.jpg) no-repeat top; }
#teamNav, #teamNav a:hover, #teamNav.on a {  background: url(../images/nav/team.jpg) no-repeat left bottom; }

#referencesNav a { width: 193px; height: 40px; text-indent: -5000px; background: url(../images/nav/references.jpg) no-repeat top; }
#referencesNav, #referencesNav a:hover, #referencesNav.on a {  background: url(../images/nav/references.jpg) no-repeat left bottom; }

#contactNav a { width: 158px; height: 40px; text-indent: -5000px; background: url(../images/nav/contact.jpg) no-repeat top; }
#contactNav, #contactNav a:hover, #contactNav.on a {  background: url(../images/nav/contact.jpg) no-repeat left bottom; }



#underNav { clear: both; width: 980px; height: 10px; background: url(../images/common/under_nav.jpg) repeat-x; }

#leftCol { float: left; width: 250px; padding-left: 30px; margin-top: 30px; padding-bottom: 15px; }
#centerCol { float: left; width: 320px;  padding-left: 40px; margin-top: 30px; padding-bottom: 15px; }
#rightCol { float: right; width: 210px; padding-right: 56px; padding-top: 58px; padding-bottom: 15px;}

#leftCol img { border: 5px solid #EAE6D1; margin-bottom: 20px;}

#heading { margin-bottom: 10px; }
leftCol p, #leftCol ul { padding-right: 30px; }

h2 { font: normal 18px arial, sans-serif ; color: #1C81BC; margin-bottom: 10px; margin-top: 0; }
h3 { font: bold 12px verdana, sans-serif; margin-top: 8px; margin-bottom: 8px;}

#centerCol ul, #rightCol ul { padding: 0; margin: 0; padding-left: 15px; margin-bottom: 12px;}
#centerCol ul li, #rightCol ul li { margin-bottom: 4px; }
#centerCol p, #centerCol ul { padding-right: 20px; }
#centerCol dl { padding-right: 15px; }



dl { list-style-type: none; margin: 0; padding: 0;}
dt { margin: 0; padding: 0; font-weight: bold; margin-bottom: 6px; }
dd { margin: 0; padding: 0; padding-left: 0px; margin-bottom: 12px; }

#references h3 { margin-bottom: 8px; }


#rightCol ul { margin-top: 6px; margin-bottom: 20px; }

.team #rightCol ul { list-style-type: none; margin: 0; padding: 0; margin-top: 15px;}
.team #rightCol li a { font-weight: bold; text-decoration: none; font-size: 12px; }
.team #rightCol li.on a { color: #69c; }
.team #rightCol li.indent { padding-left: 12px; margin-bottom: 12px; }

p.pullquote { font: normal 15px Georgia, serif ; font-style: italic; margin-bottom: 8px; }


#contact #centerCol dl {  display: block; clear: both; width: 300px; list-style-type: none; margin: 0; padding: 0; margin-top: 6px; /* border: 1px solid red; */}
#contact dt { float: left; white-space: nowrap; padding-right: 4px;}
#contact dd { float: left;  }
#contact dl, dt, dd { margin-top: 0; margin-bottom: 6px; }




#aboveFooter { width: 980px; height: 13px; background: url(../images/common/above_footer.gif) repeat-x; }

#footer { width: 992px; height: 50px; margin: auto; background: #336699 url(../images/common/footer_bg.jpg) bottom no-repeat;  color: #EDF3F7; line-height: 40px; }
#copyrightDiv { float: left; width: 300px; padding-left: 26px; font-size: 10px; }
#bylineDiv { float: right; width: 250px; }

#contactDiv { float: right; width: 300px; text-align:right; padding-right: 26px; font-size: 11px; }

#footer a { color: #EDF3F7; text-decoration: none; }
#footer a:visited { color: #EDF3F7; text-decoration: none; }
#footer a:hover { color: #fff; }


#home div#footer div#bylineDiv a { color: #67AACE; text-decoration: none; font-size: 9px; }
#home div#footer div#bylineDiv a:hover { color: #EDF3F7; }


.clearer { clear: both; height: 1px; overflow: hidden; }