body, html {
  height:100%;
}
body {
  background:#FFF url(/images/v2/bg-tile.gif) repeat-x 0px 66px;
  padding:20px 0px;
}
* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#868882;
  line-height:1.6em;
}
h1 {
  font-size:20px;
  color:#2f447e;
  padding-bottom:5px;
  border-bottom:1px solid #2f447e;
  margin-bottom:15px;
}
h2 {
  font-family: Helvetica, sans-serif;
  font-size:16px;
  color:#2F437E;
  text-transform:uppercase;
}
h3 {
  color:#6B7B92;
  text-transform:uppercase;
  font-weight:bold;
}
b {
 color:#777; 
}
p {
  margin:0px 0px 20px 0px;
}
td {
  vertical-align:top;
}
th {
  font-weight:bold;
  line-height:1.1em;
  vertical-align:bottom;
  padding:2px 4px;
}
ul {
  margin:15px 0px;
}
li {
  margin-left:20px;
  list-style:square;
}
sup, sub {
  font-size:8px;
}
/* blah */
hr {
  color: #283c74;
  background-color: #283c74;
  height: 1px;
}
pre {
  font-size: 12px;
  padding: 5px 10px;
  margin:0px;
}

/* foramtting */
#doc {
  width:820px;
  min-width:820px;
}
#hd, #ft {
  background:url(/images/v2/grey-bar.jpg) no-repeat left top;
}
#hd {
  padding:43px 0 0 10px;
  height:44px;
  margin-bottom:10px;
}
#hd img {
  padding:2px 7px;
  background-color:#FFF;
}
#ft {
  height:30px;
  color:#A9A9A9;
  font-size: 93%;
  padding:5px 39px;
}
#bd {
  padding:10px;
}
#bod td {
  vertical-align:top;
}
#content {
  width:425px;
  padding-left:40px;
}
#nav {
  background:url(/images/v2/nav-bg.gif) repeat-y;
  padding:50px 15px 20px 5px;
  width:155px;
}
#nav-btm {
  background:url(/images/v2/nav-btm.gif) no-repeat left bottom;
  height:14px;
}

#nav .sub {
  padding-left:10px;
  padding-bottom:10px;
}
#nav a, #nav a:visited {
  display:block;
  padding:0 0 8px 20px;
  color: #97A0BD;
  text-decoration:none;
  text-transform:uppercase;
  font-size:77%;
}
#nav a:hover, #nav a:visited:hover {
  color:#FFF;
}
#nav a.hit, #nav a.hit:visited {
  background-image:  url(/images/v2/nav-tick.jpg);
  background-repeat: no-repeat;
}

.frame, #txt img {
  display:block;
  padding:3px; 
  border:1px solid #AEC5E7;
  margin:0px 0px 10px;
  text-align:center;
}
div.frame {
  width:400px;
}
div.frame embed {
  display:block;
}

/* quotes */
#txt q {
  display:block;
  position:relative;
  float:right;
  top:0px; left:10px;
  width:200px;
  margin:10px 0px;
}
#txt q p {
  position:relative;
  _left:150px;
  background:#CCDFFE url(/images/_/quote.jpg) no-repeat;
  padding:30px 25px 30px 75px;
  width:240px;
  margin-bottom:0px;
  font-size:12px;
  color:#6A7C92;
  line-height:1.9em;
  font-style:italic;
}
#txt q p b {
  display:block;
  padding-top:5px; 
  font-size:10px;
  color:#6A7C92;
  font-style:normal;
}

/*  ----------------Projects---------------------- */ 
#projects div.line { border-bottom:2px solid #C5CEDD;padding-top:20px; }
#projects div.details { padding-top:10px; display:none; }
#projects div.on, div.off { padding:10px; padding-left:22px; border:2px solid #FFFFFF; background-color:#FFF; background-repeat:no-repeat; background-position:5px 18px;}
#projects div.off { border-color:#FFFFFF; background-color:#FFFFFF; background-image:url(/images/_/detail-arrow.gif); }
#projects div.on { border-color:#C5CEDD; background-color:#FFF; background-image:url(/images/_/detail-down.gif); }
#projects td, #projects th { vertical-align:top; }
#projects th { width:150px; }
#projects h2 { font-size:14px; }
#projects h3 { font-size:12px; text-transform:none; }
#projects a.details { color:#cc3300; text-decoration:none; }
#projects img.thumb { display:block; margin-bottom:10px; border:2px solid #C5CEDD; padding:2px; }