/* ---------------------------------------- *
    background:   #d9d2c3
    outer border: #ccc1a9
    header cap:   #7db7e8
    header bg:    #b2d7f2
    nav bg:       #7db7e8
    dark blue:    #091f3e
    links:        #2070d1

    column: 165px with 10px padding left and right
 * ---------------------------------------- */

* {
margin:0;
padding:0;
font-family:"trebuchet ms";
font-size: 1em;
}
body {
width: 845px;
margin: 0 auto 0 auto;
padding: 0px;
text-align: center;
background: #42474a url(/images/background.main.gif) repeat-x 0 0;
font-size: 62.5%;
}
#outer {
width: 845px;
margin: 0;
padding: 0 10px;
background: transparent url(/images/background.body.png) repeat-y 0 0;
text-align:left;
}
#inner {
width: 825px;
font-size:1.2em;
}


/* Header
----------------------------------------------------------*/
#header {
position: relative;
width:825px;
height:95px;
background:#b2d7f2 url(/images/header/sky_noon.png) no-repeat 0 0;
}
#link_logo {
display:block;
position: absolute;
top: 20px;
height: 35px;
font-size: 0px;
line-height: 0px;
text-indent: -5000px;
text-decoration: none;
}
#link_logo {
left: 10px;
width: 225px;
}


/* Main Navigation
----------------------------------------------------------*/
#main_navigation {
list-style-type: none;
width: 825px;
float: left;
margin: 0 0 10px 0;
padding: 6px 0 15px 0;
background: #7db7e8 url(/images/background.main_navigation.png) no-repeat left bottom;
font-size: 93.5%; /*originally shared the default 62.5% setting*/
}
#main_navigation li {
float:left;
margin:0 25px 0 10px;
}
#main_navigation a {
font-weight:bold;
text-decoration:none;
color:#091f3e;
}
#main_navigation a:hover {
color:#ffffff;
}


/* Footer
----------------------------------------------------------*/
#footer {
clear: both;
border-top: 1px solid #69c;
padding: 5px 10px 10px 10px !important;
background:#7db7e8 url(/images/nav_bg.png) repeat-y 0 0;
color:#091f3e;
font-size:.9em;
line-height:1.25;
}
#footer a {
color:#091f3e;
}
#footer abbr {
border:0;
}
#footer .vcard {
width:495px;
float:left;
}
#footer ul {
list-style-type:none;
}
#footer ul li {
margin-bottom:4px;
}
#footer ul.nav {
clear:left;
list-style-type:none;
padding-top:10px;
}
#footer ul.nav li {
float:left;
margin:0 25px 0 0;
}
#footer ul.nav a {
text-decoration:none;
}


/* Miscellaneous Classes
----------------------------------------------------------*/
.clears {
clear: both;
font-size: 0px;
line-height: 0px;
height: 1px;
}





.wrapper {
  width: 805px;
  float: left;
  padding: 10px;
  background-color: #fff;
}

#main_section {
  width: 475px;
  float: left;
  padding-right: 10px;
}
.fullscreen #main_section {
  width: 785px;
}
.fullscreen #main_section p, .fullscreen #main_section li {
  padding-right: 300px;
}

.fullscreen #main_section #google_map {
  padding-right:0;
}

#sidebar {
  width: 310px;
  float: left;
  padding-left: 10px;
}



.color_block {
  float:left;
  margin-bottom:10px;
  background-repeat:no-repeat;
  background-position:0 12px;
  background-color:#e7f1e6;
}
  .color_block h1, .color_block h2 {
    position: absolute;
    left:-5000px;
  }
  .color_block h1.show, .color_block h2.show {
    position: relative;
    left: 0;
    margin:0 0 0 155px;
    border-left: 1px solid #d2e5d0;
    padding: 3px 0 3px 10px;
    font-size: 1.1em;
    background: #fff;
  }
  .color_block ul, .color_block ol, .color_block p, .color_block h3, .tablewrap, .color_block form {
    margin-left: 155px;
    border-left: 1px solid #d2e5d0;
    padding: 0 0 .9em 10px;
    background: #fff;
    line-height: 1.25;
  }

  
  .color_block form p {
    margin: 0;
    border: 0;
  }
  .color_block form p textarea {
    width: 100%;
    height: 6em;
  }
  .color_block form table {
    margin: 0 0 .9em 10px;
  }
  .color_block form table td {
    padding: .1em 0 .1em 0;
    vertical-align: middle;
  }
  .color_block form table td label {
    padding: .1em 0 .1em 0;
  }
  .color_block form table td.other label {
    float: left;
    padding: 0 1em 0 0;
  }
  .color_block form table td.radio_options {
    width: 85px;
  }
  .color_block form table td.radio_options input, .color_block form table td.radio_options div {
    float: left;
    margin: 0 3px 0 0;
    width: 13px;
    text-align: center;
  }

  
  .color_block ul {
    list-style-type:none;
  }
  .color_block li {
    margin-bottom:8px;
  }
  .color_block h3 {
    font-size: 1em;
    padding: 0 0 0 10px;
  }
  #sidebar .color_block {
    background-color:#f1f0e6;
  }
  #sidebar .color_block ul, #sidebar .color_block p {
    border-left:1px solid #e5e3d0;
  }


  
#ccts_news li strong {
  display:block;
}

#portfolio {
  float:left;
  width: 635px;
  display: inline; /* fix the IE margin-doubling bug */
  margin-left: 155px;
  border-left: 1px solid #d2e5d0;
  padding: 3px 0 3px 10px;
  background-color: #fff;
}
.color_block .portfolio {
  width: 220px;
  /*height: 9.5em;*/
  float:left;
  margin: 0;
  border: 0;
  padding: 0 10px 25px 80px;
  background-repeat:no-repeat;
  background-position:0 0;
}
  .fullscreen #main_section .color_block .portfolio h2 {
    position: relative;
    left: 0;
    font-size: 1.1em;
  }
  .fullscreen #main_section .color_block .portfolio p {
    margin: 0;
    border: 0;
    padding: 0;
  }
  .fullscreen #main_section .color_block .portfolio p.type_of_work {
    padding-bottom: .4em;
    font-size: .9em;
    color: #888;
  }

a {
  color: #2070d1;
}
  a:hover {
    color: #091f3e;
  }
  a img {
    border: 0;
  }
  .learn_more a {
    display: block;
    padding-left: 15px;
    text-decoration: none;
    background: transparent url(/images/arrow_blue.gif) no-repeat 0 50%;
  }

label {
  display: block;
  padding-top: 1em;
}
input.text {
  width: 300px;
  font-size: 1.2em;
}
input.submit {
  display: block;
  margin-top: 1em;
}
  
strong {
  color: #091f3e;
}

blockquote p {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #2070d1;
  font-weight: bold;
}
cite {
  display: block;
  font-weight: normal;
}

sup {
  line-height: 2.25;
  font-size: .75em;
}

ul li {
  padding-left: 1.25em;
  background: transparent url(/images/bullet_blue.gif) no-repeat 0 5px;
}
  ul li ol li {
    background: none;
  }
ol li {
  margin-left: 2em;
}
.no_indent li {
  padding-left: 0;
  background: none;
}
li ul, .color_block li ul, li ol, .color_block li ol {
  margin: 0;
  border: 0;
  padding: 6px 0 0 0;
}

.photo {
  width: 252px;
  margin: 0 auto 1em auto;
  padding: 0 0 .5em 0;
  color: #494949;
  text-align: center;
}

.photo img {
  display: block;
  margin-bottom: .25em;
  border: 1px solid #c9c9c9;
}

.small {
  font-size: .75em;
}
.indent {
  text-indent: 1.25em;
}
p.dateline {
  color: #888;
}

/* ---------- image replacement headers ---------- */
#for_nonprofits       { background-image: url(/images/for_nonprofits.gif);}
#for_funders          { background-image: url(/images/for_funders.gif);}
#our_mission          { background-image: url(/images/our_mission.gif);}
#news                 { background-image: url(/images/news.gif);}
#events               { background-image: url(/images/upcoming_events.gif);}
#about_ccts           { background-image: url(/images/about_ccts.gif);}
#ccts_staff           { background-image: url(/images/ccts_staff.gif);}
#our_supporters       { background-image: url(/images/our_supporters.gif);}
#our_committment      { background-image: url(/images/our_committment.gif);}
#get_in_touch         { background-image: url(/images/get_in_touch.gif);}
#directions_to_ccts   { background-image: url(/images/directions_to_ccts.gif);}
#page_not_found       { background-image: url(/images/page_not_found.gif);}
#ccts_news            { background-image: url(/images/ccts_news.gif);}
#ccts_services        { background-image: url(/images/ccts_services.gif);}
#featured_work        { background-image: url(/images/featured_work.gif);}
#client_list          { background-image: url(/images/client_list.gif);}
#privacy_policy       { background-image: url(/images/privacy_policy.gif);}
#accessibility_policy { background-image: url(/images/accessibility_policy.gif);}
#resources            { background-image: url(/images/resources.gif);}
#students_faculty     { background-image: url(/images/students_faculty.gif);}
#volunteers           { background-image: url(/images/volunteers.gif);}
#techtuesday          { background-image: url(/images/techtuesday.gif);}
#previous_techtuesday { background-image: url(/images/previous_techtuesday.gif);}
#about_techtuesday    { background-image: url(/images/about_techtuesday.gif);}
#ub_connection        { background-image: url(/images/ub_connection.gif);}
#sponsors             { background-image: url(/images/sponsors.gif);}
#innovation_award     { background-image: url(/images/innovation_award.gif);}
#email_newsletter     { background-image: url(/images/email_newsletter.gif);}
#email_newsletter_sidebar { background-image: url(/images/email_newsletter_sidebar.gif);}

/* ---------- portfolio images ---------- */
#portfolio_tdc   { background-image: url(/images/portfolio_tdc.gif);}
#portfolio_mow   { background-image: url(/images/portfolio_mow.gif);}
#portfolio_beni  { background-image: url(/images/portfolio_beni.gif);}
#portfolio_yam   { background-image: url(/images/portfolio_yam.gif);}
#portfolio_plase { background-image: url(/images/portfolio_plase.gif);}
#portfolio_casa  { background-image: url(/images/portfolio_casa.gif);}
#portfolio_mdcommons { background-image: url(/images/portfolio/mdcommons.png); }
#portfolio_ghcc { background-image: url(/images/portfolio/ghcc.png); }
#portfolio_hebcac { background-image: url(/images/portfolio/hebcac.png); }
#portfolio_art_on_purpose { background-image: url(/images/portfolio/art_on_purpose.png); }
#portfolio_latch { background-image: url(/images/portfolio/latch.png); }

/* ---------- CSS hacks targeting IE/Win ---------- */
/*
* html #footer, * html .wrapper {
  width: 825px;
}
* html #main_section {
  width: 485px;
}
* html #sidebar {
  width: 320px;
}
* html .fullscreen #main_section .portfolio {
  width: 310px;
}
* html .color_block ul, .color_block ol, * html .color_block p, * html .color_block h3, * html .color_block form {
  zoom: 1; /* in IE, this gives an element "layout," fixing a number of display problems *
}
*/