body{background:#C9D6A6; font-family:arial, helvetica, sans-serif; font-size:9pt; color:#555555; padding:20px 0; margin:0;}

#content a{color:#884466; font-weight:bold;}
.storiesLinks #content a{color:#4477aa; font-weight:normal;}

.width {background:#C9D6A6 url("/images/template/glowBG.jpg") no-repeat; width:815px; margin:auto; padding:22px 22px 0 24px;}
.container{background:#ffffff; position:relative; z-index:2; text-align:left; width:770px;}

#header{margin:0; padding:0; height:131px; background:#ffffff url("/images/template/headerBG1.jpg"); position:relative;}
#logo{float:left; top:39px; left:12px; z-index:100; position:absolute;}
#banner{z-index:5; position:absolute; top:0; left:0;}
#logo img{border:0; width:179px; height:62px;}

/* classes for the horizontal nav */
#navBar{background:#58585A url("/images/template/navTopContentBG.gif") no-repeat 0% 0%; float:left; width:100%; text-align:center; font-family:arial, verdana, sans-serif; font-size:8pt; height:25px;}
#home #navBar{background:#58585A url("/images/template/navTopHomeBG.gif") no-repeat 0% 0%;}
#contact #navBar{background:#58585A url("/images/template/navTopContactBG.gif") no-repeat 0% 0%;}
#splashHolder #navBar{background:transparent url("/images/template/navTopSplashBG.gif") no-repeat; 0% 0%;}
#nav, #nav ul{padding:0; margin:0 100px 0 120px; width:541px; list-style:none; line-height:1; z-index:1000;}
#nav li{background:transparent; float:left; width:100px; text-align:center;} /* width needed or else Opera goes nuts */
#nav a{display:block; text-decoration:none; margin:0; color:#bbbbbb; padding:10px 0 4px 0;} 
#nav a:hover{color:#ffffff;}
#nav li:hover, #nav li.sfhover{position:static;} /* fix for IE7 having sticky menus */
#nav li ul{position:absolute; width:110px; left:-999em; border:1px solid #ffffff; margin-left:8px;}
#nav li#navAbout ul{margin-left:-22px;}
#nav li ul li{float:left; width:110px; background:#58585A; text-align:left;}
#nav li ul a{padding:7px 4px 7px 5px;}
#nav li:hover a, #nav li.sfhover a{color:#ffffff;}
#nav li:hover ul, #nav li.sfhover ul{left:auto;}

#nav li:hover ul a, #nav li.sfhover ul a{color:#bbbbbb;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover{color:#ffffff;}

#home #navAbout a, #home #navServices a, #home #navClients a, #home #navArticles a, #home #navContact a, #about #navAbout a, #services #navServices a, #clients #navClients a, #articles #navArticles a, #contact #navContact a{color:#ffffff;}
#home #navServices:hover ul a, #services #navServices:hover ul a, #home #navAbout:hover ul a, #about #navAbout:hover ul a{color:#bbbbbb;}
#home #navServices:hover ul a:hover, #services #navServices:hover ul a:hover, #home #navAbout:hover ul a:hover, #about #navAbout:hover ul a:hover{color:#ffffff;}

#nav li#navAbout{width:89px; text-align:left;}
#nav li#navServices{width:119px;}
#nav li#navClients{}
#nav li#navArticles{width:160px;}
#nav li#navContact{text-align:right; width:73px;}
/* end of horizontal nav classes */

/* left nav classes */
#leftNav{background:#4C7FAB url("/images/template/leftNavTop.gif") no-repeat; width:216px; color:#ffffff; font-size:8pt; padding-bottom:10px;}
#leftNavPadding{padding:30px 25px 5px 25px;}
#leftNav a{color:#ffffff; text-decoration:none;}
#leftNav a:hover{text-decoration:underline;}
#leftNav hr{border:0; border-top:1px solid #A6BFD5; height:1px;}
.padImage{margin-bottom:10px;}
/* end of left nav classes */

.clear{clear:both; font-size:0; margin:0; padding:0; height:0;}
.center{text-align:center;}

h1{color:#4477aa; font-size:15pt; font-family:arial, helvetica, sans-serif; font-weight:lighter; margin-left:-20px;}
#home h1{color:#4C7FAB; font-size:15pt; font-family:arial, helvetica, sans-serif; font-weight:bold; margin-bottom:0; padding-bottom:0;}
h2, strong{color:#804462; font-size:10pt; font-family:arial, helvetica, sans-serif; margin-top:0;}
h3{font-size:10pt; font-family:arial, helvetica, sans-serif; margin-top:0;}

#content{background:#ffffff url("/images/template/contentBG.gif") repeat-y; width:555px; line-height:25px;}
#contentTopImage{background:transparent url("/images/template/topContentEdge.gif") no-repeat; width:555px;}
#contentPadding{padding:25px 50px 15px 60px;}
#home #contentPadding, #contact #contentPadding{padding:0 50px;}
#contact #content{line-height:18px;}
.large{font-size:13pt; line-height:30px; margin-left:-20px;}
#content ul{list-style-image:url("/images/template/bullet.gif");}
.leftAlign{margin:0 15px 15px 0; float:left;}
.contentTable td{border:1px solid #666666; padding:5px; vertical-align:top;}
.contentTable th{border:1px solid #666666; padding:5px; font-weight:bold; color:#555555; text-align:center;}
.halfWidth{float:left; width:210px; margin-right:10px;}
.halfWidth ul{margin-left:15px; padding-left:0;}
.small{font-size:8pt; line-height:normal;}

.required{font-size:10pt; color:#884466; font-weight:bold;}
.label{text-align:right; font-weight:bold;}
.field input{border:1px solid #4C7FAB;}

#footer{height:48px; background:#C9D6A6 url("/images/template/footerBG.jpg") no-repeat; font-size:8pt; color:#ffffff; text-align:center;}
#copyright{padding-top:6px;}
#copyright a{color:#ffffff; text-decoration:none;}
#designed{float:right; color:#666666; text-align:right; font-size:6pt; width:220px; margin:10px 10px 0 0;}
#designed a{color:#666666; text-decoration:none;}