/*Stylesheet for SCREEN */
html {
  overflow-y: scroll;
}

body {
  background: #e2e9ff;
  color: #003649;
  padding: 0px;
  margin: 20px;
  font-size: 82%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 150%;
}
#back {
  width: 680px;
  margin: 0 auto;
  background: #fff;
  color: #003649;
}

#page {
  width: 620px;
  padding: 30px;
  border: solid 1px #c9cbcb;
  float: left;
  margin-bottom: 20px;
  background: #fff;
  color: #003649;
}
#cc_banner {
  width: 200px;
  height: 410px;
  background: url(../images/cc_banner.png) no-repeat #85ca2d;
  float: left;
  margin: 0 10px 0 0;
}
#header {
  width: 610px;
  height: 90px;
  float: left;
  clear: both;
}
#main_content {
  width: 620px;
  float: left;
}
#page_heading {
  padding: 10px 0;
  float: left;
  width: 620px;
}
#footer {
  width: 620px;
  background: #003649;
  color: #fff;
  float: left;
  margin-top: 10px;
}
#navigation {
  background: #003649;
  float: left;
  width: 620px;
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}
#navigation li {
  float: left;
  padding: 3px 10px;
}
#navigation a {
  background: #003649;
  color: #fff;
font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
}
h1 {
  padding: 0;
  margin: 0;
  font-size: 1.8em;
  font-weight: normal;
}
h2 {
  font-size: 1.1em;
  font-weight: normal;
}
h3 {
  font-size: 1.07em;
  font-weight: normal;
}
p {
  padding: 0;
  margin: 1em 0;
}
.text_right {
  text-align: right;
}

.right_col h2 {
  color: #f2c109;
  margin: 0;
  padding: 10px 0 0 0;
}
#left_foot h2 {
  font-size: 1.7em;
  font-weight: normal;
}

p.leading {
  color: #007aa9;
  background: #fff;
}
#contact_block {
  width: 184px;
  padding: 3px 8px;
  margin: 10px;
  float: right;
  background: #007aa9;
  color: #fff;
  font-size: 0.8em;
}
.right {
  float: right;
  padding: 3px 0 3px 4px;
}
.right.framed {
  float: right;
  padding: 4px 4px 4px 4px;
  background: #fff;
  margin: 0 0 4px 6px;
  border: solid 1px #ddd;
}
a img {
  border: 0;
}
.blue_box, .green_box, .white_box {
  background: #003649;
  color: #fff;
  padding: 30px;
  margin: 25px 0;
  font-size: 1.1em;
}
.blue_box.tight, .green_box.tight, .white_box.tight {
  padding: 20px;
  margin: 3px 0 10px 0;
  font-size: 1.1em;
}
.blue_box.home {
  padding: 20px 20px 20px 320px;
  margin: 10px 0 0 0;
  font-size: 1.1em;
  background: url(../images/chain2.jpg) no-repeat left bottom #003649;
}
.blue_box.contact {
  padding: 20px 20px 20px 320px;
  margin: 10px 0 0 0;
  font-size: 1.1em;
  background: url(../images/chain2.jpg) no-repeat left bottom #003649;
  min-height: 150px;
}
.blue_box.reflect {
  padding: 20px 20px 20px 100px;
  margin: 10px 0;
  font-size: 1.1em;
  background: url(../images/reflection.jpg) no-repeat left bottom #003649;
  min-height: 120px;
}
.green_box {
  background: #89d721;
  color: #003649;
}
.white_box {
  background: #fff;
  color: #003649;
  border: solid 1px #c9cbcb;
}
#contact_pane.white_box, #home_pane.white_box {
  background: #fff url(../images/cc-logo2.png) no-repeat bottom right;
  color: #003649;
  border: solid 1px #fff;
}
#projects h2, #about h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #89d721;
  margin: 1.8em 0 0.2em 0;
}
#projects h3, #about h3 {
  font-weight: bold;
  margin: 0.4em 0 0 0;
}
#projects p, #about p {
  margin: 0 0 0.8em 0;
}
.blue_box h2, .green_box h2, .white_box h2 {
  font-size: 1.5em;
}
.green_box h2 {
  color: #fff;
}
.white_box.projects h2 {
  font-size: 1.2em;
}
.blue_box h3 {
  font-size: 1.2em;
  color: #89d721;
}
.tight h2, .tight h3, .tight p {
  padding: 0;
  margin: 4px 0;
}
 .hleft {
  width: 260px;
  float: left;
  min-height: 330px;
}
.hright {
  width: 260px;
  float: right;
  min-height: 330px;
}