/**INITIAL STYLES********************************/
body {
margin: 0;
font-family: arial,helvetica,sans-serif;
}
body#BUSINESSJOURNAL, body#BUSINESSJOURNAL01, body#eventspage, body#resourcespage, body#advertisepage, body#subscribepage, body#BUSINESSJOURNAL05 {
background: #fff url("http://www.northbaybusinessjournal.com/img/busjrnl/bg1.gif");
}
body#listspage, body#telecompage {
background: #fff url("http://www.northbaybusinessjournal.com/img/busjrnl/bg2.gif");
}
body#marketplacepage {
background: #fff url("http://www.northbaybusinessjournal.com/img/busjrnl/bg3.gif");
}
img.template {
margin: 0 0 0 0;
border: 0;
float: left;
}
/**HEADER AND SPECIAL TEXT STYLES*******************************/
p.center {
text-align: center;
margin: 0 0 0 0;
}
p.padded {
margin: 0 0 0 0;
padding: 0 10px 0 10px;
}

ul {
list-style: none;
padding-left: 0;
margin: 0;
}
#right-content ul {
list-style: none;
padding: 0 10px 0 10px;
margin: 0;
}
ul li {
padding: 0 0 2px 11px;
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/blueonwhite-bullet.gif") no-repeat 0 .3em;
}
#left-content ul li {
padding: 0 0 2px 11px;
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/blueongray-bullet.gif") no-repeat 0 .3em;
}

h1 {
font-size: 20px;
color: #003184;
margin: 0 0 3px 0;
}
h2 {
font-size: 16px;
color: #003184;
margin: 0 0 3px 0;
}
#center-content h2 a:link, #center-content h2 a:visited {
color: #000;
text-decoration: none;
}
#center-content h2 a:hover {
color: #900;
text-decoration: underline;
}
h3 {
font-size: 14px;
font-style: italic;
color: #666;
margin: 0 0 10px 0;
}
h4 {
font-size: 12px;
font-weight: bold;
color: #666;
margin: 0 0 10px 0;
}
#left-content h4 {
font-size: 12px;
font-weight: bold;
color: #003184;
margin: 0 0 3px 0;
}
#center-content h4 a:link, #center-content h4 a:visited {
color: #003184;
text-decoration: none;
}
#center-content h4 a:hover {
color: #900;
text-decoration: underline;
}
h5 {
font-size: 12px;
font-weight: bold;
color: #003184;
margin: 0 0 3px 0;
display: block;
border-bottom: 1px dotted #003184;
*border-bottom: 1px solid #003184;
}
#right-content h5 {
background: #fff;
font-size: 12px;
font-weight: bold;
color: #003184;
padding: 2px;
margin: 0 0 3px 0;
text-align:center;
display: block;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}
#right-content h6 {
font-weight: normal;
font-size: 11px;
color: #003184;
margin: 0 0 3px 0;
text-align: center;
display: block;
border-bottom: 1px dotted #003184;
*border-bottom: 1px solid #003184;
}
#center-content .kicker{
font-size: 11px;
font-weight: bold;
color: #666;
margin: 0 0 3px 0;
}
#center-content .story-date{
font-size: 11px;
font-weight: bold;
color: #666;
margin: 0 0 10px 0;
}
.byline {
font-size: 12px;
font-weight: bold;
color: #003184;
margin: 0 0 10px 0;
}
.credit {
text-align: right;
font-size: 9px;
margin: 0 0 3px 0;
}
.caption {
text-align: left;
font-size: 12px;
margin: 0 0 3px 0;
}

/**MASTHEAD STYLES*********************************************************/
#masthead {
width: 100%;
height: 115px;
background: #fff url("http://www.northbaybusinessjournal.com/img/busjrnl/mastback.gif") repeat-x;
margin: 0;
float: left;
font-size: 11px;
color: #003184;
clear: both;
}
#masthead a:link, #masthead a:visited {
text-decoration: none;
color: #003184;
}
#masthead a:hover {
text-decoration: underline;
color: #900;
}
#masthead #first-tier {
border-bottom: 1px solid #003184;
height: 75px;
width: 760px;
clear: both;
}
#masthead #second-tier {
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #003184;
height: 17px;
width: 760px;
clear: both;
}
#second-tier #left {
margin: 0 0 0 5px;
float: left;
}
#second-tier #right {
margin: 0 0 0 0;
float: right;
}
#masthead #third-tier {
border-top: 1px solid #E7E7E7;
border-bottom: 2px solid #aaa;
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-back.gif");
font-weight: bold;
height: 17px;
width: 760px;
clear: both;
}
#third-tier #left {
width: 168px;
float: left;
}
#third-tier #right {
width: 592px;
float: left;
}


/***navigation and search in masthead area*****************************/
.lnav-start {
margin: 0 0 0 0;
line-height: 1.4em;
padding: 0 5px 0 5px;
}
.lnav {
margin: 0 0 0 -4px;
line-height: 1.4em;
padding: 0 5px 0 5px;
border-left: 1px solid #aaa;
}

#BUSINESSJOURNAL #home {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#subscribepage #subscribe {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#advertisepage #advertise {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#marketplacepage #marketplace {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#listspage #bookoflists {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#BUSINESSJOURNAL01 #news {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#resourcespage #resources {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#BUSINESSJOURNAL05 #howtoguides {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}
#telecompage #telecom {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/third-tier-active.gif") repeat-x 0 -.2em;
}

/**google search*********************************************/
#google-search {
position: absolute; top: 92px; left: 10px;
z-index: 3;
}

#google-search input.textbox-bordered {
margin: 0 0 0 0;
background: #003184;
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
padding: 1px;
border: solid 1px #003184;
}

#google-search input.search-go {
position: relative; top: 4px; left: -4px;
}

/**CONTENT STYLES*********************************************************/
#content {
width: 760px;
}

/***left-content********************************/
#content #left-content {
position: absolute; top: 115px; left: 0px;
width: 168px;
font-size: 11px;
color: #003184;
}
#marketplacepage #content #left-content {
position: absolute; top: 115px; left: 0px;
width: 138px;
font-size: 11px;
color: #003184;
}
#left-content a:link, #left-content a:visited {
text-decoration: none;
color: #003184;
}
#left-content a:hover {
text-decoration: underline;
color: #900;
}
#left-content a.nounderline:link, #left-content a.nounderline:visited {
margin: 0 0 0 0;
color: #003184;
text-decoration: none;
}
#left-content a.nounderline:hover {
color: #003184;
text-decoration: none;
}
#left-content .page-element-ab {
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
width: 138px;
float: left;
clear: both;
}
#marketplacepage #left-content .page-element-ab {
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
width: 108px;
float: left;
clear: both;
}

/***center-content********************************/
#content #center-content {
position: absolute; top: 115px; left: 168px;
padding: 0;
margin: 0;
width: 414px;
background: #fff;
font-size: 12px;
color: #000;
}
#listspage #content #center-content, #telecompage #content #center-content {
position: absolute; top: 115px; left: 168px;
padding: 0;
margin: 0;
width: 592px;
background: #fff;
font-size: 12px;
color: #000;
}
#marketplacepage #content #center-content {
position: absolute; top: 115px; left: 138px;
padding: 0;
margin: 0;
width: 622px;
background: #fff;
font-size: 12px;
color: #000;
}
#center-content a:link, #center-content a:visited {
text-decoration: underline;
color: #003184;
}
#center-content ul a:link, #center-content ul a:visited {
text-decoration: none;
color: #003184;
}
#center-content a:hover {
text-decoration: underline;
color: #900;
}
#center-content a.nounderline:link, #center-content a.nounderline:visited {
margin: 0 0 0 0;
color: #000;
text-decoration: none;
}
#center-content a.nounderline:hover {
color: #000;
text-decoration: none;
}
#center-content .page-element-ab {
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
width: 394px;
float: left;
clear: both;
}
#listspage #center-content .page-element-ab, #telecompage #center-content .page-element-ab {
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
width: 572px;
float: left;
clear: both;
}
#marketplacepage #center-content .page-element-ab {
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
width: 602px;
float: left;
clear: both;
}
#center-content .page-element-a {
margin: 0 0 0 0;
padding: 0 10px 0 10px;
border-right: 1px dotted #003184;
*border-right: 1px solid #003184;
width: 186px;
float: left;
}
#center-content .page-element-b {
margin: 0 0 0 0;
padding: 0 10px 0 10px;
width: 187px;
float: left;
}

/***story-page breakouts**************************/
#BUSINESSJOURNAL .story-breakout, #BUSINESSJOURNAL01 .story-breakout {
width: 198px;
margin: 0 0 0 10px;
float: right;
}
#BUSINESSJOURNAL .highlight-box, #BUSINESSJOURNAL01 .highlight-box {
width: 186px;
border: 1px solid #003184;
background: #eee;
padding: 5px;
margin: 10px 0 0 0;
}
#BUSINESSJOURNAL .story-photo, #BUSINESSJOURNAL01 .story-photo {
margin: 0 0 10px 0;
}
#emailprint-strip {
width: 300px;
text-align: right;
margin: 0 0 5px 0;
padding: 1px;
font-size: 10px;
float: right;
}
.ovr-img {
float:right;
margin: 0 0 5px 5px;
}

/***right-content********************************/
#content #right-content {
position: absolute; top: 115px; left: 582px;
width: 178px;
font-size: 11px;
color: #003184;
float: left;
}
#right-content a:link, #right-content a:visited {
text-decoration: none;
color: #003184;
}
#right-content a:hover {
text-decoration: underline;
color: #900;
}
#right-content .page-element-ab {
background: url("http://www.northbaybusinessjournal.com/img/busjrnl/right-content-elementback.gif") repeat-y;
margin: 10px 0 0 10px;
padding: 0 0 10px 0;
width: 158px;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
clear: both;
}

/**ADS********************************/

#bannerad {
position: absolute; top: 7px; left: 292px;
z-index: 2;
}

/**popup******************************/
#popup {
font-size: 12px;
margin: 10px;
}