body,div,span,p,ul,li,td,th,input,select,textarea,button,a { font: 10pt Verdana, Arial, Helvetica, sans-serif; }
body { FONT-SIZE: 10pt; COLOR: #333333; TEXT-DECORATION: none; font-style: normal; font-weight: normal; margin: 2px 0px 0px; }
td { FONT-SIZE: 10pt; COLOR: #333333; TEXT-DECORATION: none; font-style: normal; font-weight: normal; }
.monospace { font-family:Courier,monospace; }

H1 { FONT-SIZE: 14pt; COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
H2 { FONT-SIZE: 13pt; COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
H3 { FONT-SIZE: 12pt; COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
H4 { FONT-SIZE: 11pt; COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none; }

input { FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none; } 
button { FONT-SIZE: 9.5px; COLOR: #333333; TEXT-DECORATION: none; }
select { FONT-SIZE: 9.5px; COLOR: #333333; TEXT-DECORATION: none; }
option { FONT-SIZE: 9.5px; COLOR: #333333; TEXT-DECORATION: none; }
checkbox { BACKGROUND: #c5bdb5; }
radio { BACKGROUND: #c5bdb5; } 

/* Start Page Fonts */
td.whatsnew-date { font-weight: bold; padding: 0px 10px 0px 0px }
.client-cat { FONT-SIZE: 14pt; COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
.page-ttl { FONT-SIZE: 14pt; COLOR: #f5f5f5; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; TEXT-DECORATION: none; padding-top: 0px; padding-right: 40px; padding-bottom:2px; padding-left: 0px }
.pdfsize { FONT-SIZE: 10px; padding: 0px 5px 0px 0px }
td.pdf-ttl { padding: 0px 0px 10px 5px }
a.pdf-ttl { FONT-SIZE: 11px; }
td.staff-bio { padding: 0px 0px 0px 10px }
.cost { COLOR: #CC0000 }
td.fp-featured-text { FONT-SIZE: 11px; }
a.fp-featured-text { FONT-SIZE: 11px; }
.staffname { font-size: 12pt; color: #333333; font-weight: bold; }
.staff-cred { font-size: 10pt; color: #333333; font-weight: bold; }
.staff-ttl { font-size: 10pt; color: #333333; font-weight: bold; }
/* End Page Fonts */

/* Start Front Layout */
td.fp-quote-padding { padding: 6px 0px 6px 0px; }
td.fp-featured-padding { padding: 6px 0px 6px 6px; }
td.fp-footer-padding { padding: 6px 0px 6px 6px; }
td.fp-featured-text { padding: 0px 10px 0px 0px; }
/* End Front Layout */


a { color: #336699; text-decoration: underline }
a:active { color: #003366;  }
a:hover { color: #003366; }

.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 150%; color: #666666; text-decoration: none}
a.footer { font-weight: bold; text-decoration: underline}
a.footer:active { font-weight: bold; text-decoration: underline}
a.footer:visited { font-weight: bold; text-decoration: underline}
a.footer:hover { font-weight: bold; color: #339933; text-decoration: underline}

/* Start Case Study Formatting*/

a.cs-anchorlinks { font-size: 10px; font-weight: bold; }
td.cs-anchorlinks { padding: 0px 0px 10px 0px }

.cs-clientname { color:#003366; font-size: 11pt; font-weight: bold; padding: 0px 0px 20px 0px; }
td.cs-challenge { font-weight: bold; padding: 0px 10px 0px 0px }
td.cs-solution { font-weight: bold; padding: 0px 10px 0px 0px }
td.cs-impact { font-weight: bold; padding: 0px 10px 0px 0px }

td.cs-challenge-text { padding: 0px 0px 20px 0px }
td.cs-solution-text { padding: 0px 0px 20px 0px }
td.cs-impact-text { padding: 0px 0px 20px 0px }
td.cs-photo { padding: 0px 0px 0px 0px }

/***** New case study format */
td.cs-general {}
p.cs-general-header { font-weight: bold; padding: 0px 0px 5px 0px }
p.cs-general-text { padding: 0px 0px 10px 0px }
p.cs-general-text-chain { padding: 0px 0px 5px 0px }
div.cs-general-box { background-color: #ddd; font-size:10px; padding: 10px; margin: 5px 15px 5px 0px; float: left; width: 275px }

table.cs-compare-table { width: 100%; }
table.cs-compare-table th { font-weight: bold; margin-bottom: 10px; }
table.cs-compare-table td.head { font-weight: bold; margin-bottom: 10px; text-align: right; vertical-align: top; }
table.cs-compare-table td { padding: 5px; vertical-align: top;}

/* End Case Study Formatting*/

/* start menu formatting */

.menu-level3-box-on { border-bottom: 1px solid #FFFFFF; background-color: #339933; background-image: none }
.menu-level3-on { FONT-SIZE: 10px; COLOR: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-right: 8px; padding-bottom:3px; padding-left: 8px }
.menu-level3-link-on { FONT-SIZE: 10px; COLOR: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
a.menu-level3-link-on:hover { COLOR: #CCCCCC }
a.menu-level3-link-on:visited:hover { COLOR: #CCCCCC }

.menu-level3-box-off { border-bottom: 1px solid #FFFFFF; background-color: #006699; background-image: none }
.menu-level3-off { FONT-SIZE: 10px; COLOR: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-right: 8px; padding-bottom:3px; padding-left: 8px }
.menu-level3-link-off { FONT-SIZE: 10px; COLOR: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
a.menu-level3-link-off:hover { COLOR: #CCCCCC }
a.menu-level3-link-off:visited:hover { COLOR: #CCCCCC }

.menu-level4-box-on { border-bottom: 1px solid #FFFFFF; background-color: #99CC99; background-image: none }
.menu-level4-on { FONT-SIZE: 10.5px; COLOR: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 3px; padding-right: 8px; padding-bottom:3px; padding-left: 20px }
.menu-level4-link-on { FONT-SIZE: 10.5px; COLOR: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }
a.menu-level4-link-on:hover { COLOR: #FFFFFF }
a.menu-level4-link-on:visited:hover { COLOR: #FFFFFF }

.menu-level4-box-off { border-bottom: 1px solid #FFFFFF; background-color: #99CC99; background-image: none }
.menu-level4-off { FONT-SIZE: 10.5px; COLOR: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 3px; padding-right: 8px; padding-bottom:3px; padding-left: 20px }
.menu-level4-link-off { FONT-SIZE: 10.5px; COLOR: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }
a.menu-level4-link-off:hover { COLOR: #FFFFFF }
a.menu-level4-link-off:visited:hover { COLOR: #FFFFFF }

/* end menu formatting */


/*Case Study CSS Added August 1, 2008 by Heather Mulholland at Veratta*/

.leftContent11{
width:200px;
float:left;
}

.rightContent11{
width:230px;
float:right;
}

.bchousingPhoto{
margin:0px 0px 5px 15px;
}

/*end code*/

/*Workshop List CSS Added September 30, 2009 by Heather Mulholland at Veratta*/

.workshopList td{
padding:7px;
border-bottom:1px solid #e6e6e6;
font-size:11px;
}

.workshopList a{
font-size:11px;
}

.workshopList .middle{
padding:7px 35px;
width:200px;
}

.workshopList tr.titleHeader td{
background-color: #003366;
color:#fff;
}

.workshopList tr.other td{
background-color: #fff;
}