/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	background: #555 url(images/new_bg.gif) repeat-x;
	text-align: center;
/* part 1 of 2 centering hack */
	}
	
ul{
 /* list-style-type: square; */
 list-style-type: none;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
	
dl {
 	margin-left: 0px;
	padding: 0px;
	padding-bottom: 10px;
	border-bottom: 0px solid #ccc;
	}

 dt {
	padding: 0px;
	padding-bottom: 2px;
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
	}

 dd {
	margin-left:0px;
	color: #333;
	}

dd strong {
	color: #334d55;
	}
	
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
	
#content {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #666;
	background: #fff;
	color: #000;
	width: 800px;
	border: 1px solid #444;
	text-align:left; /* part 2 of 2 centering hack */
	}
	
#masthead{
	margin: 0;
	padding: 0px 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	background: #18d ;
}

#globalNav{
color: #cccccc;
color: #fcfcfc;
padding: 0px 0px 0px 0px;
padding-left: 10px;
white-space: nowrap;
background: #147 url(images/bar_bg.gif) repeat-x;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 0px 0px 0px; 
	margin: 0px;
	color: #fcfcfc;
}

#globalNav em {
	
	padding-left: 10px;
	}

#pagecontent {
    float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
	}
.feature{
	padding: 0px 10px 10px 20px;
	font-size: 90%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	margin: 0 5px 5px 0;
}

#intro {
	margin-left: 303px;
	}

/* adjust margins to change separation between the feature image and text flowing around it */

#tight {
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
.story{
	clear: both;
	padding: 10px 0px 0px 20px;
	font-size: 90%;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.story table {
	float: right;
	margin-bottom: 10px;
	}
	
.story ul {
	margin-top: 0;
	padding-top: 0px;
	padding-left: 0px;
	}
	
.story ul li {
	 background: url(images/box_arrow.png) no-repeat 0 50%;
	 padding-left: 20px;
	 padding-bottom: 5px;
	 }
	 
.story p em {
	font-size: 105%;
	}
	
#hot_topic {
	float: right;
	margin-right: 10px;
	border: 1px solid #147;
}

#hot_topic table {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 0px solid #ccc;
	}
	
#hot_topic caption {
	/*text-align: left;
	padding-left: 30px;*/
	font-weight: bold;
	background-color: #18d;
	color: #fff;
	}
	
#hot_topic th {
	background: #147 url(images/bar_bg.gif) repeat-x;
	color: #eee;
	}

#hot_topic td {
	padding-left: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
		
#callout {
	float: right;
	color: #333;
	/*background: #fff url(../images/cbg.gif) no-repeat; */
	border: 0px solid #999;
	width: 270px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 105%;
	font-weight: bold;
	
	padding: 10px;
	padding-top: 0px;
	padding-right: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
.drop {
	color: #147;
	float: left;
	font-family: "Bernard MT Condensed", Georgia, serif;
	font-size: 400%;
	line-height: 1em;
	margin: 4px 10px 10px 0;
	padding 4px 10px;
	/*border: 2px solid #147;
	background: #fff;*/
}
	
#callout li {
	font-size: 90%;
	font-weight: normal;
	}
#advert {
	float: right;
	}
	
#image {
	padding: 0;
	border: 0px solid #147;
	float: right;
	margin-right: 70px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#navBar #amba {
	text-align: center;
	margin-top: 20px;
	padding: 10px;
	border-top: 1px solid #ccc;
	}
	
#navBar #amba h3{
	padding: 10px 0px 2px 0px;
}

#navBar #amba img {
	border-width: thin;
	border-color: #bbb;
	}
	
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	/* background: #eee url(images/sidebar_bg.gif) ; */
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks ul li {
	background: #eee url(images/menu_bg.gif) repeat-x;
	}
#sectionLinks a:link{
	color: #147;
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}

#currentpage {
	background-color: #ccc;
}

span.validator {
	float:right;
	color: #ccc;
	font-size: 75%;
	}
span.validator a, span.validator a:visited { 
	color: #ccc;
	font-size: 75%;
	}

#contactus, #benefits, #services, #shift, #privacy, #website, #compelled, #hippa_head, #error {
	height: 33px;
	text-indent: -5000px;
	}

#contactus {
	background: url(images/contactus.gif) no-repeat;
	}
	
#privacy {
	height: 39px;
	background: url(images/privacy.gif) no-repeat;
	}
	
#website {
	background: url(images/website.gif) no-repeat;
	}

#compelled {
	background: url(images/compelled.gif) no-repeat;
	}
	
#benefits {
	background: url(images/benefits.gif) no-repeat;
	}
		
#services {
	height: 36px;
	background: url(images/services.gif) no-repeat;
	}
	
#shift {
	height: 66px;
	margin-left: 300px; 
	background: url(images/shift.gif) no-repeat;
	}

#outsourcing {
	height: 60px;
	background: url(images/outsource.gif) no-repeat;
	text-indent: -5000px;
	}

#hippa_head {
	height: 36px;
	background: url(images/hipaa.gif) no-repeat;
}

#error {
	height: 36px;
	background: url(images/error.gif) no-repeat;
}
.news {
	padding-top: 10px;
	height: 20px;
	background: url(images/news2.gif) no-repeat;
	text-indent: -5000px;
	}

#articles {
	margin-top: 15px;
	padding-bottom: 5px;
}
#siteInfo{
	font-size: 9pt;
	line-height: 16px;
	color: #111;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	width: 800px;
	/*background: #147 url(images/bar_bg.gif) repeat-x;;*/
}

#siteInfo a, #siteInfo a:visited {
	color: #333;
	color: #111;
	}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#menu {
 	float:right;
	padding-right: 10px;
}

.contactus_callout {
	color: #333;
	}
	
.shadowed_image {
	padding: 2px;
	border: 1px solid #999;
	}
	
#hippa table {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
	}
	
#hippa caption {
	/*text-align: left;
	padding-left: 30px;*/
	font-weight: bold;
	background-color: #18d;
	color: #fff;
	}
	
#hippa th {
	background: #147 url(images/bar_bg.gif) repeat-x;
	color: #eee;
	}

#hippa td {
	padding-left: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}