/* Opportunities newsletter styles */

body {
  background-color: #33313f;
  color:#ffffff;
}

.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
}

.clear {
  clear:both;
}

a, a:visited {
  text-decoration:none;
  color:inherit;
}
a:hover {
  text-decoration:underline;
}

a.nostyle, a.nostyle:visited {
  text-decoration:none;
  color:inherit;
}
a.nostyle:hover {
  text-decoration:underline;
}

.floatleft {
  float:left;
}
.floatright {
  float:right;
}

.lefttext {
  text-align:left;
}
.centertext {
  text-align:center;
}
.righttext {
  text-align:right;
}
.blacktext {
  color:black;
}
.whitetext {
  color:white;
}
.bluegreytext {
  color:#66776E;
}
.beigetext {
  color:#F1E2C6;
}

a.whitetext, a.whitetext:visited {color:white;}
a.blacktext, a.blacktext:visited {color:black;}
a.beigetext, a.beigetext:visited {color:#F1E2C6;}
a.darkbluetext, a.darkbluetext:visited {color:#2C344D;}

.allcaps {
  text-transform:uppercase;
}

.page {
  background-color:white;
}
.page_darkblue {
  background-color:#2C344D;
}
.page_beige {
  background-color:#F1E2C6;
}
.page_darkgrey {
  background-color:#66776E;
}
.masthead {
}

.mast_p1 {
  background-image: url('../images/masthead_960_trans.png');
/*  background-image: url('../images/masthead_2_960.jpg'); */
  background-repeat: no-repeat;
  background-position:top left;
/*  padding-top:380px;*/
	padding-top: 340px;
  padding-bottom:368px;
  height: 173px;
}

.mast_p2 {
  background-image: url('../images/mast_page_2b.png');
  background-repeat: no-repeat;
  background-position:top left;
  padding-top:44px;
/*  padding-bottom:200px; */
  height:347px;
}

.issue1_page1_mast {
/*  background-image: url('../images/opp1_1.jpg');*/
  background-repeat: no-repeat;
  background-position:100px 400px;
}
.issue1_page2_mast {
  background-image: url('../images/flora.jpg');
  background-repeat: no-repeat;
  background-position:0 200px;
}
.issue1_page3_mast {
  background-image: url('../images/1100Broadway.jpg');
  background-repeat: no-repeat;
  background-position:0 200px;
}
.issue1_page4_mast {
  background-image: url('../images/25619215_opt.jpg');
  background-repeat: no-repeat;
  background-position:-70px 200px;
}
.issue1_page5_mast {
  background-image: url('../images/Mayor_Dellums_at_podium.jpg');
  background-repeat: no-repeat;
  background-position:-40px 200px;
}
.issue1_page6_mast {
  background-image: url('../images/WaterfrontTrail6.jpg');
  background-repeat: no-repeat;
  background-position:-40px 200px;
}

.masthead .contents_title {
  font-family:Arial,sans-serif;
  font-weight:bold;
  color:#2C344D;
  font-size:9pt;
  line-height:10pt;
}
.masthead ul.contents {
  padding:0;
  margin:10px 0 0 0;
  font-family:Trebuchet,"Trebuchet MS",sans-serif;
}
.masthead ul.contents li {
  list-style-type:none;
  color:#2C344D;
  font-family:Trebuchet,"Trebuchet MS",sans-serif;
  font-size:8pt;
  line-height:14pt;
  padding-left:14px;
  margin-left:0px;
  letter-spacing:-0.3pt;
}
.masthead ul.contents li a {
  color:#2C344D;
}
.masthead ul.contents li.bullet {
  background-image:url("../images/bullet_plus.gif");
  background-repeat:no-repeat;
  background-position:0% 50%;
}
.masthead ul.contents li.no_bullet {
}
/*
ul.contents li.bullet:before {
  display:marker;
  content:"+";
  text-align:center;
  font-family:Arial,sans-serif;
  font-weight:900;
  font-size:14pt;
  line-height:10pt;
  color:white;
}
*/
.masthead ul.contents li .primary {
  font-weight:bold;
  font-family:Trebuchet,"Trebuchet MS",sans-serif;
}
.masthead ul.contents li .secondary {
  font-weight:normal;
}
ul.contents li .pagenum {
  font-family:Trebuchet,"Trebuchet MS",sans-serif;
  font-weight:bold;
  color:white;
}

.masthead_pagenumber {
  color:#2C344D;
  font-family:Arial,sans-serif;
  font-size:8pt;
}

.masthead_2_title {
  padding-top:60px;
  text-align:right;
}
.masthead .title_text {
  text-align:right;
  color:#6F6B63;
  font-family:Arial,sans-serif;
  font-size:34pt;
  font-weight:bold;
}
.masthead .subtitle_text {
  text-align:right;
  padding-top:6px;
/*  padding-right:14px; */
  color:black;
  font-family:Arial,sans-serif;
  font-size:11pt;
}
.masthead_title_head8 {
  padding-top:88px;
  padding-bottom:4px;
  text-align:right;
}

.plain_content {
/*  margin-top:-110px;*/
margin-top: -70px;
}
.page2_content {
  margin-top:-188px;
}

.plain_content .h1 {
  font-family:Arial,sans-serif;
  font-weight:normal;
  font-size:28pt;
  color:#25408F;
}
.plain_content .h2 {
  font-family:Arial,sans-serif;
  font-weight:normal;
  font-style:italic;
  font-size:28pt;
  color:#25408F;
}
.plain_content .h3 {
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:16pt;
  line-height:18pt;
  color:#a1b6b8;
}

.introbody {
  font-family:Arial,sans-serif;
  font-size:10pt;
  color:#2C344D;
  text-align:left;
  line-height:14pt;
  letter-spacing:-0.25pt;
}

.body_text {
  font-family:Arial,sans-serif;
  font-size:10.5pt;
  color:black;
  text-align:left;
  font-weight:100;
  font-style:normal;
  line-height:14pt;
  letter-spacing:-0.1pt;
}

.leftcol {
  padding-right:7px;

}
.centercol {
  padding:0 7px;

}
.rightcol {
  padding-left:7px;
}

.dropcap {
  float:left;
  font-family:Arial,sans-serif;
  font-size:54pt;
  line-height:40pt;
  font-weight:normal;
  color:#25408F;
  padding-right:6px;
}
.dropcap_white {
  float:left;
  font-family:Arial,sans-serif;
  font-size:54pt;
  line-height:40pt;
  font-weight:bold;
  color:white;
  padding-right:6px;
}
.plain_content p {
  margin-bottom:6pt;
}

.plain_content .name {
  font-family:Arial,sans-serif;
  font-weight:normal;
  font-style:normal;
  font-size:9pt;
  line-height:10pt;
  letter-spacing:-0.25%;
  margin-bottom:2pt;
  padding-top:4pt;
  color:black;
}

.plain_content .title {
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-style:normal;
  font-size:8pt;
  line-height:10pt;
  letter-spacing:-0.25%;
  margin-bottom:2pt;
  color:black;
}

.darkblue_back {
  background-color:#2C344D;
}
.beige_back {
  background-color:#F1E2C6;
}
.greyblue_back {
  background-color:#A6B4B4;
}
.white_back {
  background-color:white;
}

.page2_leftcol {
  margin-top:290px;
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width:352px;
}
.leftcol_noimage {
  margin-top:0; /* 170 */
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width:352px;
}
.page2_rightcol {
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width:580px;
	padding-left:28px;
	padding-top:32px;
	padding-bottom:40px;
}

.page2_leftcol_overimage {
  float:left;
  position:relative;
  margin-top:-290px;
  padding-top:174px;
  padding-left:20px;
}
.overimage_title {
  color:white;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:14pt;
  letter-spacing:-0.2pt;
  line-height:18pt;
  margin:4px 0 0 28px;
}

.page2_leftcol .content {
  padding-top:6px;
  padding-left:48px;
  padding-right:20px;
  padding-bottom:20px;
  width:284px;
  font-family:Arial,sans-serif;
  font-size:10pt;
  line-height:14pt;
  color:white;
  font-weight:normal;
  letter-spacing:-0.2pt;
}
.indent {
  text-indent:20px;
}

.block_indent {
  padding-left:20px;
}

.content_img {
  margin:10px 0;
}

.introbody_3_dropcap {
  float:left;
  font-family:Arial,sans-serif;
  color:#66776E;
  font-size:54pt;
  line-height:40pt;
  font-weight:bold;
  padding-right:6px;
  padding-top:4px;
}
.body_dropcap {
  float:left;
  font-family:Arial,sans-serif;
  color:black;
  font-size:54pt;
  line-height:40pt;
  font-weight:bold;
  padding-right:6px;
  margin-top:4px;
}

.introbody_3_content {
  font-family:Arial,sans-serif;
  color:#66776E;
  font-size:10pt;
  line-height:16pt;
  font-weight:normal
}

.page2_rightcol .text {
  padding-right:28px;
}

.head5 {
  margin-top:16px;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:12pt;
  line-height:14pt;
}
.head6 {
  margin-top:16px;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:10pt;
  line-height:14pt;
}
.head7 {
  margin-top:0;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:14pt;
  line-height:18pt;
  color:white;
  text-align:left;
}
.head7_blk {
  margin-top:0;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:14pt;
  line-height:18pt;
  color:black;
  text-align:left;
}
.head8 {
  margin-top:0;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:18pt;
  line-height:20pt;
  color:white;
  text-align:right;
}
.head8_blk {
  margin-top:0;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:16pt;
  line-height:20pt;
  color:black;
  text-align:right;
}

.body2 {
  font-family:Arial,sans-serif;
/*  color:black; */
  font-weight:normal;
  font-size:10.5pt;
  line-height:16pt;
/*  text-align:left; */
}
.body3 {
  font-family:Arial,sans-serif;
  color:black;
  font-weight:bold;
  font-size:10.5pt;
  line-height:16pt;
  text-align:left;
}
.body_small {
  font-family:Arial,sans-serif;
/*  color:black; */
  font-weight:normal;
  font-size:9pt;
  line-height:10pt;
/*  text-align:left; */
}

.bullet_grey_plus {
  float:left;
  font-family:Arial,sans-serif;
  font-size:12pt;
  font-weight:bold;
  color:#A6B4B4;
  margin-top:2px;
}
.bullet_white_plus {
  float:left;
  font-family:Arial,sans-serif;
  font-size:12pt;
  font-weight:bold;
  color:white;
  margin-top:5px;
}

.rightcol_greybox {
  background-color:#66776E;
  color:white;
  border:4px solid white;
  /* total width = 580px */
  width:504px;
  padding:20px;
  margin-top:10px;
}
.leftcol_greybox {
  background-color:#66776E;
  color:white;
  border:4px solid white;
  /* total width = 580px */
  width:304px;  /* left col = 352px */
  padding:20px;
  margin:0;
}

.rightcol_greybox ul, .leftcol_greybox ul {
  margin-left:20px;
}
.rightcol_greybox li, .leftcol_greybox li {
  padding-left:20px;
}
.rightcol_greybox li:before, .leftcol_greybox li:before {
  font-family:Arial,sans-serif;
  color:white;
  font-size:12pt;
  line-height:14pt;
  content:'+';
  padding-right:16px;
  font-weight:bold;
}

.introbody2 {
  font-family:Arial,sans-serif;
  color:white;
  font-size:10pt;
  line-height:18pt;
  text-align:left;
}

.callout5 {
  font-family:Arial,sans-serif;
  color:white;
  font-size:11pt;
  line-height:19pt;
  text-align:right;
  padding-bottom:20px;
}

.magtitle {
  font-style:italic;
}


.rightcol_nested_bluebox_outer {
  background-color:#A1B6B6;
  color:white;
  /* total width = 580px */
  border:none;
  width:504px;
  padding:20px;
  margin-top:10px;

}
.rightcol_nested_bluebox_inner {
  border:4px solid white;
  padding:20px;
  background-color:#2C344D;
  color:inherit;
}

.tallspace {
  padding:0.3em 0;
}

.medium_black_border {
  border:1px solid black;
  overflow:hidden;
  position:relative;
}

.column_271 {
  float:left;
  width:259px;
  padding:4px 6px;
}

.column_275 {
  width:275px;
}

.padleft_15 {
  padding-left:15px;
}

.clearright {
  clear:right;
}
.clearleft {
  clear:left;
}