html, body { padding: 0; margin: 0; height: 100%; width: 100%; }
body, td, th, input, select, textarea { font: 13px/1.5 arial, sans-serif; font-weight: normal; color: #474747; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0; font-weight: normal; }
h1 { font: 190% Georgia; color: #3f7fb0; text-align: center; }
h2 { font: 160% Georgia; color: #3f7fb0; }
h3 { font-size: 140%; font-weight: bold;  color: #3f7fb0; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 105%; color: black; font-weight: bold; }
p { margin: 1em 0; padding: 0; }
p.infobox {
	border-style: solid;
	border-color: #527db3;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-width: 1px 0px;
	padding: 1em;
	background-color: #b4cae6;
}
.clear { clear: both; }
a { color: #3f7fb0; text-decoration: none; }
a:hover { color: #283657; }
hr { color: #527db3; height: 1px; background: #3f7fb0; border: none; margin-top: 15px; margin-bottom: 15px; }
body.drupal { text-align: left; }
.content tbody { border: none; }
#page-title { text-align: left; font: 210% Georgia; color: #3f7fb0;
	border-bottom: 1px solid #527db3; }
#cboxNext { border:  none; }
#cboxPrevious { border:  none; }
#cboxClose { border:  none; }

#wrap { background: url(bg-carousel.jpg) center top no-repeat #181818; width: auto; min-height: 1400px; }
#wrap2 { width: 1345px; margin: 0 auto; background-color: transparent; }
#wrap3 { width: 1115px; margin: 0 auto; background-color: transparent; }

#head { position: relative; width: 1115px; height: 160px;  margin: 0 auto; }
#broomelogo { position: relative; display: block; margin-top: 50px; float: left; margin-left: 80px; }
#block-search-form { width: 302px; position: relative; float: right; margin-top: 94px; margin-right: 170px;
	height: 50px; }
#block-search-form .form-item input{ width: 300px; height: 36px; display: inline-block; padding: 0 0 0 10px; background: white; background-position: 0; z-index: 280; border: 1px solid white; }
#block-search-form .form-submit { display: inline; width: 36px; height: 35px; background: url("mag-glass.jpg") no-repeat 0; z-index: 280; position: relative; bottom: 37px; left: 275px; border: 1px solid white; }
#block-search-form .form-text { font-style: italic; color: gray; font-size: 115%; }
#block-search-form fieldset.collapsible {
display:none;
}

#topnav { background: url(navbg.jpg) left top repeat-x; width: 1345px; height: 41px;
	-moz-box-shadow: 0 2px 4px #0e0e0e; box-shadow: 0 2px 4px #0e0e0e; z-index: 50; }
#block-megamenu-main-menu { width: 1115px; position: relative; margin: 0 auto; top: 10px; }
li#megamenu-mlid-218 { background: url(home.png) no-repeat; width: 120px; float: left; margin-left: 20px; }
#megamenu-main-menu .megamenu-parent-title a { display:  inline ;padding-top:  9px; text-transform: uppercase;
	font: 145% arial; padding-left: 38px; padding-right: 36px; color: #283657;}
#megamenu-main-menu .megamenu-parent-title a:hover { color: #527db3; text-shadow: 0 1px 1px #ffffff; }
#megamenu-main-menu .megamenu-bin { background: #ffffff; z-index:  -1; font-size: 100%; line-height: 2em; color: #474747; padding: 20px; margin-top: 9px;
	list-style: none; -moz-box-shadow: 2px 2px 4px #474747; box-shadow: 2px 2px 4px #474747; }
#megamenu-main-menu .megamenu-bin a { color: #474747; }
#megamenu-main-menu .megamenu-bin a:hover { color: #527db3; text-decoration:  none; }
#megamenu-main-menu .megamenu-slot {  margin: 0 20px 0 0; border-right: 1px dotted #bbbbbb; }
#megamenu-main-menu .megamenu-slot-title a { color: #527db3; font-size: 120%; text-decoration: none; }

#left { width: 215px; float: left; background-color: #d6d4ce; min-height: 1544px; margin-right: 10px; margin-top: 10px; }
#bcexec { position: relative; display: block; text-align: center; font-weight: bold; line-height: 115%; color: #003a5c; }
#bcexec img { margin-bottom: 6px; }
#exectitle { font-weight: bold; 	font-style: italic; }

ul#ddmenu { margin: 10px 6px 4px 7px; padding: 0; list-style: none; position: absolute; display: block; color: white; background: url(drop.png) left top no-repeat; width: 202px; height: 29px;
	font-size: 120%; }
ul.ddsubmenu { margin: 0; padding: 0; list-style: none; }
ul#ddmenu li { float: left; margin-top: 3px; }
/* hide the submenu */
li.ddtitlelink ul.ddsubmenu { display: none; }
/* show the submenu */


ul#ddmenu li.ddtitlelink:hover ul.ddsubmenu { display: block;  position: absolute; float: left; width: 171px; background: #527db3; text-align: left; z-index: 200; }
ul#ddmenu li.ddtitlelink:hover li {  float: none;  color: white;  font-size: 12px; width: 171px; display: block; z-index: 100; line-height: 100%; text-align: left; font-variant: normal; padding-top: 5px; padding-bottom: 3px; border-top: 1px solid #90a7b9; }
ul#ddmenu li.ddtitlelink:hover li a {  float: none;  color: white;  font-size: 12px; width: 171px; display: block; z-index: 100;  line-height: 100%; text-align: left; font-variant: normal; padding-top: 5px; padding-bottom: 3px; padding-left: 15px; }
ul#ddmenu li.ddtitlelink:hover li a:hover {  line-height: 100%; text-decoration: none; color: #fdda52; display: block; padding-top: 5px; padding-bottom: 3px; }

#block-block-4 a { color: #771100; }
#block-block-4 p { padding-left: 15px; padding-right: 10px; }
#block-block-4 { background-color: white; text-align: left; padding-bottom: 10px; }
#block-block-5 { width: 215px; margin-top: 10px; position: relative; height: 25px; }
#block-block-6 { width: 215px; margin-top: 15px; position: relative; height: 25px; }
#block-block-7 { width: 215px; margin-top: 15px; position: relative; height: 25px; }
#block-block-8 { width: 215px; margin-top: 35px; margin-left: 0;
	position: relative; padding: 0; margin-right: 0; }
#block-block-8 img {
	-moz-box-shadow: 0 3px 3px #949494;
	box-shadow: 0 3px 3px #949494;
	margin-bottom: 10px; }
#block-block-9 { width: 215px; margin-top: 30px; margin-left: 0; position: relative; padding: 0; margin-right: 0; }
#block-block-9 img {
		-moz-box-shadow: 0 3px 3px #949494;
		box-shadow: 0 3px 3px #949494;
		margin-bottom: 10px; }
#block-block-10 { width: 215px; margin-top: 40px; margin-left: 0;
position: relative; padding: 0; margin-right: 0; text-align: center; }
	
#block-block-11 { width: 215px; background-color:  white; }

#center { width: 665px; float: left; background-color: white; min-height: 1300px; margin-right: 10px; margin-top: 10px; }
#center #content { padding-right: 25px; padding-left: 25px; }
#fadebanner { position: relative; width: 665px; height: 336px; }
#banner { position: relative; width: 643px; height: 338px;  margin: 10px 0 0 11px; }
#banner .nivo-prevNav { display: block; position: absolute; width: 22px; height: 22px;
	background: url(arrow-prev.png) no-repeat; top: 231px; right: 40px; left: auto; text-indent: -9999px; z-index: 100; }
#banner .nivo-nextNav { display: block; position: absolute; width: 22px; height: 22px;
	background: url(arrow-next.png) no-repeat;
	right: 6px; top: 233px; left: auto; text-indent: -9999px; z-index: 100;}

a.nivo-imageLink { 
	display: block; 
	background-color: #fff;
	filter:alpha(opacity=0);
	opacity: 0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0; }
	
#block-views-homepage-news-story-block .views-field.views-field-field-image0 { float: left; margin: 5px 12px 16px 10px; width: 120px; height: 90px; }
#block-views-homepage-news-story-block .views-field.views-field-title {  font-weight: bold;
	font-size: 115%; color: #474747; }
#block-views-homepage-news-story-block .views-field.views-field-body p { margin-top: .2em; }
#block-views-homepage-news-story-block .views-more-link { margin-left: 10px; }
#block-views-homepage-news-story-block .views-row { margin-bottom: 28px; }
#hpmorenews { left: 250px; position: relative;  top: 8px; }
#block-views-homepage-news-story-block h2 { margin-top: 0; }

.view.view-homepage-news-story .views-field.views-field-field-storyimage { float: left; margin: 5px 12px 16px 10px; width: 120px; height: 90px; }
.view.view-homepage-news-story .views-field.views-field-title {  font-weight: bold; color: #474747; }
.view.view-homepage-news-story .views-field.views-field-body p { margin-top: .2em; }
.view.view-homepage-news-story .views-more-link { margin-left: 10px; }
.view.view-homepage-news-story .views-row { margin-top: 8px; margin-bottom: 8px; border-bottom: 1px solid silver;
}

#right { width: 215px; float: right; background-color: #d6d4ce; min-height: 1544px; margin-top: 10px; text-align: center; }
#block-system-user-menu { background-color: white; border: 1px solid #3f7fb0; width: 192px;
	margin-top: 10px;
	margin-left: 10px; }

#home-cols { background: url(infoblockbg.jpg) no-repeat; width: 675px; height: 315px; margin: 0 auto; padding: 0; position: relative; display: block; }
#home-cols .content { padding-left:  0; padding-right:  0;}
.homepageinfo { background: url(hpheaders.jpg) no-repeat; width: 190px; margin: 0 10px 10px 11px; padding-left: 10px; position: relative; top: 15px; float: left; }
.homepageinfo h2 { color: white; margin-bottom: 10px; line-height: 100%; margin-top: 3px; text-align: center; }
.homepageinfo h3 { font: 120% georgia; margin-top: 6px; margin-bottom: 3px; text-align: center; }
.homepageinfo ul { list-style: none; padding: 0; margin: 0;
	display: inline; }
.homepageinfo li { list-style: none; padding: 2px 0; margin: 0; text-align: left; }
.homepageinfo li a { display: block; padding: 2px 15px 2px 10px; text-decoration: none; color: #474747; text-align: left; display: inline; }
.homepageinfo li a:hover { color: #527db3; }

.interiorleftnav { width: 215px; margin: 0; padding: 0; position: relative; }
.interiorleftnav h2 { color: white; line-height: 140%; background-color: #527db3; font-size: 130%;
	-moz-box-shadow: 0 2px 2px #787878;
	box-shadow: 0 2px 2px #787878; 
	margin-bottom: 3px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 0;
	padding-left: 15px;
	padding-right: 5px; }
.interiorleftnav ul { list-style: none; padding: 0; margin: 0;
	display: inline; }
.interiorleftnav li { list-style: none; margin: 0; text-align: left; display: block; border-bottom: 1px solid white; }
.interiorleftnav li.nolink { padding: 4px 15px; }
.interiorleftnav li.nolink:hover { background-color: white; color: #527db3; }
.interiorleftnav ul li ul.leftsubmenu { display: none; }
.interiorleftnav ul li:hover ul.leftsubmenu { display: block; z-index: 380; width: 100%; background: #b0cbf3;
position: absolute; visibility: visible; overflow: visible;
left: 215px; margin-top: -23px; }
.interiorleftnav li a {  padding: 4px 15px; display: block; text-decoration: none; color: #474747; }
.interiorleftnav li a:hover { background-color: white; color: #527db3; display: block; }
.pad6px { 	padding-left: 10px; }

.rightcolad { width: 179px; margin: 15px auto 0; padding: 0 8px; border: 1px solid #3f7fb0; background-color: white; }


.leftsecondaryblock { width: 179px; margin: 35px auto 0; padding: 0 8px 10px; border: 1px solid #527db3; background-color: white; }
.leftsecondaryblock h2 { color: #527db3; line-height: 140%; font-size: 130%; margin-bottom: 3px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 0;
	padding-left: 15px; }
.leftsecondaryblock ul { list-style: none; padding: 0; margin: 0;
		display: inline; }
.leftsecondaryblock li { list-style: none;  margin: 0; text-align: left; display: inline; }
.leftsecondaryblock li a { display: block; border-bottom: 1px solid #527db3; text-decoration: none; color: #474747;   padding: 4px 15px; }
.leftsecondaryblock li a:hover { background-color: white; color: #527db3; }
	

.contactbox {background: url(contactinfo.jpg) left top no-repeat white; width: 191px; padding: 0; position: relative; display: block; bottom: 6px; border: 1px solid #3f7fb0; font-size: 12px; line-height: 1.5; overflow: visible; height: 100%; text-align: left; margin: 20px auto 0; }
.contactbox .content {  margin: 0 0 .6em; padding: 0 12px 40px 12px; position: relative; display: block;
	top: 28px; }
.contactbox .field.field-name-field-photo { text-align: center; margin-bottom: 5px; }
.contactbox .field.field-name-field-contact-first { font-weight: bold; display: inline-block;
	margin-top: 10px; }
.contactbox .field.field-name-field-contact-last { font-weight: bold; display: inline-block; margin-left: 4px; margin-top: 10px; }
.contactbox .field.field-name-field-contact-title { padding-bottom: 5px; font-weight: bold; }
.contactbox .field.field-name-field-contact-address2 { padding-top: 5px; border-top: 1px solid silver; }
.contactbox .field.field-name-field-contact-city { display: inline-block; }
.contactbox .field.field-name-field-contact-state { display: inline-block; margin-left: 4px; }
.contactbox .field.field-name-field-contact-zip { display: inline-block; margin-left: 4px; padding-bottom: 5px; }
.contactbox .field.field-name-field-contact-phone { padding-top: 5px; border-top: 1px solid silver; }

#left ul.links.inline { display:  none; }
#right ul.links.inline { display:  none; }


/* Hack to get text flow around contact blocks in IE7 o_O */
div.region-content,
div.region-content div
div.region-content div.content div { display: block; }

#social-feed {  width: 650px; height: 490px;
	padding: 20px; position: relative; display: block; margin: 15px auto 0; }

.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 620px;
    border: none;
}
    
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 106px;
    height:  280px;
    background: url(connect.jpg) left top no-repeat;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 102%;
	margin-top: 0.8em;
	margin-right: 0;
	margin-left: 0;
	border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: relative;
    top: 50px;
    height:  68px;
    border:  none;
    background: url(fb-f-logo.png) no-repeat #97bad4;
	-moz-box-shadow: 0 2px 4px #959595;
	box-shadow: 0 2px 4px #959595;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-color:  #527db3;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:hover {
	opacity: 0.6;
}


.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
	padding: 0.7em .5em 0 1.6em;
	color:  white;
	font: bold 100% arial;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color:  white;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
	opacity: 1;
}
    
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px; }
    
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    width: 428px;
    height:  420px;
    border-radius: 0;
    position: relative;
    left: -1px;
	border: 20px solid #283657;
}

.ui-tabs.ui-parktabs-vertical {
    padding: 0;
    width: 620px;
    border: none;
}
    
.ui-tabs.ui-parktabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-parktabs-vertical .ui-tabs-nav li.ui-tabs-selected {
	background-color:  #527db3;
}
.ui-tabs.ui-parktabs-vertical .ui-tabs-nav {
    float: left;
    width: 106px;
    height:  280px;
    background: url(connect.jpg) left top no-repeat;
}
.ui-tabs.ui-parktabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 102%;
	margin-top: 0.8em;
	margin-right: 0;
	margin-left: 0;
	border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: relative;
    top: 50px;
    height:  68px;
    border:  none;
    background: url(fb-f-logo.png) no-repeat #97bad4;
	-moz-box-shadow: 0 2px 4px #959595;
	box-shadow: 0 2px 4px #959595;
}


.ui-tabs.ui-parktabs-vertical .ui-tabs-nav li:hover {
	opacity: 0.6;
}


.ui-tabs.ui-parktabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
	padding: 0.7em .5em 0 1.6em;
	color:  white;
	font: bold 100% arial;
}
.ui-tabs.ui-parktabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
}

.ui-tabs.ui-parktabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
	opacity: 1;
}
    
.ui-tabs.ui-parktabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px; }

.ui-tabs.ui-parktabs-vertical .ui-tabs-panel {
    float: left;
    width: 428px;
    height:  565px;
    border-radius: 0;
    position: relative;
    left: -1px;
	border: 20px solid #283657;
}

.tooltip {
  position: relative;}
  
.tooltip:hover::after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    color: #fff;
    content: attr(alt);
    padding: 5px 15px;
    position: absolute;
    z-index: 999;
    width: 220px;
	right: 10px;
	
}

#newsalerts {
width: 450px;
  height: 245px;
  overflow-y: scroll;
  color: #334E6F;
  background-color: #fff;
  border: 1px solid #475f7d;
  margin: 0 3px 0 0;
  padding: 0 7px;
}

.field.field-name-field-image0 { float: right;
	margin-left: 20px;
}

.view.view-contacts .views-field.views-field-title { font-weight: bold; }

.view.view-contacts .views-row { display: block; margin-top: 5px; }

.node.node-contact .field.field-name-field-contact-first { display: inline-block; }
.node.node-contact .field.field-name-field-contact-last { display: inline-block; margin-left: 5px; }
.node.node-contact .field.field-name-field-organization {
	font-weight: bold; font-size: 110%; }

.node.node-contact ul.inline li { display:  none; }
.node.node-contact h2 { display:  none; }

.view.view-purchasing-bids .views-field.views-field-title { border-style: solid;
border-color: #527db3;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px;
padding: 1em;
background-color: #b4cae6; }

.view.view-purchasing-rfp .views-field.views-field-title { border-style: solid;
border-color: #527db3;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px;
padding: 1em;
background-color: #b4cae6; }

.view.view-purchasing-rfq .views-field.views-field-title { border-style: solid;
border-color: #527db3;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px;
padding: 1em;
background-color: #b4cae6; }

.view.view-legislature-homepage-slideshow .views-field.views-field-field-dept-ss-image {
	margin-bottom: 15px;
	text-align: center; 
	width:  600px;
}

.view.view-legislature-homepage-slideshow .views-field.views-field-body { color: #527db3;
font-size: 120%;
	display: block;
	width:  600px;
}
.view.view-bc-stopdwi-homepage-slideshow .views-field.views-field-field-dept-ss-image { 
margin-bottom: 10px;
	margin-right: auto;
	text-align: center;
	margin-left: auto;
	width:  600px;
}
.view.view-bc-stopdwi-homepage-slideshow .views-field.views-field-body { 
color: #527db3;
font-size: 120%;
	display: block;
	text-align: center;
	width:  600px;
}

#foot { position: relative; background-color: transparent; width: 1125px; height: 80px; margin: 0 auto; color: white;
	text-align: center; }