/*
Company:	Bard Marketing
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
body {
	font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
	background-color: #e3e5e9;
}
/* @end */

/* @group Layout */
div#hd-wrap {
	background: url(../images/hd-bkg.gif) repeat-y top center;
	border-top: 11px solid #000;
}
div#hd {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	background-color: #1a4f85;
	height: 139px;
}
div#logo h4 a {
	display: block;
	width: 209px;
	height: 83px;
	background: url(../images/bard-logo10.gif) no-repeat;
	text-indent: -9000px;
	float: left;
	display: inline;
}
div#logo {
	margin: 0 0 0 15px;
}

div#bd-wrap {
	background-color: #e3e5e9;
	border-top: 11px solid #fff;
}
div#bd {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url(../images/bd-bkg.gif) repeat-y top center;
}
.sharethis {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
/* End hide from IE-mac */
/* @end */
div#bdbk {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	background: #fff center top;
}
div#bdbk p {
	margin-bottom: 10px;
	line-height: 150%;
	font-size: 85%;
	color: #43484f;
}
div#bdbk div.bdbk-content {
	padding: 20px;
}
body#sitemap div#bd, body#p-press-release div#bd {
	background-image: none;
}

/*Left Column Styles*/
div#left-col {
	width: 216px;
	color: #666666;
	line-height: 150%;
	float: left;
	display: inline;
}
div#left-col div.content {
	margin: 0 18px 18px 18px;
}
div#left-col p {
	margin-bottom: 10px;
}
div#left-col a:link, div#left-col a:visited {
	color: #003366;
	text-decoration: underline;
}
div#left-col a:hover {
	text-decoration: underline;
	color: #cb3819;
}

p.hot-topic-big {
	text-align: center;
}

/*Main Column Styles*/
div#main-col {
	width: 563px;
	color: #43484f;
	overflow: hidden;
	float: right;
	display: inline;
}
body#sitemap div#main-col {
	float: none;
	display: block;
	width: 100%;
}
body#p-press-release div#main-col {
	float: none;
	display: block;
	width: 100%;
}
div#main-col div.content {
	margin: 0 13px;
}
body#sitemap div#main-col div.content {
	margin: 0 16px;
}
body#p-press-release div#main-col div.content {
	margin: 0 100px 50px 100px;
}
div#main-col p {
	margin-bottom: 10px;
	line-height: 150%;
}
div#main-col strong, div#bdbk strong {
	color: #000;
	font-weight: bold;
}
div#main-col ul, div#main-col ol {
	margin-left: 15px;
	margin-top: 0;
	margin-bottom: 10px;
}
div#main-col ul li {
	line-height: 150%;
	list-style: disc;
	margin-bottom: 5px;
	margin-left: 10px;
}
div#main-col ol li {
	margin-bottom: 5px;
	margin-left: 14px;
	list-style-type: decimal;
	line-height: 150%;
	list-style-position: outside;
}
div#main-col a:link, div#bdbk a:link {
	color: #566586;
	text-decoration: underline;
}
div#main-col a:visited, div#bdbk a:visited {
	color: #6e94ba;
	text-decoration: underline;
}
div#main-col a:hover, div#bdbk a:hover {
	color: #cb3819;
	text-decoration: underline;
}

dl.res-list {
	margin-left: 30px;
	margin-bottom: 15px;
}
dl.res-list dt {
	width: 300px;
	font-weight: bold;
	margin-bottom: 4px;
	float: left;
	clear: left;
}
dl.res-list dd {
	margin-bottom: 4px;
	/*float: left;*/
}

img.content-img {
	margin: 5px 0 10px 0;
}

div#bottom-col {
	clear: both;
}

/* Header Flash */
div#home-flash-hd {
	width: 415px;
	height: 76px;
	margin: 0 0 0 60px;
	float: left;
	display: inline;
}
div.grey-box {
	width: 528px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #C1C5CC;
}

/*Form Box Styles*/
div.form-box-top {
	width: 517px;
	height: 5px;
	background: url(../images/form-top.gif) no-repeat;
	margin-left: 20px;
	overflow: hidden;
}
div.form-box-btm {
	width: 517px;
	height: 5px;
	background: url(../images/form-btm.gif) no-repeat;
	margin-left: 20px;
	overflow: hidden;
}
div.form-box {
	width: 517px;
	padding: 1px 0;
	background: url(../images/form-mid.gif) repeat-y;
	margin-left: 20px;
}
div#knowledge-form-left {
	width: 260px;
	float: left;
	display: inline;
}
div#knowledge-form-right {
	font-size: 85%;
	padding-left: 10px;
	width: 230px;
	float: left;
	display: inline;
}
div#knowledge-form-right input {
	margin-right: 4px;
	margin-bottom: 1px;
}

div.form-success {
	text-align: center;
	padding: 15px 0;
}
div.form-success p strong {
	font-size: 114%;
	color: #566586!important;
}
div.form-success p a {
	font-size: 107%;
}

/*Press Release*/
p.print-this-page {
	padding: 10px 0 5px 30px;
}
p.print-this-page a {
	background: url(../images/print-icon.gif) no-repeat 100% 50%;
	padding: 4px 20px 4px 0;
}

div#ft-wrap {
	background: url(../images/ft-bkg.gif) repeat-y top center;
}
div#ft {
	width: 749px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d3d7e0;
	font-size: 77%;
	padding: 15px;
	color: #666699;
}
div#ft p {
	float: right;
	display: inline;
}
div#bd p, div#bd ul, div#bd ol, div#bd dl {
	font-size: 85%;
}
/* @end */

/* @group Nav */
/*Main Navigation*/
div#nav-bar {
	margin-left: 4px;
	padding-top: 10px;
	width: 768px;
	padding-left: 5px; 
	height: 33px;
}

#main_nav { 
	position: relative; 
	width: 770px; 
	margin: 0; 
	padding: 0;
	list-style: none; 
	background: #1a4f85;
	font-size: 90%;
} 

#main_nav li { 
	float: left; 
} 

#main_nav li a { 
	/*float: left;*/ 
	padding: 1px 7px; 
	border-right: 1px solid #fff;
}
#main_nav li a:link, #main_nav li a:visited {
	color: #fff;
	text-decoration: none;
}

/*These are the active page link styles*/
body#p-home #main_nav li#n-home a:link, body#p-home #main_nav li#n-home a:visited {
	color: #7f9aaf;
}
body#p-services #main_nav li#n-services a:link, body#p-services #main_nav li#n-services a:visited {
	color: #7f9aaf;
}
body#p-about #main_nav li#n-about a:link, body#p-about #main_nav li#n-about a:visited {
	color: #7f9aaf;
}
body#p-news #main_nav li#n-news a:link, body#p-news #main_nav li#n-news a:visited {
	color: #7f9aaf;
}
body#p-knowledge #main_nav li#n-knowledge a:link, body#p-knowledge #main_nav li#n-knowledge a:visited {
	color: #7f9aaf;
}
body#p-resources #main_nav li#n-resources a:link, body#p-resources #main_nav li#n-resources a:visited {
	color: #7f9aaf;
}
body#p-contact #main_nav li#n-contact a:link, body#p-contact #main_nav li#n-contact a:visited {
	color: #7f9aaf;
}
body#p-blog #main_nav li#n-blog a:link, body#p-blog #main_nav li#n-blog a:visited {
	color: #7f9aaf;
}
body#p-faq #main_nav li#n-faq a:link, body#p-faq #main_nav li#n-faq a:visited {
	color: #7f9aaf;
}

#main_nav li.last a {
	border-right: none;
}

#main_nav li a:hover {  
	color: #ffcc00; 
} 

#main_nav li:hover ul, #main_nav li.over ul { 
	display: block; 
}

#main_nav li ul { 
	position: absolute;
	top: 14px; 
	left: 60px; 
	display: none; 
	width: 700px; 
	list-style: none; 
}

#main_nav li ul li { 
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
} 

#main_nav li ul li a {
	font-size: 85%;
	color: #ffcc00!important;
	border-color: #ffcc00;
}


#main_nav li ul li ul { /* third-and-above-level lists */
	margin: 0 0 0 0;
	display: none!important;
}

#main_nav li ul li:hover ul, #main_nav li ul li.over ul {
	display: block!important;
}

#main_nav li.last ul li a {
	border-right: 1px solid #ffcc00;
}
#main_nav li ul li.last a {
	border-right: none;
}

#main_nav li ul li a:hover { 
	text-decoration: underline; 
} 

/*Each subnav has it's own width and position.
If you add or remove sub nav items, these may need adjusted*/

#subnav1 {
	left: 0px !important;
	width: 740px!important;
}
#subnav1-sub {
	left: 233px!important;
	width: 400px!important;
}
#subnav1-sub1 {
	left: 457px!important;
	width: 450px!important;
}
#subnav2 {
	left: 125px !important;
	width: 400px !important;
}
#subnav3 { 
	left: 218px !important;
	width: 400px !important;
}
#subnav4 {
	left: 285px !important;
	width: 400px !important;
}
#subnav5 {
	left: 400px !important;
	width: 200px !important;
}
#subnav6 {
	left: 500px !important;
	width: 200px !important;
}
#subnav7 {
	left: 560px !important;
	width: 200px !important;
}

/*Sidebar Navigation*/
ul#services-nav {
	margin: 5px 4px 13px 18px;
}
ul#services-nav li {
	background: url(../images/gray-bullet.gif) no-repeat 0 50%;
	padding: 3px 0 3px 13px;
	font-size: 114%;
}
ul#services-nav a:link, ul#services-nav a:visited {
	text-decoration: none!important;
}
/*Sidebar Nav Highlighted Page*/
body.p-s-synchronous ul#services-nav li#n-s-synchronous a {
	color: #bbbdc0!important;
}
body.p-s-branding ul#services-nav li#n-s-branding a {
	color: #bbbdc0!important;
}
body.p-s-pr ul#services-nav li#n-s-pr a {
	color: #bbbdc0!important;
}
body.p-s-advertising ul#services-nav li#n-s-advertising a {
	color: #bbbdc0!important;
}
body.p-s-marketing ul#services-nav li#n-s-marketing a {
	color: #bbbdc0!important;
}
body.p-s-website ul#services-nav li#n-s-website a {
	color: #bbbdc0!important;
}
body.p-s-bizdev ul#services-nav li#n-s-bizdev a {
	color: #bbbdc0!important;
}
body.p-s-strategy ul#services-nav li#n-s-strategy a {
	color: #bbbdc0!important;
}

/*Hot Topic Archives Navigation*/
ul#hot-topics-nav {
	margin: 5px 4px 13px 18px;
}
ul#hot-topics-nav li {
	background: url(../images/gray-bullet.gif) no-repeat 0 50%;
	padding: 3px 0 3px 13px;
	font-size: 114%;
}
ul#hot-topics-nav li.active {
	background: url(../images/red-bevel-bullet.jpg) no-repeat 0 50%;
}

/* Footer Nav */
div#ft ul {
	float: left;
	display: inline;
}
div#ft ul li {
	margin-right: 5px;
	float: left;
	display: inline;
}
div#ft ul li a {
	border-right: 1px solid #666699;
	padding-right: 5px;
}
div#ft ul li.last a {
	border-right: none;
}
div#ft a:link, div#ft a:visited {
	color: #666699;
	text-decoration: none;
}
div#ft a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Headings */
div#main-col h1 {
	margin-bottom: 9px;
	color: #003366;
}
div#main-col h1.incopy {
	margin-top: 15px;
	margin-bottom: 5px;
}
div#main-col h1.incopy-top {
	margin-top: 0px;
	margin-bottom: 5px;
}
div#main-col h1.form {
	margin-bottom: 15px;
	color: #cccccc;
	width: 50%;
	float: left;
	display: inline;
}
h2 {
	margin-bottom: 5px;
	color: #990033;
}
h2.press-release {
	color: #43484f;
	text-align: center;
	margin: 20px 0;
	font-size: 92%;
	font-weight: bold;
}
div#left-col h3 {
	background-color: #e3e5e9;
	padding: 10px 10px 10px 18px;
	margin-bottom: 5px;
	color: #003366;
}
h3 a.hd-recent-news {
	display: block;
	width: 87px;
	height: 17px;
	text-indent: -9000px;
	background: url(../images/recent-news.gif) no-repeat 0 0;
	float: left;
	display: inline;
}
h3 a.hd-recent-news:hover {
	background-position: 0 -17px;
}
h3 a.rss-icon {
	display: block;
	margin-left: 5px;
	margin-top: 2px;
	width: 14px;
	height: 14px;
	text-indent: -9000px;
	background: url(../images/rss-icon.gif) no-repeat;
	float: left;
	display: inline;
}
h3.hd-bard-events {
	background-color: #cb3819!important;
}
h3.hd-bard-events a {
	display: block;
	width: 87px;
	height: 16px;
	text-indent: -9000px;
	background: url(../images/bard-events-hd.gif) no-repeat;
	float: left;
	display: inline;
}
h3.hd-services a {
	display: block;
	width: 57px;
	height: 17px;
	text-indent: -9000px;
	background: url(../images/services.gif) no-repeat 0 0;
}
h3.hd-services a:hover {
	background-position: 0 -17px;
}
h3.hd-contactinfo a {
	display: block;
	width: 157px;
	height: 17px;
	text-indent: -9000px;
	background: url(../images/contactinfo.gif) no-repeat 0 0;
}
h3.hd-contactinfo a:hover {
	background-position: 0 -17px;
}
h3.hd-video a {
	display: block;
	width: 57px;
	height: 17px;
	text-indent: -9000px;
	background: url(../images/video.gif) no-repeat 0 0;
}
h3.hd-video a:hover {
	background-position: 0 -17px;
}
h3.hd-hot-topic-archives a {
	display: block;
	width: 124px;
	height: 20px;
	text-indent: -9000px;
	background: url(../images/hot-topic-archives-hd.gif) no-repeat;
}
a.hot-topics {
	display: block;
	width: 216px;
	height: 98px;
	text-indent: -9000px;
	background: url(../images/hot-topics-btn.jpg) no-repeat 0 0;
}
a.hot-topics:hover {
	background-position: 0 -98px;
}
div#bottom-col h3.phone-number {
	background: url(../images/phone-number.gif) no-repeat;
	width: 112px;
	height: 21px;
	text-indent: -9000px;
	margin: 5px 0 5px 15px;
	padding: 0;
}

h3.phone-number-form {
	background: url(../images/phone-number-form.gif) no-repeat;
	width: 112px;
	height: 21px;
	text-indent: -9000px;
	margin: 5px 0 5px 15px;
	padding: 0;
	float: right;
	display: inline;
}

h5 {
	font-size: 107%;
	color: #336699;
	margin: 10px 0;
}
h6 {
	font-size: 92%;
	color: #336699;
}
/* @end */

/* @group Text Styles */
.right {
	text-align: right;
}
.error {
	color: red;
}
.highlight {
	color: #003366;
}
.center {
	text-align: center;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
div.press-release-heading p {
	line-height: 130%!important;
	margin-bottom: 5px!important;
}
a.rss-links {
	background: url(../images/rss-icon-small.gif) no-repeat 0 50%;
	padding-left: 15px;
	white-space: nowrap;
}
/* @end */

/* @group Lists */
ul.events-list {
	font-weight: bold;
	color: #003366;
}
ul.events-list li {
	margin-bottom: 3px;
	background: url(../images/red-bullet.gif) no-repeat 0 3px;
	padding-left: 20px;
}
ul.events-list a {
	font-weight: normal;
}
ul.events-list a:link, ul.events-list a:visited {
	color: #566586!important;
	text-decoration: underline!important;
}
ul.events-list a:hover {
	text-decoration: underline!important;
	color: #cb3819!important;
}
/* @end */

/* @group Forms */
div.row, div.submit-row {
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
}
div.submit-row {
	width: 256px;
}
div.submit-row input {
	float: right;
}
div.row label {
	float: left;
	font-size: 85%;
	text-align: right;
	margin-right: 10px;
	padding: 2px 0;
	width: 100px;
	display: inline;
}
div.row input, div.row textarea {
	font-size: 85%;
	font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}
.txt {
	width: 140px;
	border: 1px solid #666666;
	padding: 2px;
}
/* @end */

/* @group Links - link visited hover active */

/* @end */

/* @group Misc */
.float-right-img {
	float: right;
	margin: 10px 0 10px 10px;
}
.bottom-padding {
	padding-bottom: 20px;
}
div.hr {
	height: 1px;
	overflow: hidden;
	border-bottom: 1px solid #999;
	margin: 10px 10px 10px 0;
	clear: both;
}

div.hr-blue {
	height: 1px;
	overflow: hidden;
	border-bottom: 1px solid #003366;
	margin: 10px 0;
	clear: both;
}
/**********************

sIFR

**********************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-active h1 { 
	visibility: hidden;
	line-height: 1em;
}

/*
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4 { 
	visibility: hidden;
	line-height: 1em;
} 
*/

.sIFR-active h1 { 
	font-size: 177%;
} 

/*
.sIFR-active h2 { 
	font-size: 1.1em; 
} 

.sIFR-active h3 { 
	font-size: 1.1em; 
} 

.sIFR-active h4 { 	
	font-size: 1em; 
}
*/

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}