html { background-color: #CCC; }
body {
	color: #9f9f9f;
	font-size:77%;
	font-family: Helvetica, Arial, Sans-Serif;
	line-height: 1.4em;
}
p, h4, ul { margin: 0.8em; }
em, strong { font-weight: bold; }
a { text-decoration: none; }
h3 
{
	font-weight: bold;
	font-size: 108%;
	padding: 0.8em 0.8em 0.3em;
}
h4 { font-weight: bold; }
#doc4, #hd, #bd, #ft { background-color: #FFF; }
#hd-topborder 
{
	border-top: 3em solid #CCC;
	line-height: 1%;
}
div.masthead { padding: 1em 0 3.6em 0; }
div.login-link-wrap 
{
    float: right; 
    padding: 0.6em 2.2em 0;
}
span.new-user 
{
    float: none;
    font-size: 93%;
   	margin: 0 0.8em 0 0;
    padding: 0 0 .6em 0;
}
.new-user a 
{
    text-decoration: underline;
    color: #000;
}
.new-user a:hover { color: #999; }
input.login-link {
    background-color: #273691;
	border: 1px solid #000;
	color: #FFF;
	float: none;
	font-weight:bold;
	font-size: 100%;
	margin: 0;
	padding: 0 0.4em;
	text-transform: uppercase;
}
input.login-link:hover { background-color: #9f9f9f; }
#hd div.logo-wrap 
{
    padding: 0 0 0 2.8em;
    clear: both;
}
#hd h1,
#hd h2,
#divider { float: left; }
#hd div.main-menu { float: right; margin: 2em 1.2em 0; }
#hd div.main-menu { float: right; margin: 2em 0 0 0; padding: 0 1.2em 0 0; }
#searchbar {
	background-color: #3e3e3e;
	color: #fff;
	height: 3.5em;
}
#search-box input.text {
	background-color: #F9F7ED;
	margin: 0.8em 0 0 0.8em;
	padding: 0.1em;
	width: 16em;
}
#search-box input.button { margin: 0.25em 0 0 0.5em }
.breadcrumb {
	background-color: #3e3e3e;
	color: #fff;
	font-size: 108%;
	font-style: italic;
	padding: 0.98em 0 0 1.2em;
}
.breadcrumb ul li {
	display: inline;
	padding: 1px 4px 1px 0;
}
.breadcrumb a { color: #FFF; }
.breadcrumb a:hover { color: #999; }
#bd {    
    min-height: 375px;
    height: auto !important;
    height: 375px;
}
#bd h2 { 
	font-size: 123.1%; 
	font-weight: bold; 
	padding: 0.8em;
}
.img-nav-wrap { border-bottom:solid 14px #3e3e3e; }
#img-nav {
	float:left;
	margin:0;
	width: 400px;
	position:relative;
}
#img-nav ul {
	list-style:none;
	margin: 0;
}
#img-nav li {
	float: left;
	display: inline;
	width: 250px;
	height: 205px;
}
#img-nav.quad li.business-outreach,
#img-nav.quad li.education-outreach,
#img-nav.quad li.employment-outreach,
#img-nav.quad li.bond-assistance {
	width:200px;
	height:160px;
}
#img-nav.quad li a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
}
#img-nav.quad li.business-outreach a {background:url(../images/Business_small.jpg) no-repeat;}
#img-nav.quad li.education-outreach a {background:url(../images/Education_small.jpg) no-repeat;}
#img-nav.quad li.employment-outreach a {background:url(../images/Employment_small.jpg) no-repeat;}
#img-nav.quad li.bond-assistance a {background:url(../images/Bond_small.jpg) no-repeat;}
#img-nav.quad li.business-outreach a:hover {background:url(../images/Business_small_hover.jpg) no-repeat;}
#img-nav.quad li.education-outreach a:hover {background:url(../images/Education_small_hover.jpg) no-repeat;}
#img-nav.quad li.employment-outreach a:hover {background:url(../images/Employment_small_hover.jpg) no-repeat;}
#img-nav.quad li.bond-assistance a:hover {background:url(../images/Bond_small_hover.jpg) no-repeat;}
#aboutus { 
	background-color: #FFF;
	height: 240px;
	width: 650px;
}
#aboutus.general 
{
    height: auto;
    width: 520px;
    width: 56%
}
.img-nav-wrap h3 { margin: 30px 30px 10px 30px; }
.img-nav-wrap .general h3 { color: #273691; }
.img-nav-wrap .business-outreach h3 { color: #1CB6EC; }
.img-nav-wrap .education-outreach h3 { color: #b4d88e; }
.img-nav-wrap .employment-outreach h3 { color: #FAA634; }
.img-nav-wrap p { margin: 0px 30px; }
#aboutus h3 
{
    background-color: #FFF;
    font-size: 116%;
	margin: 30px 15px 10px 15px;
}
#aboutus, #aboutus * { overflow: hidden; }
#aboutus p, #aboutus a 
{
    background-color: #FFF;
    color: #9f9f9f;
}
#aboutus-img { width: 250px; }
.business-outreach #aboutus,
.employment-outreach #aboutus,
.education-outreach #aboutus,
.bond #aboutus { float: left; }
.business-outreach .img-link,
.employment-outreach .img-link,
.education-outreach .img-link,
.bond .img-link { float:left; }
.aboutus-brjc-intro { padding-bottom: 3em; }
.content-wrap 
{
	color: #8b745a;
    background-color: #f9f7ed;
    padding-top: 60px;
}
.widget a { color: #8b745a; }
.widget a:hover { color: #273691;  }
.widget h3 
{
    background-color: #273691;
    color: #fff;
    font-weight: normal;
    padding: 0.2em 0 0.2em 1em;
	text-transform: uppercase;
}
.business-outreach .widget h3 { background-color: #1cb6ec; }
.employment-outreach .widget h3 { background-color: #F48126; }
.education-outreach .widget h3 { background-color: #B4d88E; }
.bond .widget h3 { background-color: #C50073; }
.widget p, .widget img  { margin: 0.8em 0; }
.widget p img { margin: 0.8em 0.8em 0.8em 0; }
.widget h3 a { color: #fff; }
.widget h3 a:hover { color: #8b745a; }
.widget h3 a.widget-link  { margin: 0;}
.widget h3 a.widget-rss-link { margin: 0;}
.widget h3 a.widget-rss-link img 
{
    margin: 0; 
    vertical-align: text-top; 
}
.widget ul, .widget li { margin: 0.8em 0; }
.leftcol { margin: 0.8em 0.5em 2.8em 2.8em; }
.centercol { margin: 0.8em 0.5em 2.8em 0.5em; }
.rightcol { margin: 0.8em 2.8em 2.8em 0.5em; }
.bids-widget h3 { background-color: #1cb6ec !important; }
.jobs-widget h3 { background-color: #F48126 !important; }
.intern-widget h3 { background-color: #b4d88e !important; }
.bonds-widget h3 { background-color: #C50073 !important; }
.bjrc-contacts { 
	margin: 3em 0.8em 0.6em 0.8em; 
	background-color: #A7A3CE;
}
.bjrc-contacts h3,
.business-contacts h3,
.employment-contacts h3,
.education-contacts h3,
.bond-contacts h3 {
	background-color: #fff;
	text-transform: none;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}	
.bjrc-contacts p,
.business-contacts p,
.employment-contacts p,
.education-contacts p,
.bond-contacts p { font-size: 200%; }	
.business-contacts,.education-contacts { margin: 0.8em 0 0.8em 0.8em; }
.employment-contacts,.bond-contacts { margin: 0.8em 0.8em 0.8em 0; }
.business-contacts { background-color: #9FD7ED; }
.employment-contacts { background-color: #F9BCA5; }
.education-contacts { background-color: #D2E8C4; }
.bond-contacts { background-color: #DD9EBF; }
.bjrc-partners { 
	margin: 3em 0.8em 0.6em 0.8em; 
	background-color: #fff;
}
.main-partners h3,
.bjrc-partners h3,
.business-partners h3,
.employment-partners h3,
.education-partners h3,
.bond-partners h3 {
	background-color: #A7A3CE;
	text-transform: none;
	padding: 1.5em;
	padding-left: 1.2em;
}	
.business-partners h3 { background-color: #9FD7ED; }
.employment-partners h3 { background-color: #F9BCA5; }  
.education-partners h3 { background-color: #D2E8C4; }  
.bond-partners h3 { background-color: #DD9EBF; }
.bjrc-partners p,
.business-partners p,
.employment-partners p,
.education-partners p,
.bond-partners p { font-size: 150%; }	
.business-partners,.education-partners { margin: 0.8em 0 0.8em 0.8em; }
.employment-partners,.bond-partners { margin: 0.8em 0.8em 0.8em 0; }
.business-partners,
.employment-partners,
.education-partners,
.bond-partners { background-color: #FFF; }
#footer {
	background-color: #3e3e3e;
	color: #fff;
	padding: 1em 0;
}
#footer p, #footer ul { text-align: center; }
#footer ul { margin: 0; }
#footer ul li {
	display: inline;
	padding: 0.1em 0.6em 0.1em 0.2em;
}
#footer li a {
	font-weight: bold;
	color: #FFF;
}
#footer li a:hover { color: #999; }
.copy-notice 
{
    background-color: #CCC;
    border-bottom: 3em solid #CCC;
    color: #000;
}
.copy-notice span
{
    float: right;
	font-size: 77%;
	margin: 0;
}
#sidebar {
	float:left;
	width: 27.03%;
	/* min-height hack */
    min-height: 800px;
    height: auto !important;
    height: 800px;
}
#sidebar { background-color: #f9f7ed; }
#sidebar .img-link { float: none; }
#sidebar h3
{
    background-color: Transparent;
    color: #3d3d3d;
    font-size: 116%;
    font-weight: bold;
    line-height: normal;
    padding: 2.8em 0 1.2em 2.2em;
    text-transform: uppercase;
}
#sidebar .widget li
{
    font-size: 108%;
    line-height: normal;
    margin: 0.8em;
    padding: 0.8em 1.6em 0 1.6em;
}
#sidebar a { color: #8b745a; }
#sidebar a:hover { color: #1cb6ec; }
.main 
{
	background-color: #FFF;
	color: #9f9f9f;
	float: left;
	
	padding-bottom: 3em;
	width: 60%; 
}
.main h3 { margin: 1.8em; }
.main h4,
.main p,
.main li { margin: 0.8em 2.8em; }
.main td p { margin: 0; }
.main a,
.main a:visited,
.general .main h3 { color: #273691; }
.business-outreach .main h3 { color: #1cb6ec; }
.employment-outreach .main h3 { color: #F48126; }
.education-outreach .main h3 { color: #B4d88E; }
.bond .main h3 { color: #C50073; }
.more-link { 
	padding: 0 0.8em 0 0;
}
a.more-link { color: #273691; }
a.more-link:hover { color: #000; }
.login-box { margin: 8em 24.425em; }
.login-box fieldset { border:1px solid #a49e9b; }
.login-box .form-content {
	background: #eae9e8;
	overflow: hidden;
	padding: 0.4em 0.8em;
}
#login-box-head
{
	display: block;
	border-bottom: 1px solid #a49e9b;
	padding: 0.4em 0.8em;
	font-size: 93%;
}
.login-box input { float:right; }
.login-box-validator
{
    float:left;
    color:red;
}
.login-button { float: right; }
#user-div, #pass-div 
{
    padding-left: 0.2em;
	width: 11.5em;
}
#user-div .text,
#pass-div .text { width: 100%; }
#user-div { float:left; }
#pass-div { float:right; }
#base-div { clear: both; }
#LoginUC1_ImageButton1 { float:left; }
.img-link a
{
    display: block;
	height: 205px;
	overflow: hidden;
	text-indent: -9999px;
	width: 250px;
	/* width: 20.2em; */
 }
.general .img-link a { background:url(../images/Home_large.jpg) no-repeat; }
.business-outreach .img-link a { background:url(../images/Business_large.jpg) no-repeat; }
.employment-outreach .img-link a { background:url(../images/Employment_large.jpg) no-repeat; }
.education-outreach .img-link a { background:url(../images/Education_large.jpg) no-repeat; }
.bond .img-link a { background:url(../images/Bond_large.jpg) no-repeat; }
/* TODO replace with 'general' image */
.general .img-link a:hover { background:url(../images/Home_large.jpg) no-repeat; }
.business-outreach .img-link a:hover { background:url(../images/Business_large_hover.jpg) no-repeat; }
.employment-outreach .img-link a:hover { background:url(../images/Employment_large_hover.jpg) no-repeat; }
.education-outreach .img-link a:hover { background:url(../images/Education_large_hover.jpg) no-repeat; }
.bond .img-link a:hover { background:url(../images/Bond_large_hover.jpg) no-repeat; }
.quicklinks ul,
.quicklinks ul li,
.quicklinks ul li ul 
{
    margin: 0; 
    padding: 0;
}
.quicklinks ul li ul a { margin: 0.8em 1.2em; }
.quicklinks ul li ul li { margin: 0; background-color: Red; }
.sitemap > ul { margin: 0 8em; padding: 2em 0; } /* header */
.sitemap > ul > li > a { font-size: 131%; } /* header */
.sitemap > ul > li > ul > li > a { font-weight: bold; } /* level 1 */
.comment-block { margin: 0 8em; padding: 2em 0; }
.comment-block p { text-align: center; }
.float-image-left { float: left; margin: 0 1.4em 1em 0; }
.user-signup { margin: 4em 23.4em 3em 23em; }
.user-signup-success { margin: 4em 3em 3em 17em; }
div.bid-table-wrap { margin: 0 2.2em; }
div.bid-table-wrap h3 { margin: 1.8em 0; } 
table.bid-table td,
table.bid-table th { vertical-align:top; padding: 0 0 1.2em 1.2em; }
table.bid-table strong { font-weight: bold; }
table.bid-table p.bid-disclaimer { font-size: 77%; line-height: 1.2em;}
table.event-table { margin-top: 1.4em; }
table.event-table td { vertical-align:top; padding: 0; }
table.event-table td.strong { vertical-align:top; padding: 0 2.8em 1.4em; }
table.event-table td.strong { font-weight: bold; }
table.job-table { margin-top: 1.4em; }
table.job-table td { vertical-align:top; padding: 0.8em; }
table.job-table td.strong { vertical-align:top; padding: 0.8em 2.8em 1.4em; }
table.job-table td.strong { font-weight: bold; }
img.bid-rss { margin-left: 1.4em; margin-top: 1.4em; }
a.sl-link
{
    border: 1px solid;
	color: #9f9f9f !important;
	font-size: 93%;
	margin: 0 0.8em 0 0;
	padding: 0.1em 0.3em;
	text-transform: uppercase;
}
a.general {  border-color: #273691; }
a.business { border-color: #1CB6EC; }
a.education { border-color: #b4d88e; }
a.employment { border-color: #FAA634; }
a.bonds { border-color: #C50073; }
a.general-selected { color: #fff !important; background-color: #273691; }
a.business-selected { color: #fff !important; background-color: #1CB6EC; }
a.education-selected { color: #fff !important; background-color: #b4d88e; }
a.employment-selected { color: #fff !important; background-color: #FAA634; }
a.bonds-selected { color: #fff !important; background-color: #C50073; }
div.event-page-links, div.date-select { margin: 1.8em 2.8em; }

