/* Start of CMSMS style sheet 'tbm-screen' */
/* BEGIN Element styles */

body {
background-color: #FFFEF6;
background-image: url(images/bkg.jpg);
background-position:50%;
background-repeat: repeat-y;
color: #000000;
margin: 0 auto;
padding: 0;
max-width:1024px;
font:11px/1.3em Verdana, Verdana, Arial, Helvetica, sans-serif;
} 
html>body {font-size:small;}

img {
	border: none;
}
a:link, a:visited {
color: #0066CB;
text-decoration: none;
}
a:hover, a:active {
color: #0066CC;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 { 
margin: 0.2em 0 ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #0066CB;
}
h1 {
font-size: 1.5em; 
line-height: 1.2em;
color:#333333;
}
h2 {
font-size: 1.3em; 
line-height: 1em;
}
h3 {
font-size: 1.3em; 
line-height: 1.2em;
}
h4 {
font-size: 1.2em; 
line-height: 1.2em;
}
p { 
margin: 0.5em 0 
}
a { 
color:#0066CB 
}
ol {
	margin:0 20px 0 -20px;
	position:relative;
}
ol li {
	text-align:left; 
	line-height:1.4em;
	margin-top:0;
	margin-bottom:8px;
	margin-left:0;
}

/* BEGIN Class Styles */

.copy { text-align:center; font-size:80% }

/* BEGIN Presentation styles */

#header {
margin:0; padding:0;
height:153px;
width:100%;
background:url("images/bugmanHeader.jpg") top center no-repeat;
}
/*#topNavContainer {
position:relative;
top:122px;
height:30px;
background-color: #0066CB;
}*/
#topNavContainer {
background-color:#0066CB;
height:30px;
margin-top:122px;
position:absolute;
width:1024px;
}
#middlebody {
text-align: center;
}
p, #middlebody h3, h2.NewsSummaryLink {
text-align:left;
}
.colmargin {
margin:0; padding: .5em;
}
.NOcolmargin {
margin:0; padding:0;
}
.cleanup {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0 0; padding:0 0;
background:transparent;
}
#footer {
background:url(images/Footer_BKG.gif) repeat-x;
}
#footerGraphic {
height:86px;
text-align:center;
}
#footerNav {
color: white;
margin-top: .3em;
}

/* Begin TOP NAV CSS here */

#topNav {
background:url(images/BugmanTopNav-BK.gif) repeat-x bottom;
font:16px/27px Verdana, Verdana, Arial, Helvetica, sans-serif;
overflow:hidden;
margin: 0px 0 0;
padding: 0 0 0;
}
#topNav ul, #topNav ul li {
list-style: none;
margin: 0;
padding: 0;
}
#topNav ul {
margin-left:-40px;
padding:2px 0 0 0;
text-align:center;
}
#topNav ul li {
	display: inline;
	margin-right: -24px;
	line-height:27px;
	height: 27px;
}
#topNav ul li a {
background:url(images/BugmanTopNav_LT.gif) no-repeat 0 -40px;
color: #0066CB;
text-decoration: none;
padding: 6px 0px 6px 0px; /* IE 7 uses padding: 0px 0px 0px 0px;*/
margin: 0px 0px 0px 18px;
line-height:27px;
}
#topNav ul li span {
background:url(images/BugmanTopNav_RT.gif) no-repeat 100% -40px;
padding: 6px 18px 6px 0px;
margin: 0px 0px 0px 18px;
line-height:27px;
}
#topNav ul li a:hover span {
background-position: 100% 0px;
}
#topNav ul li a:hover {
background-position: 0 0px;
color:#000000;
}
#home #navHome a, #about #navAbout a, #contact #navContact a, 
#faqs #navFaqs a, #services #navServices a, #employment #navJobs a, 
#news #navNews a, #coverage #navCoverage a {
background-position:0 -80px;
}
#home #navHome span, #about #navAbout span, #contact #navContact span, 
#faqs #navFaqs span, #services #navServices span, #employment #navJobs span, 
#news #navNews span, #coverage #navCoverage span {
background-position:100% -80px;
color:#000000;
}

/* BEGIN FOOTER NAV horizontal List*/

#footernavlist ul {
text-align: center;
padding: 0;
margin: 0;
color: white;
width: 100%;
font:10px/11px Arial, Helvetica, sans-serif;
}
#footernavlist ul li {
display: inline;
padding: .5em 0;
}
#footernavlist ul li a {
padding: .5em 1em;
color: white;
text-decoration: none;
border-left: 1px solid #fff;
}
#footernavlist ul li a:hover {
color:#33CCFF;
}
#footernavlist ul li.nobar {
border-left: none;
margin-right:.7em;
}
#home #fnavHome a, #about #fnavAbout a, #contact #fnavContact a, 
#faqs #fnavFaqs a, #services #fnavServices a, #employment #fnavJobs a, 
#news #fnavNews a, #coverage #fnavCoverage a {
	color:#33CCFF;
}

/* override emplyment tab 

#faqs #navFaqs a, #services #navServices a, #employment #navJobs a, 
#news #navNews a, #coverage #navCoverage a {
background-position:0 -80px;
}
#home #navHome span, #about #navAbout span, #contact #navContact span, 
#faqs #navFaqs span, #services #navServices span, #employment #navJobs span, 
#news #navNews span, #coverage #navCoverage span {
background-position:100% -80px;
color:#000000;
}
*/
#topNav ul li#navJobs a {
background-position:0 0;
}
#topNav ul li#navJobs span {
background-position:100% 0;
}

/*Main Body Area Layout styles*/
#leftbody, #rightbody, #middlebody {font-size:80%;}
#leftbody {
float:left;
width:190px;
padding-bottom:-1.5em;
margin-top:10px;
margin-left:10px;
}
#rightbody {
float:right;
width:190px;
padding-bottom:-1.5em;
margin-top:10px;
margin-right:10px;
}
#middlebody {
text-align: center;
margin: 0px 210px;
}
#middlebodymargin {
padding:0;
margin:	0 0px;
}

/*BEGIN sidebox styles*/

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.widthlessbox .sidebox, .highlightbox .sidebox {
	margin: 0 auto 1em auto;
	width: 17em; 
	font-size: 100%;
}
.widthlessbox .sidebox { background: url(images/sbbody-r.gif) no-repeat bottom right; }
.highlightbox .sidebox { background: url(images/sbbody-r-hl.gif) no-repeat bottom right; }

.widthlessbox .boxhead, .highlightbox .boxhead {
	margin: 0;
	padding: 0;
	text-align: center;
}
.widthlessbox .boxhead { background: url(images/sbhead-r.gif) no-repeat top right; }
.highlightbox .boxhead { background: url(images/sbhead-r-hl.gif) no-repeat top right; }

.widthlessbox .boxhead h2, .highlightbox .boxhead h2 {
	color:white;
	margin:0;
	padding:22px 30px 5px 30px;
	text-align:center;
}
.widthlessbox .boxhead h2 a, .highlightbox .boxhead h2 a {
	text-decoration:none;
	color:white;
}
.widthlessbox .boxhead h2 { background: url(images/sbhead-l.gif) no-repeat top left; }
.highlightbox .boxhead h2 { color: #000000; background: url(images/sbhead-l-hl.gif) no-repeat top left; }

.widthlessbox .boxbody, .highlightbox .boxbody {
	margin: 0;
	padding: 7px 30px 33px 27px;
}
.widthlessbox .boxbody { background: url(images/sbbody-l.gif) no-repeat bottom left; }
.highlightbox .boxbody { background: url(images/sbbody-l-hl.gif) no-repeat bottom left; }

.boxbody p {
	margin: 0;
	padding: 14px 0px -7px 0px;
	/*line-height:1.4em;*/
}
/*.boxbody p br { padding: 5px; }*/
.boxbody img {
	margin: 0;
	padding:12px 0 0 4px;
}
.widthlessbox, .highlightbox {
	margin: 0 0;
	font-size: 100%;
}
.widthlessbox { background: url(images/sbbody-r.gif) no-repeat bottom right; }
.highlightbox { background: url(images/sbbody-r-hl.gif) no-repeat bottom right; } 

/* modules */
a img#aptBtn, a:link img#aptBtn { 
	background-image: url(images/content/cta-button.gif); 
	background-position: 0 0;
	background-repeat: no-repeat;
	width:120px;
	height:60px;
	padding:0;
	margin:2px 0;
}	
a:hover img#aptBtn, a:visited:hover img#aptBtn { 
	background-position: 0px -60px;
}
a:visited img#aptBtn, a:active img#aptBtn { 
	background-position: 0px 0px;
}
.boxbody img#phoneBtn { padding-top:2px;}


/* Begin Middle Content Styles */
#middlebody div.middlebox h1, #middlebody div.middlebox h2, #middlebody div.middlebox h3, #middlebody div.middlebox h4, #middlebody div.middlebox h5, #middlebody div.middlebox h6 {
	line-height:1.4em;
}
#middlebody div.middlebox h1, #middlebody div.middlebox h2 {
	text-align: center;
}
#middlebody div.middlebox h3, #middlebody div.middlebox h4, #middlebody div.middlebox h5, #middlebody div.middlebox h6, #middlebody div.middlebox p, #middlebody div.middlebox ol, #middlebody div.middlebox ol li { 
	text-align:left; 
}
div.middlebox {
	margin: 0;
	text-align: center;
}

.middleboxRT h2, .middleboxLT h2 {
	margin: .5em 0;
	line-height:1.6em;
}

.clearimgfloat {float:none; line-height:2em;}
#middlebody div.middleboxhead {
	text-align: center;
}
.middleboxhead h1, .NewsSummary {
	padding: 1em 0 0 0px;
	text-align: center;
}
.middleboxLT .middleboxhead h1, .middleboxRT .middleboxhead h1 {
	padding: 1em 0 0 4px; 
}
.middleboxbody {
	text-align: center;
	margin-top:20px;
}
.middleboxbody p {
	padding: 0 0 0 .5em;
}
.middleboxbody ul, .middleboxbody ol, fieldset .middleboxbody { 
	margin: 0.5em 0;
	text-align: left;
}
.middleboxbody ol li, .middleboxbody ul li {
	font-size: .9em;
	margin: 0;
	padding: .5em;
}

.boxbody div {
	margin: -1em -1em -1em -4.5em;
	overflow:visible;
	text-align:left;
}
.boxbody div li {
	list-style:none;
	background:url(images/bullet.gif) 0px 4px no-repeat;
	padding-left: 1em;
}

/* Text colors */
.orange { color: #fe7724; }
.liteOrange { color: #fba817; }
.briteGreen { color: #b6e240; }
.yellow { color: #fff453; } 
.red, .boxhead .red, .red a:link, .red a:visited, .red a:hover, .red a:active  { color: #d10000 }

/* global block specific styles */
p.ctrAlign { text-align:center; }

/* Page specific styles */
/* HOME */
.sealBlue { color: #2f71c2; font-size:.7em; font-style:italic;}
.smallerBlack { color: #000000; font-size:.7em; font-style:italic;}
#radioAds {
	background:transparent url(images/content/playerArea.png) no-repeat scroll center center;
	display:block;
	height:80px;
	padding:10px;
	width:594px;
}
#radioAds div#audioplayer_1, #radioAds div#audioplayer_2, 
#radioAds object#audioplayer_1, #radioAds object#audioplayer_2 {
	display:block;
	float:left;
	height:30px;
	margin-top:24px;
	width:224px;
}
#radioAds div#audioplayer_1, #radioAds object#audioplayer_1 {
	margin-left:80px;
}
#radioAds div#audioplayer_2, #radioAds object#audioplayer_2 {
	margin-left:32px;
}

/* NEWS */
.NewsSummary { text-align:left; }
#middlebody #middlebody .middlebox .NewsSummary .NewsSummaryLink a { text-align:left; } /* H2 */
.NewsSummaryPostdate { text-align:right; float:right; }
.NewsSummarySummary { text-align:left; } /* use for client name instead of tester text */
.NewsSummaryMorelink { text-align: left; }

#middlebody .middlebox #NewsPostDetailTitle { text-align:left; margin: 0 1em 1em 1em;}
#middlebody .middlebox #NewsPostDetailDate { text-align:right; float:right; margin: .5em 1em;}
#middlebody .middlebox #NewsPostDetailSummary { text-align:left; margin: .5em 1em;}
#middlebody .middlebox #NewsPostDetailContent p { text-align:left; margin: .5em 1em;}

.NewsSummaryAuthor { text-align:left; font-style: italic; margin: 0 1em; }
#NewsPostDetailPrintLink { text-align:right; float:right; padding: 0 2em; }
#NewsPostDetailReturnLink { text-align:right; float:right; padding: 0 2em; }

/* About */
#thebugmanintroContainer { padding-top:1em;}
#thebugmanintroContainer h3 { padding-top:2em; }
#thebugmanintroContainer h4 { padding-top:1.5em; }

.middlebox .middleboxbody img.floatright, img.floatright {
	float: right;
	padding-left: 2em;
	padding-bottom: 0;
}
.middlebox .middleboxbody img.floatleft, img.floatleft {
	float: left;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
}
.widthlessbox img.floatleft {
	padding-bottom: 10px;
}

#about #middlebody h3 {margin-bottom:1em; text-align:center;}

/* Contact */
#contactusform div {
	text-align:left;
}
#contactusform div p, #contactusform div h3 {
	text-align:center;
	line-height:1.5em;
}
fieldset {padding: 1em; }
.contactform {text-align:left;}
.contactform fieldset {padding: 0 3em 3em 3em; color:#0066CB;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; }
.contactform .required {color: #f00;}
.contactform li {list-style:none;}
.contactform input {color:#666666;}
.contactform div.checkboxes label {display:inline; margin:1em;}
table td .disclaimer {text-align:center;}
.disclaimer {font-size:1em; padding:1em;}

/* Services */
.middleboxbody .service ul, .middleboxbody .service ol { 
	margin: 0;
  padding: 0 0 0 1.6em;
	text-align: left;
}
.middleboxbody .service ol li, .middleboxbody .service ul li {
	font-size: 1em;
	margin: 0 0;
	padding: .3em 0;
}

/* Leading in vetical centering */
#rulednopic, #ruled {
	border-top: solid #0066CC 1px; 
	border-bottom: solid #0066CC 1px; 
	padding: 6px 0px 6px 0px; 
	margin: 12px 0px; 
	display:block;
	width:100%;
}
#ruled { 
	height:112px;
	he\ight: 110px;
	display: table;
	/*#position: relative;*/ 
	overflow: hidden;
	margin-bottom: 10px;
}
#ruled div {
	/*#position: absolute; 
	#top: 50%;*/
	display: table-cell;
	vertical-align: middle;
}
#ruled div h2 { 
	font-size: 1.3em;
	color: #0066CB; 
	margin:0 2em 1em;
} 
#ruled h2, #ruled h3, #ruled h4, #ruled p, #rulednopic h2, #rulednopic h3, #rulednopic h4 { 
	text-align:	center;
}
#rulednopic h2, #rulednopic h3, #rulednopic h4 { 
	margin:1em 2em;
} 

/* refactor overrides */
#header, #footer {
       margin:0;
	width:1024px;
	float:left;
}
#leftbody{
	margin-left:10px;
}
#rightbody {
	margin-right:10px;
}
#middlebody, .middleboxLT, .middleboxRT {
	margin-left:10px;
	margin-right:10px;
}
#wrapper {
	background-color:#FFFEF6;
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	border-left: 1px #c8c8c8 solid;
	border-right: 1px #c8c8c8 solid;
}
#leftbody, #rightbody {
	width:190px;
	display:inline;
	float:left;
}
#middlebody {
	width:600px;
	display:inline;
	float:left;
}
/*#middleboxLT {
	float:left;
	width:290px;
	padding-bottom:1em;
}
#middleboxRT {
	margin-left:320px;
	padding-bottom:1em;
}*/
.middleboxLT, .middleboxRT {
	width:280px;
	display:inline;
	float:left;
}
.middleboxLT { margin-left:0; }
.middleboxRT { margin-right:0; }

fieldset .middleboxLT {
	float:left;
	left:0;
	margin-right:10px;
	position:relative;
	width:280px;
}
fieldset .middleboxRT {
	position:relative;
	width:270px;
}
.contactform fieldset .middleboxRT, .contactform fieldset .middleboxLT {
	position:relative;
	width:250px;
}
.contactform fieldset .middleboxLT {
	float:left;
}
.contactform fieldset .middleboxRT {
	float:right;
}
/*.contactform fieldset .middleboxLT {
	float:left;
	left:0;
	position:relative;
	width:290px;
}
.contactform fieldset .middleboxRT {
	float:none;
	position:absolute;
	width:290px;
}

ol.orderedtwocol .middleboxLT, ol.orderedtwocol .middleboxRT {
	position:absolute;
	width:290px;
}
ol.orderedtwocol .middleboxLT {
	float:left;
}
ol.orderedtwocol .middleboxRT {
	float:none;
	left:330px;
}*/

/* =Clear Floated Elements
/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clear hr {display:none;}
#faqs div.middleboxbody {
  text-align: left;
}
div.faq {
  margin: 1.5em 1em;
}
div.faq .question {
  color: #0066CC;
  cursor:  pointer;
  padding-left: 2em;
  background: url(images/bullet.gif) no-repeat left 5px;
}
div.faq .question.active {
  background-image: url(images/bullet-down.gif);
}
div.faq .answer  {
  margin-left: 2em;	
}
div.faq ul, div.faq ol {
  margin: 0 0 1em 2em;
}
div.middleboxbody div.faq ul li {
  margin: 0;
  padding: 0;
}

/* Employment */
.service .open { color: #CC0000; }
.service .closed { color: #0066CC; }

/* End of 'tbm-screen' */

