@import "sen.0.6.css";
@import "strata-base.css";

/*---------------------------
	=Maincontent Block
---------------------------*/	
#maincontent { background: url(/images/site_bg_images/maincontent.png) 0 0 repeat-y; margin: 0 auto; padding: 56px 0 0 10px; position: relative; width: 980px; z-index: 1; }

div.columns { background: url(/images/site_bg_images/left-col.jpg) 0 0 repeat-y; margin: 0; width: 958px; }
/* left column */
div.left-column { background: url(/images/site_bg_images/columns-top.jpg) 0 0 no-repeat; float: left; overflow: hidden; padding: 10px 8px 0 8px; width: 698px; }

	h2#section-hd { background: url(/images/site_bg_images/main-hd.jpg) 0 0 no-repeat; color: #ffffff; font-size: 20px; height: 65px; line-height: 20px; margin: -10px 0 0 -8px; padding: 24px 0 0 20px; width: 694px; }

	div.main-pic { height: 203px; margin: 0 0 2em 0; overflow: hidden; position: relative; width: 696px; }
		div.main-pic span.mask { background: url(/images/site_bg_images/main-pic-mask.png) 0 0 no-repeat; display: block; height: 203px; left: 0; position: absolute; top: 0; z-index: 2; width: 696px; }
		div.main-pic img { display: block; position: relative; z-index: 1; }

	ul.sub-navigation { border-bottom: 1px solid #cccccc; clear: left; display: block; float: left; list-style: outside; padding: 0 0 12px 0; width: 160px; }
		ul.sub-navigation li, ul.sub-navigation-narrow li { display: block; list-style: none; margin: 0 0 .5em 0; }
		ul.sub-navigation li a, ul.sub-navigation-narrow li a { color: #136160; }
		ul.sub-navigation li.active, ul.sub-navigation li.active a, ul.sub-navigation-narrow li.active, ul.sub-navigation-narrow li.active a { color: #404040; font-size: 14px; font-weight: bold; }
		
		ul.sub-navigation li.active ul.month-articles { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: 1em 0; padding: 1em 0 0 0; }
			ul.sub-navigation li.active ul.month-articles li { padding: 0; font-size: 12px; font-weight: normal; }
			ul.sub-navigation li.active ul.month-articles li a { color: #246a6a; font-size: 12px; font-weight: normal; }
	
	ul.sub-navigation-narrow { border-bottom: 1px solid #cccccc; clear: left; display: block; float: left; list-style: outside; padding: 0 0 12px 0; width: 120px; }
	
		div.left-info { float: left;padding: 0 0 12px 0; width: 120px; }
			
	div.article { float: right; padding: 0 40px 12px 0; width: 483px; }	
		div.article a { font-weight: bold; }
		
	div.news-briefs { clear: both; padding: 0 18px 0 12px; }
		div.news-briefs h3 { color: #4d4d4d; font-size: 18px; }
		div.news-briefs ul { list-style: outside; padding: 0; }
		div.news-briefs ul li { border-bottom: 1px solid #cccccc; display: block; list-style: none; margin: 0 0 18px 0; }
		div.news-briefs ul li a { font-weight: bold; }
		div.news-briefs ul li h4 { color: #4d4d4d; font-size: 12px; }
		div.news-briefs ul li h4.green { color: #246a6a; }
		div.news-briefs ul li p { color: #136160 }	

	div.blog-briefs { clear: both; padding: 0 18px 0 12px; }
		div.blog-briefs h3 { color: #4d4d4d; font-size: 18px; }
		div.blog-briefs ul { list-style: outside; padding: 0; }
		div.blog-briefs ul li { border-bottom: 1px solid #cccccc; display: block; list-style: none; margin: 0 0 18px 0; }
		div.blog-briefs ul li a { font-weight: bold; }
		div.blog-briefs ul li h4 { color: #4d4d4d; font-size: 12px; }
		div.blog-briefs ul li h4.green { color: #246a6a; }
		div.blog-briefs ul li p { color: #136160 }

	div.content-body { padding: 0 12px; }	
		div.content-body-left-column { float: left; width: 220px; }
			div.content-body-left-column h3 { margin: 0 0 .5em 0; }
		div.content-body-right-column { float: right; width: 454px; }
			div.content-body-right-column h2 em { display: block; font-size: 12px; font-style: italic; font-weight: normal; padding: .25em 0 0 0; }

			
	div.blog-brief { border-bottom: 1px solid #cccccc; margin: 0 0 18px 0; }
		div.blog-brief h2 { margin: 0 0 .25em 0; }
		div.blog-brief p.info { font-size: 11px; margin: 0 0 1em 0; }

	ul.bio-briefs { list-style: outside; width: 674px; }
		ul.bio-briefs li { display: block; float: left; height: auto; list-style: none; overflow: hidden; padding: 0 38px 0 0; width: 186px; }
		ul.bio-briefs li img { border: 1px solid #cdcdcd; display: block; margin: 0 0 .5em 0; padding: 2px; }
		ul.bio-briefs li h3 { color: #025655; font-size: 12px; }
			ul.bio-briefs li h3 em { font-style: italic; font-weight: normal; }
		ul.bio-briefs li p { margin: 0; }
		ul.bio-briefs li a.more { display: block; margin: .5em 0 1em 0; }
		
	ul.three-column-briefs { clear: both; list-style: outside; padding: 0 9px; width: 657px; }
		ul.three-column-briefs li { display: block; float: left; list-style: none; overflow: hidden; padding: 0 32px 1em 0; width: 186px; }
		ul.three-column-briefs li.clear { clear: both; display: block; float: left; list-style: none; overflow: hidden; padding: 0 32px 1em 0; width: 186px; }
		ul.two-column-briefs li { display: block; float: left; list-style: none; overflow: hidden; padding: 0 32px 0 0; width: 295px; }
		ul.one-column-briefs li { display: block; float: left; list-style: none; overflow: hidden; padding: 0 32px 0 0; width: 622px; }
		ul.three-column-briefs li.tall, ul.two-column-briefs li.tall, ul.one-column-briefs li.tall { height: auto; }
		ul.three-column-briefs li h3, ul.two-column-briefs li h3, ul.one-column-briefs li h3 { color: #025655; font-size: 14px; margin: 0 0 .5em 0; }
			ul.three-column-briefs li h3 em, ul.two-column-briefs li h3 em, ul.one-column-briefs li h3 em { font-style: italic; font-weight: normal; }
		ul.three-column-briefs li p, ul.two-column-briefs li p, ul.one-column-briefs li p { margin: 0; }
		ul.three-column-briefs li a.more, ul.two-column-briefs li a.more, ul.one-column-briefs li a.more { display: block; margin: .5em 0 0 0; }	
		
		
	ul.two-column-narrow-briefs { clear: both; list-style: outside; padding: 0; }
		ul.two-column-narrow-briefs li { display: block; float: left; height: auto; width: 50%; }	
		ul.two-column-narrow-briefs li h4, ul.two-column-narrow-briefs li p { padding: 0 2em 0 0; }
		ul.two-column-narrow-briefs li h4 { margin: 0 0 .5em 0; }

		
	ul.horizontal-nav, ul.horizontal-nav li { display: inline; list-style: none; }
	ul.horizontal-nav li { padding: 0 1em 0 0; }
	ul.horizontal-nav li.active a { color: #404040; font-weight: bold; }
		
		
	div.vertical-briefs h3 { font-size: 18px; margin: 0 0 .75em 0; }
	div.vertical-briefs h4 { margin: 0 0 .25em 0; }
	div.vertical-briefs p { margin: 0 0 2em 0; }
	
	div.competency-nav h3 { display: block; float: left; width: 130px; }
	div.competency-nav ul { display: block; float: left; list-style: outside; width: 185px; }
	div.competency-nav ul li { display: block; list-style: none; }
	
	ul.competency-briefs { clear: both; list-style: outside; padding: 0 9px; width: 657px; }
		ul.competency-briefs li { display: block; list-style: none; margin: 0 0 2em 0; }
		ul.competency-briefs li h3 { font-size: 14px; margin: 0 0 .5em 0; }
		ul.competency-briefs li p { margin: 0 0 1em 0; }
		ul.competency-briefs li a.more { display: block; margin: .5em 0 0 0; }
	
	div.featured-author { font-size: 12px; }
	div.featured-author p { margin: 0 0 .5em 0; }
		div.featured-author img { display: block; float: left; margin: 0 .5em .1em 0; width: 93px; }
	
/* right column */
div.right-column { background: url(/images/site_bg_images/columns.jpg) right 0 repeat-y; clear: right; float: right; padding: 0 9px; width: 216px; }
		div.right-column-top { background: url(/images/site_bg_images/columns-top.jpg) right 0 no-repeat; clear: right; float: right; height: 10px; overflow: hidden; width: 234px; }
		div.right-column-bottom { background: url(/images/site_bg_images/columns-bottom.jpg) right 0 no-repeat; clear: right; float: right; height: 11px; margin: 0 0 10px 0; overflow: hidden; width: 234px; }


	div.right-column div.brief-grey { background: #eae9e9; margin: 10px 0 0 0;  }
		div.right-column div.brief-grey h2 { background: url(/images/site_bg_images/right-hd.jpg) 0 0 no-repeat #2a2929; color: #ffffff; font: bold 14px/20px Arial, sans-serif; padding: 10px; width: 196px; }
		div.right-column div.brief-grey p { margin: 0 auto 1em auto; width: 195px; }
		div.right-column div.brief-grey p span { padding: 0 10px 0 0; }
		div.right-column div.brief-grey p a { color: #276c6b; }
		div.right-column div.brief-grey p.last { border-bottom: 1px solid #cbcaca; margin: 0 auto; padding: 0 0 20px 0; }
		div.right-column div.brief-grey div.brief-bottom { background: url(/images/site_bg_images/brief-bottom.jpg) 0 bottom no-repeat; padding: 0 0 5px 0; }
			div.right-column div.brief-grey div.brief-bottom p { border-top: 1px solid #ffffff; margin: 0 auto; padding: 10px 0 0 0; }
			div.right-column div.brief-grey div.brief-bottom a.request-demo-btn { background: url(/images/site_bg_images/request-demo-btn.jpg) 0 0 no-repeat; display: block; float: right; height: 27px; overflow: hidden; text-indent: -10000px; width: 129px; }
			div.right-column div.brief-grey div.brief-bottom a.request-demo-btn:hover { background: url(/images/site_bg_images/request-demo-btn.jpg) 0 -27px no-repeat; }
	
	div.right-column div.brief-white h2 { background: url(/images/site_bg_images/briefs-hd.jpg) 0 0 no-repeat #026968; color: #ffffff; font: bold 14px/20px Arial, sans-serif; margin: 0 0 10px 0; padding: 10px; width: 196px; }
	div.right-column div.brief-white ul { color: #025655; display: block; list-style: outside; margin: 0; padding: 0; }
	div.right-column div.brief-white ul li { background: url(/images/site_bg_images/bull.jpg) 0 6px no-repeat; color: #025655; display: block; list-style: outside; margin: 0 0 6px 0; padding: 0 0 0 12px; }

	div.right-fill-block { margin: 0; overflow: hidden; padding: 0; position: relative; width: 216px; }
		div.right-fill-block img { display: block; margin: 0 0 1em 0; width: 216px; }
		div.right-fill-block p, div.right-fill-block h3 { margin: 0; overflow: hidden; padding: 0 12px 1em 12px; }
		div.right-fill-block span.quote { font-family: Georgia, serif; display: inline-block; font-size: 42px; margin: 0 0 -10px 0; padding: 3px; vertical-align: bottom; }
		div.right-fill-block div.top-mask, div.right-fill-block div.bottom-mask { height: 3px; left: 0; margin: 0; overflow: hidden; position: absolute; width: 216px; }
		div.right-fill-block div.top-mask { background: url(/images/site_bg_images/sidebar-mask-top.gif) 0 0 no-repeat; top: 0; }
		div.right-fill-block div.bottom-mask { background: url(/images/site_bg_images/sidebar-mask-bottom.gif) 0 0 no-repeat; bottom: 0; }
		div.right-fill-block a.visit-website { background: url(/images/site_bg_images/visit-website.png) 0 0 no-repeat; display: block; height: 29px; margin: 0 0 0 auto; overflow: hidden; text-indent: -10000px; width: 116px; }
			div.right-fill-block a.visit-website:hover { background: url(/images/site_bg_images/visit-website-hover.png) 0 0 no-repeat; }
div.columns-bottom { background: url(/images/site_bg_images/left-col-bottom.jpg) 0 0 no-repeat; clear: both; height: 11px; overflow: hidden; width: 958px; }		

	
/* forms */
label { display: block; }
span.required { color: red; font-size: 10px;}
p.required { color: red; margin: 0; font-size: 10px; }
p.buttons { margin: 0 0 0 auto; padding: 0; width: 130px; }
p.buttons a.clear-form { background: url(/images/site_bg_images/overlay-clear-btn.jpg) 0 0 no-repeat; font-weight: normal; display: inline-block; float: left; height: 23px; margin: 0 4px 0 0; padding: 0; width: 66px; vertical-align: top; }
p.buttons a.clear-form:hover { background: url(/images/site_bg_images/overlay-clear-btn.jpg) 0 -23px no-repeat; }
	a.clear-form span { display: none; }
	p.buttons input.send { background: url(/images/site_bg_images/overlay-send-btn.jpg) 0 0 no-repeat; border: 0; cursor: pointer; font-weight: normal; display: inline-block; height: 23px; padding: 0; width: 56px; }
	p.buttons input.send:hover { background: url(/images/site_bg_images/overlay-send-btn.jpg) 0 -23px no-repeat; }	
	




/*---------------------------
	=Helpers
---------------------------*/
div.even-bottom { margin: 0 0 -11px 0; }
div.pad { margin: 0 0 1em 0; }
.clear { clear: both; }
img.biopic { border: 1px solid #cdcdcd; display: block; margin: 0 0 .5em 0; padding: 2px; }
hr { background: #cccccc;  border: 0; color: #cccccc; display: block; height: 1px; margin: 0 0 2em 0; overflow: hidden; }
h3.green { color: #246a6a; }
span.author { padding: 0 12px 0 0; }
h3.prox { margin: 0 0 .5em 0; }