.wrapper {
width: 785px;
padding: 10px 20px;
}
* html .wrapper {
width: 805px;
}


.learn_more a {
/*display: block;*/
padding-left: 15px;
text-decoration: none;
background: transparent url(/images/arrow_blue.gif) no-repeat 0 50%;
}




/* Main Section
----------------------------------------------------------*/
#main_section {
width: 500px;
margin-right: 20px;
padding: 0px;
background: #fff;
}
#main_section #whats_new, #main_section #resources {
background: none;
}
#main_section h2 {
margin-bottom: 10px;
font-family: verdana;
font-size: 17px;
color: #84b958;
}
#main_section ul {
list-style: none;
}



/* Main Section - What's New
----------------------------------------------------------*/
#main_section #whats_new .ad {
margin-bottom: 20px;
}
#main_section #whats_new .ad img {
display: block;
float: left;
width: 160px;
margin: 0 20px 20px 0;
/*
border-top: 	1px solid #ddd;
border-left: 	1px solid #ddd;
padding: 6px 9px 9px 6px;
background: #fff url(/images/background.drop_shadow.png) no-repeat bottom right;
*/
}
#main_section #whats_new .ad .content {
float: left;
width: 310px;
}
#main_section #whats_new .ad h3 {
margin-bottom: 4px;
font-size: 16px;
line-height: 1em;
color: #84b958;
}
#main_section #whats_new .ad h3 span {
display: block;
font-size: 12px;
/*color: #666;*/
color: #696;
}
#main_section #whats_new .ad .description_heading {
font-size: 13px;
font-weight: bold;
color: #696;
}







/* Main Section - Resources
----------------------------------------------------------*/
#main_section #resources h3 {
margin-bottom: 4px;
font-size: 14px;
color: #333;
}
#main_section #resources h3 span {
font-size: 12px;
color: #666;
}
#main_section #resources ul {
margin-bottom: 20px;
}
#main_section #resources li {
margin-bottom: 6px;
}
#main_section #resources li p {
margin: 0px;
font-style: italic;
}





/* Sidebar
----------------------------------------------------------*/
#sidebar {
width: 260px;
padding: 10px 0 0 0 !important;
background: #84b958 url(/images/background.home.sidebar_top.gif) no-repeat top left;
color: #333;
}
#sidebar_body {
padding: 0px 10px 10px 10px;
background: #84b958 url(/images/background.home.sidebar_bottom.gif) no-repeat bottom left;
}
#sidebar a {
color: #fff;
font-weight: bold;
}
#sidebar li {
margin-bottom: 10px;
padding-left: 12px;
list-style: none;
background: url(/images/bullet.4x4.fff.gif) no-repeat 0px 6px;
}
#sidebar h2 {
display: none;
}
#sidebar #for_nonprofits, #sidebar #for_funders, #sidebar #ub_connection {
width: 240px; /* For IE6, establishes layout */
margin-bottom: 20px;
padding-top: 40px;
background: none;
}
#sidebar #for_nonprofits {
background:  url(/images/heading.for_nonprofits.gif) no-repeat 0 0;
}
#sidebar #for_funders {
background: url(/images/heading.for_funders.gif) no-repeat 0 0;
}
#sidebar #ub_connection {
margin-bottom: 0px; /* IE6 has a problem with this - as usual */
padding: 20px 0;
background: url(/images/heading.ub_connection.gif) no-repeat 0 0;
}








/*
* {
  margin:0;
  padding:0;
  font-family:"trebuchet ms";
  font-size:1em;
}

h2 {
  font-family: "Arial", Helvetica, Geneva, "Verdana", "sans-serif", "sans";
  bottom-margin: 2pt !important;
}

#main_section h2 {
  font-size: 20pt;
  color: #92CF74;
}
#sidebar h2 {
  font-size: 14pt;
}
#sidebar a:link {
  color: #FFF
}

body {
  width:825px;
  margin:0 auto;
  text-align:center;
  background-color: #2380BF /* #2b89c9  #0e5b8e *;
  font-size:75% /*was 62.5%*;
}

#outer {
  width:825px;
  margin:0 auto;
  text-align:left;
}
#inner { /* this div exists because IE does not interpret "margin: 0 auto" as "center" *
  float:left;
  border-right:1px solid #ccc1a9;
  border-bottom:1px solid #ccc1a9;
  border-left:1px solid #ccc1a9;
  font-size:1.2em;
}

#header {
  width:825px;
  height:95px;
  border-top:8px solid #7db7e8;
  background:#b2d7f2 url(/images/header/sky_noon.png) no-repeat 0 0;
}
  #link_ub, #link_logo {
    display:block;
    float:left;
    height:50px;
    margin-top:12px;
  }
  #link_ub {
    width:54px;
  }
  #link_logo {
    width:175px;
    margin-left:2px;
  }

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

.wrapper {
  width: 805px;
  float: left;
  padding: 10px;
  background-color: #fffff3 /* Was #fff.  Reading. *;
}

#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;
}

#footer {
  clear:left;
  float:left;
  width:805px;
  border-top:4px solid #e1f2fc;
  padding:5px 10px 10px;
  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;
  }


/* Made bar for headers to left of content.
#main_section div, #sidebar div {
  width: 320px; / 475 - 155 = 320 /
  float:left;
  margin-bottom:10px;
  padding: 0 0 0 155px;
  background-repeat:no-repeat;
  background-position:0 12px;
                        background-color: #afc576;
}
#main_section div h2, #sidebar div h2 {
  position: absolute;
  left:-5000px;
} *

#main_section div h3, #main_section div li h3 {
  border: 0;
  padding: 0;
  font-size: 1.1em;
}
#main_section div li h3 span {
  display: block;
  font-size: 0.75em;
  color: #333;
}
#main_section div ul {
  list-style: none outside none;
}
#main_section div ul, #main_section div h3 {
  border-left: 1px solid #d2e5d0;
  padding-left: 10px;
  background-color: #fffff3 /* Was #ffffff.  Reading. *;
}
#main_section div li, #sidebar div li {
  padding: 0 0 .75em 0;
  background-image: none;
}

#sidebar div { /* sidebar color *;
  width: 310px;
  border-left: 1px solid #e5e3d0;
  padding: 0 0 5px 0;
  background-color: #92CF74 /*rgb(132, 185, 88) #92CF74 #2b89c9 #0b225f #f1f0e6 *;
}
#sidebar div ul, #sidebar div p {
  list-style: none outside none;
  padding: 0 10px 10px 10px;
}
#sidebar #ub_connection {
  padding-top: 32px;
}
#sidebar #for_nonprofits, #sidebar #for_funders {
  padding-top: 48px;
}


.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;
}
#sidebar .color_block ul, 
#sidebar .color_block ol, 
#sidebar .color_block p, 
#sidebar .color_block h3, 
#sidebar .tablewrap, 
#sidebar .color_block form {
  margin: 0px 10px 10px 10px;
  padding: 50px 0 .9em 10px;
  background: #1b325f /* #f1f0e6 *;
  line-height: 1.25;
  width: 250px;
}

.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: #ffffff /* #0b225f */ /* #f1f0e6 *;
}



#ccts_news li strong {
  display:block;
}

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 p {
  background-color: #fffff3 /* wasn't specified.  Reading. *;
}

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;
}

.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);
  / background-color: #92CF74 !important; /
}
#our_mission          { background-image: url(/images/our_mission.gif);}
#news                 { background-image: url(/images/news.gif);}
#events               { background-image: url(/images/upcoming_events.gif);}
#whats_new            { background-image: url(/images/whats_new.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);}
#email_newsletter     { background-image: url(/images/email_newsletter.gif);}
#email_newsletter_sidebar { background-image: url(/images/email_newsletter_sidebar.gif);}
*

#sidebar #ub_connection, #sidebar #for_nonprofits, #sidebar #for_funders {
  background-position: 10px 12px;
}

/* ---------- 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 *
}
* html #main_section div {
  width: 475px;
}
*/