/* typography */
body{font: 76% arial,verdana,sans-serif;text-align: center}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{margin: 15px;font-size: 200%}
h2{font-size: 160%; margin:0 0 5px 15px}
h3{margin:5px 5px 5px 8px}
p{margin: 0 15px ;padding:0}
p{padding-bottom: 0.7em;line-height: 1.5}
a{text-decoration: none}
address{font-style:normal;}
div#relax p{font-size: 120%}
.cap { 
       float: left;
       width: 34px;
       font-size: 40px;
       line-height: 36px;
       font-weight: normal;
       color:#444444;
       font-family: georgia, times;
     }

/* layout */
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
div#container{width: 750px;margin: 0 auto;text-align: left;}
div#header{margin:0 0 10px;padding: 0; /*background:url(../img/pen.jpg) no-repeat center left; */}
div#header #logo {margin: 5px 0 0 5px}
div#header h1{margin:0 5px;padding:60px 0 2px}
div#header a{margin-left: 10px}
div#header .mastheadimg {border: 0}
div#sidebar{float: left;width: 180px}
div#sidebar div{padding: 5px 0;margin-bottom: 10px}
div#sidebar div#menu{margin: 0 5px}
div#nav ul {margin:5px 0 0 0;padding:0 0 5px 5px;}
div#nav li.level1{padding:0 0 5px 0;list-style-type:none; line-height: 1.5; font-weight:bold}
div#nav li.level1 ul { margin: 10px 0 0 0}
div#nav li.level2{padding:0 0 5px 5px;list-style-type:none; line-height: 1.5;font-weight:normal}
div#nav a{margin-left:5px;}
div#nav .navsectiontitle {margin-left: 5px}
div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}
form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{width: 90px;margin-left:10px}
div#content{width:560px; padding:5px 0; margin-bottom: 10px; float: right}
div#content .splint {padding: 0; margin:0 20px 10px 15px; min-height: 630px}
div#content .splint p img {float:right; margin: 0 10px 5px 5px}
* html .splint {
height: 490px;
}
div#content ul { padding: 0; margin-left: 30px;}
div#content ul li { line-height: 2}

ul.clientlogolist {list-style-type:none; margin-top: 40px}
ul.clientlogolist li { float: left; padding: 0 10px 0 0}
div.quotee { margin: 10px 0 20px 20px; font-weight: bold}
/* downloads list */
div#content .downloadslist {margin: 0 0 0 15px; padding: 0; list-style-type:none;}
div#content .downloadslist li {margin-bottom: 20px}
blockquote{margin: 0 10px 5px 15px;} 
div#content .downloadslist li img { border: 0}
blockquote p{margin:0;padding: 5px 5px 5px 10px;} 
div#relax{margin: 0 15px 10px;padding: 5px 0}
div#relax p, div#relax h2{margin: 0 5px}
div#footer{clear: right;margin-top: 10px}
address{padding: 3px 15px;font-style:normal}
/*div#footer div {padding: 2px 5px 2px 5px;  }*/
div#sidenotes address { padding: 5px 5px 5px 10px; margin: 0; line-height: 20px}
div.clientlogos {margin: 50px 0 0 0}
/*colors*/
body{background: #ced9e7}
div#header{background: #FFF}
div#header h1{background: #FFF}
h1 a{color: #C1E6FF}
h1 a:hover{color: #fff}
h3{}
div#nav{background: #f4f4b6}
div#nav a{
          /* background: url(../img/bullet.jpg) no-repeat center left; */
          color: #002b5f}
div#nav a:hover{color: #002b5f; text-decoration:underline}
div#sidenotes{background:#FC6}
form{background: #B4CEF7}
div#content{background: #FFF}
blockquote{background: #f4f4b6} 
div#relax{background: url(relax.jpg)}
div#relax h2{color: #F7DEB5}
div#relax p{color: #fff}
div#footer{background: #96b1d0;color: #333}