/* Site-wide overrides */




/* Test for Cell Backgrounds Started March 24, 2010 by Chris Lindquist */

.greencellback {
background: url(http://media.bridgespan.org/bridgespan/images/backgrounds/toolbar_bg_green.jpg) repeat-x;
}

/* Implemented for test July 2, 2009 by Chris Lindquist */
html {
	/*site wide inherited attributes*/
	color : #000000;           /*Changes primary text color to black from dark gray*/
	font: 13px/18px "Trebuchet MS", Helvetica, sans-serif;

}

/*test updated font size for bucket_content from 11px to 13px on July 29*/
.bucket_content

{

padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
font-family: "Trebuchet MS",Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;

}

/*Test of black underlined links in right-hand column to replace orange.*/

.right_content .content_link {
  color: #000000;
  text-decoration: underline

  }


/*Test updated content padding for right column from 30px to 20px on July 29*/
.center_content_padding

{

padding-top: 0pt;
padding-right: 20px;
padding-bottom: 0pt;
padding-left: 20px;

}

/*Allows for White links on dark backgrounds */
a.whiteLink:link { color: white; }
a.whiteLink:visited { color: black; }
a.whiteLink:hover { color: red; }

/* Big Red Button CSS - First Used on Gov't Innovation Fund Pages */

#redbutton {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
}

#redbutton.rounded {
background: transparent url( http://media.bridgespan.org/bridgespan/images/buttons/btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

#redbutton span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
}

#redbutton.rounded span {
background: transparent url( http://media.bridgespan.org/bridgespan/images/buttons/btn_left.png ) no-repeat scroll left top;
color: #FFFFFF;
}

#redbutton.rounded:hover {
background-position: 100% -30px;
}

#redbutton.rounded:hover span {
background-position: 0% -30px;
}

#redbutton::-moz-focus-inner {
border: none;
}

/* End Big Red Button CSS */


/* Multiple Choice Video Player Menu */

#vidlist
{
color: white !important;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 10em;
font: normal 0.75em Verdana, sans-serif;
}

#vidlist li
{
list-style: none;
margin: 0;
font-size: .9em;
}

#vidlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white !important;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #FCAF17;
padding: 0.12em 0.12em 0.12em 0.24em;
}

#vidlist a#current { border-color: #5bd #035 #068 #f30; }

#vidlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#vidlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 10em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode  */
}


#videomenu>#navlist a
{
width: auto;
}
/* only necessary if you use the hacks above for the Internet Explorer */


#vidlist a:hover, #vidlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #FCAF17;
padding: 0.12em 0.12em 0.12em 0.24em;
}

#vidlist a:active, #vidlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.12em 0.12em 0.12em 0.24em;
}





/* call_to_action articles styles -- old version*/

#related_left {
	background: #FFFFFF;
	float: left;
	margin: 5px 5px 5px 0px;
	width: 180px;
}

#related_left ul {
	font-variant: normal;
	margin-right: 5px;

}

#related_left li {
    color: #bc5a04 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_left li a:link {
    color: #bc5a04 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_left li a:visited {
    color: #6d6e71 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_left li a:visited:hover {
    color: #6d6e71 !important;
    text-decoration: underline !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_left li a:hover {
    color: #bc5a04 !important;
    text-decoration: underline !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;

}


#related_left h2 {
	text-transform: none;
	padding-left: 8px;
	color: #194f69 !important;
    height:18px;
	/* background:#4DB3D0 url(http://www.bridgespan.org/Images/CommonImages/navBG.gif) left top repeat-x; */
    padding-top: 0px;
    padding-bottom: 6px;
}

/* end related articles left-hand styles */

/* call_to_action articles style, right-hand styles*/

#related_right {
	background: #FFFFFF;
	float: right;
	margin: 5px 0px 5px 5px;
	width: 180px;
}

#related_right ul {
	font-variant: normal;
	margin-right: 5px;

}

#related_right li {
    color: #bc5a04 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_right li a:link {
    color: #bc5a04 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_right li a:visited {
    color: #6d6e71 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_right li a:visited:hover {
    color: #6d6e71 !important;
    text-decoration: underline !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_right li a:hover {
    color: #bc5a04 !important;
    text-decoration: underline !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;

}


#related_right h2 {
	text-transform: none;
	padding-left: 8px;
	color: #194f69 !important;
    height:18px;
	/* background:#4DB3D0 url(http://www.bridgespan.org/Images/CommonImages/navBG.gif) left top repeat-x; */
    padding-top: 0px;
    padding-bottom: 6px;
}

/* end related articles left-hand styles */

/* related articles style centered */

#related_content_blue_center {
	background: #FFF4DF;
	float: none;
	margin: 0px 10px 10px 10px;
	width: 180px;
}

#related_content_blue_center ul {
	list-style: circles;
	font-variant: small-caps;
	font-size: 1em;
	margin-right: 10px;
}
#related_content_blue_center li a {color: #404040 !important;}
#related_content_blue_center h2 {
	text-transform: uppercase;
	padding-left: 25px;
	font-size: 0.9em;
	color: white !important;
    height:23px;
	background:#4DB3D0 url(http://www.bridgespan.org/Images/CommonImages/navBG.gif) left top repeat-x;
  padding-top: 0px;
  padding-bottom: 6px;
}

/* end related articles right-hand styles */


/* Additions to Cases for Courses */

#calloutnav {
    width: 101%;
}

#calloutnav a {
    color: #fff !important;
}

#calloutnav li {
    background: #9DAF36;
    float: left;
    margin-right: 4px;
    padding: 2px 5px;
    text-align: center;
    list-style: none;
    width: 31%;
    margin-top: 15px;
}

#calloutnav ul {
    width: 100%;
}


/* Top Bar Navigation Style */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #4eb4d0;
color: white !important;
float: center;
text-align: center;
width: 100%;
font: bold .9em Arial, Helvetica, sans-serif;
}

#navcontainer ul li {

display: inline;
text-align: center;

}

#navcontainer ul li a
{
padding: 0.1em 2.7em;
background-color: #4eb4d0;
color: White !important;
text-align: center;
    text-decoration: none;
float: center;
}

* html #navcontainer ul li a {
	font-size: 0.9em;
padding: 0.1em 2em;
background-color: #4eb4d0;
color: White !important;
text-align: center;
    text-decoration: none;
float: center;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}


/* Top Block Navigation Style */

#top_navigation {
	width: 105%;
	margin: 0 0 0 10px;
	font: bold .8em Arial, Helvetica, sans-serif;
}

* html #top_navigation {
	width: 110%;
	margin: 0 0 0 10px;
	font: bold .8em Arial, Helvetica, sans-serif;
}

#top_navigation ul {
  list-style: none;
  color: #000066;
  margin: 0;
  padding: 0;
  padding-top: 1em;

}
#top_navigation li {
	display: inline;
    color: #000066;

}

#top_navigation a {
background: url(images/chevron.png) no-repeat top left;
color: #000066 !important;
text-align: center;
	text-decoration: none;
float: left;
width: 55px;
height: 52px;
margin: 2px -1px 2px -10px;
padding-top: 6px;
padding-right: 17px;
padding-bottom: 10px;
padding-left: 11px;

}

* html #top_navigation a {
	font-size: 0.9em;
background: url(images/chevron.gif) no-repeat top left;
color: #000066   !important;
text-align: center;
	text-decoration: none;
float: left;
width: 55px;
height: 52px;
margin: 2px -1px 2px -10px;
padding-top: 6px;
padding-right: 17px;
padding-bottom: 10px;
padding-left: 11px;
}

#top_navigation #active a {
	background: url(images/chevronflat.png) no-repeat top left;
}

* html #top_navigation #active a {
	font-size: 0.9em;
	background: url(images/chevronflat.gif) no-repeat top left;
	margin: 2px -12px 2px -10px;
padding-top: 6px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 13px;
float: left;
width: 55px;
height: 52px;
}

#top_navigation #active a:hover {
	background: url(images/chevronflat_on.png) no-repeat top left;
}


* html #top_navigation #active a:hover {
	background: url(images/chevronflat_on.gif) no-repeat top left;
}


#top_navigation a:hover {
  color: #000066;
  background: url(images/chevron_on.png) no-repeat top left;
}


* html #top_navigation a:hover {
  color: #000066;
  background: url(images/chevron_on.gif) no-repeat top left;
}

.chevron1 a#chevron1 {
  background: url(images/chevronflat_on.png) no-repeat top left !important;
}

.chevron2 a#chevron2, .chevron3 a#chevron3, .chevron4 a#chevron4, .chevron5 a#chevron5, .chevron6 a#chevron6 {
  background: url(images/chevron_on.png) no-repeat top left;
}


/* call_to_action articles styles -- old version*/

#related_content_blue {
	background: #FFFFFF;
	float: left;
	margin: 5px 5px 5px 0px;
	width: 180px;
}

#related_content_blue ul {
	font-variant: normal;
	margin-right: 5px;

}

#related_content_blue li {
    color: #bc5a04 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_content_blue li a:link {
    color: #bc5a04 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_content_blue li a:visited {
    color: #6d6e71 !important;
    text-decoration: none !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_content_blue li a:visited:hover {
    color: #6d6e71 !important;
    text-decoration: underline !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;
}

#related_content_blue li a:hover {
    color: #bc5a04 !important;
    text-decoration: underline !important;
    line-height: 150%;
    margin-bottom: 4px;
    font-size: 12px;

}


#related_content_blue h2 {
	text-transform: none;
	padding-left: 8px;
	color: #194f69 !important;
    height:18px;
	/* background:#4DB3D0 url(http://www.bridgespan.org/Images/CommonImages/navBG.gif) left top repeat-x; */
    padding-top: 0px;
    padding-bottom: 6px;
}

/* end related articles styles */


/* related articles style right-hand side */

#related_content_blue_right {
	background: #FFFFFF;
	float: left;
	margin: 5px 5px 5px 0px;
	width: 48%;
}

#related_content_blue_right ul {
	list-style: disc inside !important;
	font-variant: normal;
	font-size: 0.9em;
	margin-right: 5px;

}

#related_content_blue_right li {
    list-style: disc inside !important;
    color: #bc5a04 !important;
    text-decoration: none !important;
    font-size: 0.9em;
    line-height: 120%;
    margin-bottom: 2m;
}

#related_content_blue_right li a:link {
    list-style: disc inside !important;
    color: #bc5a04 !important;
    text-decoration: none !important;
    font-size: 0.9em;
    line-height: 120%;
    margin-bottom: 2m;
}

#related_content_blue_right li a:visited {
    list-style: disc inside !important;
    color: #6d6e71 !important;
    text-decoration: none !important;
    font-size: 0.9em;
    line-height: 120%;
    margin-bottom: 2m;
}

#related_content_blue_right li a:visited:hover {
    list-style: disc inside !important;
    color: #6d6e71 !important;
    text-decoration: underline !important;
    font-size: 0.9em;
    line-height: 120%;
    margin-bottom: 2m;

}

#related_content_blue_right li a:hover {
    list-style: disc inside !important;
    color: #bc5a04 !important;
    text-decoration: underline !important;
    font-size: 0.9em;
    line-height: 120%;
    margin-bottom: 2m;

}


#related_content_blue_right h2 {
	text-transform: none;
	padding-left: 10px;
	font-size: 0.9em;
	color: #194f69 !important;
    height:18px;
	/* background:#4DB3D0 url(http://www.bridgespan.org/Images/CommonImages/navBG.gif) left top repeat-x; */
  padding-top: 5px
}

/* end related articles right-hand styles  -- OLD VERSION. Use "related_right" instead. */