body { text-align: center; margin: 0px 0px 30px; padding: 0px; color: #898989; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 62.5%; background-color: #FFFFFF; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, Helvetica, sans-serif; padding-top: 0px; color: #464646; font-weight: normal; margin-top: 0px; }
p, input, select { font: 1.2em/16px Arial, Verdana, Helvetica, sans-serif; }
ol { font-size: 1.2em; }
ol li { margin-bottom: 2em; }
.clear { clear: both; }
.small { font-size: 9px; }
a:link { color: #00ADEF; text-decoration: none; }
a:visited { color: #00ADEF; text-decoration: none; }
a:hover { color: #1B3F95; text-decoration: none; }
a:active { color: #1B3F95; text-decoration: none; }
a img { border-bottom: 0; }
#wrapper { width: 763px; margin-right: auto; margin-left: auto; text-align: left; background: transparent; }
/*********** header ***********/

#head { position: relative; height: 104px; margin-top: 20px; }
#logo { position: absolute; background: url(../img/chapman_logo.gif) no-repeat 0px 0px; height: 82px; width: 198px; text-indent: -9999px; left: 0px; top: 0px; margin: 0px; padding: 0px; }
/*********** utility ***********/

#utility { width: 320px; position: absolute; right: 0px; margin: 0px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 1.6em; top: 60px; text-align: right; color: #1B3F95; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
#services #utility { top: 60px; }
/*********** global nav ***********/

#globalnav ul#menu { height: 44px; margin: 0; padding: 0; position: relative; background-image: url(../img/global_nav.jpg); background-repeat: no-repeat; background-position: left top; }
#globalnav ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a { height: 44px; display: block; }
#globalnav ul#menu li a { text-indent: -9999px; overflow: hidden; text-decoration: none; border-style: none; }

#nhome { left: 0; width: 80px; }
#nservices { left: 80px; width: 101px; }
#nenviro { left: 181px; width: 150px; }
#nsectors { left: 331px; width: 94px; }
#npeople { left: 425px; width: 87px; }
#nnews { left: 513px; width: 76px; }
#nabout { left: 589px; width: 80px; }
#ncontact { left: 669px; width: 95px; }

#nhome a:hover { background: transparent url(../img/global_nav.jpg) 0 -44px no-repeat; }
#nservices a:hover { background: transparent url(../img/global_nav.jpg) -80px -44px no-repeat; }
#nenviro a:hover { background: transparent url(../img/global_nav.jpg) -181px -44px no-repeat; }
#nsectors a:hover { background: transparent url(../img/global_nav.jpg) -331px -44px no-repeat; }
#npeople a:hover { background: transparent url(../img/global_nav.jpg) -425px -44px no-repeat; }
#nnews a:hover { background: transparent url(../img/global_nav.jpg) -513px -44px no-repeat; }
#nabout a:hover { background: transparent url(../img/global_nav.jpg) -589px -44px no-repeat; }
#ncontact a:hover { background: transparent url(../img/global_nav.jpg) -669px -44px no-repeat; }
/* Sets tab to on state, using id in the body tag */
body#home #menu #nhome a { background: transparent url(../img/global_nav.jpg) 0 -88px no-repeat; }
body#services #menu #nservices a { background: transparent url(../img/global_nav.jpg) -80px -88px no-repeat; }
body#enviro #menu #nenviro a { background: transparent url(../img/global_nav.jpg) -181px -88px no-repeat; }
body#sectors #menu #nsectors a { background: transparent url(../img/global_nav.jpg) -331px -88px no-repeat; }
body#people #menu #npeople a { background: transparent url(../img/global_nav.jpg) -425px -88px no-repeat; }
body#news #menu #nnews a { background: transparent url(../img/global_nav.jpg) -513px -88px no-repeat; }
body#about #menu #nabout a { background: transparent url(../img/global_nav.jpg) -589px -88px no-repeat; }
body#contact #menu #ncontact a { background: transparent url(../img/global_nav.jpg) -669px -88px no-repeat; }
/*********** flash on home page area ***********/
#flashhome { margin: 0px; padding: 0px; height: 301px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #898989; }
#flashhome h2, #flashhome p, #flashhome img { text-align: center; }
#flashhome h2 { text-align: center; margin-top: 20px; }
/*********** image area ***********/
#imagearea { margin: 0px; background: transparent; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 0px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; }
/*********** case study image area ***********/
#csimagearea { margin: 0px; padding: 4px; background: #e1e1e1; }
/*********** content **************/

#homecolwrap { background-color: #f3f3f3; width: 748px; overflow: hidden; padding-left: 15px; }
/*********** column one ***********/
#colone { margin: 0px; padding: 15px 20px 20px 0px; width: 224px; float: left; background: transparent; }
#colone h2 { font-size: 1.6em; font-weight: bold; }
#colone img { margin: 0px; padding: 0px 15px 0px 0px; float: left; }
#coltwo { margin: 0px; padding: 15px 0px 20px 20px; width: 224px; float: left; }
#coltwo h2 { font-size: 1.6em; font-weight: bold; }
#coltwo img { margin: 0px; padding: 0px 15px 0px 0px; float: left; }
#colthree { margin: 0px; padding: 15px 0px 20px 20px; width: 224px; float: left; }
#colthree h2 { font-size: 1.6em; font-weight: bold; }
.latest-news p a { font-size:18px; line-height:normal}
/*col 4 styles*/
#colfour { margin: 0px; padding: 15px 20px 20px 0px; width: 514px; float: left; }
#colfour h2 { font-size: 3em; font-weight: bold; }
#colfour h2 span { font-size: 12px; }
#colfour h3 { font-size: 1.6em; font-weight: bold; margin: 0px; padding-top: 20px; padding-bottom: 20px; }
#colfour h4 { font-size: 1.6em; font-weight: bold; margin: 0px; padding: 12px 0px 0px; }
#colfour ul { padding:0; margin:0 0 15px 0}
#colfour ul li { padding: 0; padding-left:15px; font: 1.2em Arial, Verdana, Helvetica, sans-serif; background:url(../img/blue-bullet.png) no-repeat left 5px; list-style:none }
#colfour dl { margin: 0px; float: left; font-size: 1.1em; padding-top: 0px; padding-right: 10px; padding-bottom: 15px; padding-left: 0px; min-height:181px }
#colfour dd { margin: 0px; padding:5px 0px 0px; width:148px; }
#colfour dl img { background: #e1e1e1; padding:4px; }
/*people*/
#people #colfour .mugshots { width: 514px; overflow: hidden; padding-bottom: 15px; }
#people #colfour .mugshots dl { margin: 0px 60px 0px 0px; float: left; font-size: 1.1em; padding: 0px; width: 108px; min-height:0 !important }
#people #colfour .mugshots dl#last { margin: 0px 0px 0px 168px; float: left; font-size: 1.1em; padding: 0px; width: 108px; }
#people #colfour .mugshots dd { margin: 0px; padding:5px 0px 0px; }
#people #colfour .mugshots dl img { background: #e1e1e1; padding:4px; }
/*new styles for case study page*/
#cs_detail { margin: 0px; padding: 15px 0px 0px; background-color: #FFFFFF; }
#cs_detail h2 { font-size: 3em; font-weight: bold; }
#cs_detail h2 span { font-size: 12px; }
#cs_detail h3 { font-size: 1.6em; font-weight: bold; margin: 0px; padding-top: 0px; padding-bottom: 20px; color: #00ADEF; }
#cs_detail h4 { font-size: 1.6em; font-weight: bold; margin: 0px; padding: 12px 0px 0px; color: #00ADEF; }
#cs_detail ul { font: 1.2em Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; }
#cs_detail p { padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
/*left col for case study detail page*/
#csleft { float: left; width: 365px; padding-bottom: 20px; }
/*rights col for case study detail page*/
#csright { float: right; width: 365px; padding-bottom: 20px; }
.colfive { margin: 0px; padding: 0 20px 0 0px; width: 230px; float: left; background:none; }
#sitemap dl { margin: 0px; padding: 0px; float: left; width: 257px; font-size: 1.2em; }
#sitemap dd { margin: 0px; padding: 2px 0px; }
#sitemap dt { margin: 0px; padding: 10px 0px 2px 0px; font:  1.2em Tahoma, Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.contactcol { margin: 0px; padding: 0px 0px; width: 170px; float: left; background: transparent; }
.contactcol img.margin { margin:16px 0 0 0}

.contactcoltwo { margin: 0px; padding: 10px 0px 0px; width: 514px; float: left; }
.contactrow { width:100%; overflow:hidden }
.email {float:left; margin:20px 0 0 0}
/*********** sub navigation ***********/
#subnav { margin: 0px; padding: 15px 0px 20px; width: 229px; float: left; background: transparent; }
#subnav ul { font: 1.2em Tahoma, Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px; list-style: none; }
#subnav li { margin: 0px; padding: 7px 0px 9px; background-image: url(../img/subnav_rule.jpg); background-repeat: no-repeat; background-position: bottom; }
/*********** case study sub navigation ***********/
#csnav { margin: 0px; padding: 15px 0px 20px; background: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #898989; }
#csnav ul { font: 1.1em; margin: 0px; padding: 0px; }
#csnav li { display: inline; }
#csnav li a { margin: 0px 2px 0px 0px; padding: 4px; list-style: none; background-color: #E1E1E1; }
#csnav li a:visited { margin: 0px 2px 0px 0px; padding: 4px; list-style: none; background: #E1E1E1; }
#csnav li a:hover { margin: 0px 2px 0px 0px; padding: 4px; list-style: none; background: #898989; }
/*********** footer ***********/

#footer { font-size: 1.1em; clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: #898989; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
#footer ul { margin: 0px; padding: 0px 0px 5px; list-style: none; }
#footer li { display: inline; padding-right: 10px; }


.highlight { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 2em; line-height: 22px; color: #1B3F95; }
.previous { font-size: 1.1em; display: block; margin: 0px; padding-top: 10px; padding-bottom: 10px; }
.date { margin: 0px; padding: 0px 0px 8px; border-bottom: 1px dotted #798c82; color: #898989; }
.news_img { background: #e1e1e1; margin: 0px 0 20px 15px; padding:4px; float:right; }
.sitemap { margin: 0px 20px; padding: 0px; list-style: none; }
.sitemaptitle { font: 1.5em Tahoma, Arial, Verdana, Helvetica, sans-serif; }

ul#alphabet { padding:0; margin:0; width:100%; overflow:auto}
ul#alphabet li { float:left; list-style:none; background:none; padding:0}
ul#alphabet li a { float:left; display:block; padding:3px; margin-left:5px }
ul#alphabet li.first a {  margin-left:0} 

.client-list #container p { margin:0}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {display: none;}
}