/* ---------------------
	Title: LRA Worldwide - main screen stylesheet
	Filename: screen.css
	Author: One Pica Inc, Boston MA
	
	Table of Contents:
		Searchstring (Section Name)				Description
		
		=General (General Styles):				Set font sizes, Page backgrounds, link behaviors, etc
		=Master (Master #container Styles):		Placing, sizing, styling the main container
		=Branding (Branding Styles):			Logos, taglines, branding info
		=Nav (Navigation Styles):				The navigation bar; internal and external
		=Forms (Form Styles)					Set appearance of forms, inputs, buttons, etc
		=Multicol (Multi-Column Styles):		The cases where the content needs to be in multiple columns
		=Headings (Heading Styles):				<h1> through <h6>
		=Content (Content Styles):				The main content of the page
		...Further style sections go here...
		=Footer (Credit/Footer Styles):			The footer
		=Uni (Universal Styles):				Classes and elements that apply throughout ('clear', 'blue', etc)
	
	Common Color Table:
		White:						#FFFFFF;
		Main Dark Blue: 			#00255b;
		Medium Green: 				#717f1a;
		Light Green: 				#a2b628;
		Middle Content BG Grey: 	#e8ebf0;
		
	Thanks To:
		CSS structure/commenting: http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Markup structure: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
		Stylesheet searchstring flags: http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html
---------------------- */

/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		'Em' styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
		100.01% font size from (http://www.communitymx.com/content/article.cfm?page=5&cid=FAF76)
		Beginning "global reset" styles, to clear troublesome browser defaults, 
		are based on (http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/) 
		Note that most form elements are omitted; style those separately, further down.
---------------------- */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
img, a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}

/* Begin Actual Site Styles */
html {
	font-size: 100.01%; /* Ensures font consistency across browsers */
	height: 100%;
}
body {
	font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
	line-height: 1.5; /* Sets base leading for lines of text */
	background: #fff;
	font-family: Georgia, serif;
	height: 100%;
	color: #4d4d4d;
}
p {margin-bottom: 1em; line-height: 1.5}
div, span, a {line-height: 1.5}

input, select, th, td {font-size: 1em}

h1 {font-size: 2em} /* 24px */
h2 {font-size: 1.5em} /* 18px */
h3 {font-size: 1.25em} /* 15px */
h4 {font-size: 1em} /* 12px */
h5 {font-size: 1em} /* 12px */
h6 {font-size: 1em} /* 12px */

strong {font-weight: bold}
em {font-style: italic}
sup {font-size: 50%; vertical-align: super;}

/* Basic link styles */
a, a:link {
	color: #00255b;
	text-decoration: underline;
}
a:visited {
	color: #00255b;
}
a:hover, a:active {
	color: #a2b628;
	text-decoration: underline;
}
a:focus {
	outline: none; /* Removes dotted outline in Firefox */
}

/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
#container {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1.2em; /* 12px (based on value from body) */
	text-align: left; /* Normalize alignment; unfix all browsers from fix in IE stylesheet */
}

/* Skip link: This is the very first link anywhere on the page; by tabbing to it or hitting accesskey 2, a user can skip the header/navigation of a page and go directly to the page content. It is normally 'hidden' by being positioned far, far off the page; bringing it into focus with Tab makes it visible. */
	#skiplink a {
		position: absolute;
		top: -1000px;
		left: -2000px;
	}
		#skiplink a:focus, #skiplink a:active {
			position: absolute;
			margin: 0;
			top: 0;
			left: 0;
			display: block;
			padding: 0;
			background: #000;
			color: #fff;
			font-weight: bold;
		}
		#skiplink a:hover { 
		}

/* =Branding
----------------------
	Branding styles: Usually the logo and tagline
	Notes:
		Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#header-container {
	width: 952px;
	margin: 0 auto;
	padding: 0 5px;
	position: relative;
}

#branding {
}
	#branding-logo {
		width: 156px;
		height: 50px; /* Set dimensions once here, and use 100% for all dimensions in both rules below */
		padding: 57px 0 43px 5px;
	}
	#home #branding-logo {
		padding-bottom: 28px;
	}
		#branding-logo h1 {
			cursor: pointer;
			text-indent: -5000px;
			overflow: hidden;
			background: transparent url(../images/branding/lra_logo_main.gif) 0 0 no-repeat;
			width: 100%;
			height: 100%;
			line-height: 1;
			padding: 0;
			margin: 0;
		}
			#branding-logo h1 a {
				display: block;
				width: 100%;
				height: 100%;
			}
	
/* =Nav
----------------------
	Navigation styles
	Notes:
		Navigation belongs in an UL tag with <ul><li><a></a></li></ul> as the markup scheme.
		Keep each of the below #elements as divs, and put the UL inside them
		If there's a Left-Hand navigation, use #nav-section, give it a width & float it left
---------------------- */
#nav {
	position: absolute;
	top: 0;
	right: 0;
	width: 660px;
	font-family: Tahoma, Arial, sans-serif;
}
	#nav-main {
		padding: 14px 0 0 0;
	}
		#nav-main ul {
			list-style: none outside;
			margin: 0;
			padding: 0;
		}
			#nav-main li {
				float: left;
				display: inline;
				width: auto;
				margin: 0;
				padding: 0;
				position: relative;
				height: 2em;
				border-left: solid 1px #FFFFFF;
				background: white;
			}
			#nav-main li.first a {
				padding-left: 0;
			}
			/*
			#nav-main li.language {
				margin-left: 14px;
				padding-left: 13px;
				background: transparent url(../images/nav/language_border_bg.gif) 0 1px no-repeat;
			}
			*/
				#nav-main a, #nav-main a:link, #nav-main a:visited {
					display: block;
					text-decoration: none;
					color: #999;
					padding: 0px 10px 4px 10px;
					margin: 0;
					line-height: 1em;
					background: #FFFFFF;
				}
				/*#nav-main li.language a, #nav-main li.language a:link, #nav-main li.language a:visited, #nav-main li.language a:hover, #nav-main li.language a:active {
					padding-right: 2px;
					color: #00255b;
					text-decoration: underline;
				}
				*/
				#nav-main a:hover, #nav-main a:active {
					color: #00255b;
				}
			#nav-main li.lbdr {
				border-left: solid 1px #00255b;
			}
			#nav-main li.current {
				/*margin-left: 10px;*/
			}
			#nav-main li.first.current {
			}
				#nav-main li.current a {
					color: #00255b;
				}
					#nav-main li ul {
						display: none;
						position: absolute;
						top: 1.4em;
						left: -1px;
						width: 22em;
					}
					/*#nav-main li ul#nav-section {*/
					#nav-main li.current ul {
						display: block;
					}
						#nav-main li ul li, #nav-main li ul li.current {
							float: none;
							display: block;
							font-size: 0.92em;
							padding: 0;
							margin: 0;
							position: static;
							line-height: 1.2em;
							height: auto;
						}
							#nav-main li.current ul li a, #nav-main li.current ul li a:link, #nav-main li.current ul li a:visited {
								padding: 7px 2px 0 10px;
								color: #999;
							}
							#nav-main li.current ul li a:hover, #nav-main li.current ul li a:active, #nav-main li.current ul li.current a, #nav-main li.current ul li.current a:link, #nav-main li.current ul li.current a:visited, #nav-main li.current ul li.current a:hover, #nav-main li.current ul li.current a:active {
								color: #00255b;
							}

/* =Forms
----------------------
	Form styles
	Notes:
		A <p></p> should always enclose every label-input (or label-select) pair.
		Widths are in % to start, so that they scale, but they are the attributes most likely to change.
		Remember -- the IE stylesheet has different percentage widths to start.
---------------------- */
form {
	display: block;
	margin: 0;
	padding: 1em 0;
	width: 100%;
}
	fieldset {
		border: 0px solid;
		padding: 0;
		margin: 0 0 1.4em 0;
	}
	form p {
		display: block;
		clear: both;
		margin: 0 0 0.4em 0;
		padding: 0;	
	}
		form label {
		color:#4d4d4d;
			display: inline;
			float: left;
			width: 25%;
			padding: 0 5% 0 0;
			margin: 0;
			line-height: 1.5em;
		}
			form label.indent {
				width: 30%;
				padding-left: 5%;
			}
			form label.radio {
				float: none;
				width: auto;
				padding: 0 4px;
			}
		form span.next-to-label {
			display: block;
			float: left;
			width: 60%;
		}
			form span.next-to-label span {
				display: block;
				float: left;
				width: 50%;
			}
		form input, form select, form textarea {
		   margin: 0;
		   padding: 0;
		   width: 150px;
		   font-size: 1em;
		   border: solid 1px #999;
		   border-bottom-color: #ccc;
		   background-color: #fff;
		   font-family: Arial, sans-serif;
		   padding: 2px;
		}
		form input {}
		form select {width: 59.5%;}  /* Selects are not the same as inputs */
		form textarea {height: 8em; width: 58.8%;}
		
		/* Radio buttons */
		form input.radio, form input.radiobtn {
			text-align: left;
			width: 1.3em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		form .radiotext {
			margin: 0 1em 0 0;
		}
		form .radio_array {
			float: left;
			clear: none;
			width: 55%;
			margin-bottom: 1em;
		}
		form .radio_array_section {
			float: left;
			clear: left;
		}
		
		/* Check boxes */
		form input.ckbx, form input.checkbox {
			text-align: left;
			width: 1.2em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		
	form p.indent { /* For buttons or text that need to align with inputs/selects */
		margin-left: 40%;
	}
	form p.xspa { /* "extra space after" */
		margin-bottom: 2.0em;
	}
	form .req, form .required {
		color: red;
	}
	form input:focus {
		/* however we want the focused field to look */
	}
	form input.submit, button { /* There are lots of default values to fix */
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		padding: 1px 2px;
		background: #f6f6f6;
		color: #555;
		font-size: 0.9em;
		font-weight: bold;
		height: auto;
		width: auto;
		cursor: pointer;
		font-family: inherit;
	}
	form input.submit:hover, button:hover { /* IE6 can't see these, too bad */
		color: #fff;
		background-color: #ff0000;
	}
	form input.submit:active, button:active { /* Button 'feedback' behavior */
		border: 3px double #ccc;
		border-top-color: #999;
		border-left-color: #999;
	}
	form button.nostyle {
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 1 !important;
		background: transparent !important;
	}
							

/* =Multicol
----------------------
	Multi-Column Content styles
	Notes:
		These columns should be used for text within #content.
		Values are in percentages to start off -- remember that the IE stylesheet has different values.
		If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
.oneColumnLayout {
	width: 690px;
	float: left;
	clear: none;
}
		.oneColumnLayout p img {
			float: left;
			margin-right: 15px;
			margin-bottom: 5px;
			margin-top:15px;
		}

.twoColumnLayout {
	width: 47%;
	float: left;
	clear: none;
}
	.twoColumnLeft, .midColumnLeft {
		margin-right: 5%;
	}
		.midColumnLeft p img {
			float: left;
			margin-right: 15px;
			margin-bottom: 5px;
			margin-top:15px;
		}
	.topColumnLeft {
		width: 695px;
		margin-right: 26px;
		padding-top: 0.5em;
	}
	.topColumnRight {
		width: 221px;
		margin: 0;
		padding: 0;
	}
	.homeColumnLeft {
		width: 200px;
		margin-right: 52px;
	}
	.homeColumnRight {
		width: 668px;
		margin: 0;
	}
.threeColumnLayout {
	width: 30%;
	float: left;
	clear: none;
}
	.threeColumnLeft {
		margin-right: 4%;
	}
	.threeColumnMiddle {
		margin-right: 4%;
	}
	.threeColumnRight {
		margin-right: 0;
	}
.fourColumnLayout {
	width: 23%;
	float: left;
	clear: none;
}
	.fourColumnLeft {
		margin-right: 2.3%;
	}
	.fourColumnMidLeft {
		margin-right: 2.3%;
	}
	.fourColumnMidRight {
		margin-right: 2.3%;
	}
	.fourColumnRight {
		margin-right: 0;
	}
	.withRightBorder {
		width:20%;
		padding-right:3%;
	}


/* =Headings
----------------------
	<h1> through <h6> styles
---------------------- */
h1 {}
h2 {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.2;
	color: #00255b;
	padding: 0;
	margin: 0 0 0.5em 0;
}
h3 {
	font-size: 2em;
	line-height: 1.2;
	font-weight: normal;
	color: #717f1a;
	margin: 0 0 0.35em 0;
	padding: 0;
}
	.top h3 span {
		display: inline;
		color: #999;
		color: #8c8c8c;
		line-height: 1.2;
	}
h4 {
	color: #4D4D4D;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 0.4em 0;
	padding: 0;
	line-height: 1.2;
}
h5 {
	color: #042453;
	font-weight: normal;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0em 0 .5em 0;
	line-height:1.3em;
}
h6 {}

/* =Content
----------------------
	Main Content styles
	Notes:
		
		Font-size is inherited, so some math will be necessary to size child elements up or down correctly
---------------------- */
#content {
	font-size: 1em; /* Inherits 12px from #container */
	position: relative;
	padding-bottom: 3em;
}
	.content-section {
		width: 100%;
	}
	.top {
		padding-bottom: 0.5em;
		color: #aaa;
			color: #8c8c8c;
	}
	.middle {
		background: #e8ebf0;
		padding: 1.5em 0;
		margin: 0 0 1em 0;
	}
	.middle.notopPad {
		padding:0;
		} 
	.middle.methodologyColumns {
		background:transparent url(../images/bg/methodology_columns.gif) top center no-repeat;
		background-color: #e8ebf0;
	}
	.middle.modelColumns {
		background:transparent url(../images/bg/model_columns.gif) top center no-repeat;
		background-color: #e8ebf0;
	}
	.bottom {
		padding-top: 1.2em;
	}
		.content-section-inner {
			margin: 0 auto;
			width: 942px;
		}
		.middle .content-section-inner {
			padding-left: 5px;
			width: 937px;
		}
		.bottom .content-section-inner {
			padding-left: 5px;
			width: 690px;
			padding-right: 247px;
		}
	
	.whiteLine {
		width: 100%;
		float: left;
		clear: both;
		height: 3px;
		margin: 1.5em 0;
		background: #FFFFFF;
		line-height: 1px;
		font-size: 1px;
	}
	#content .showhide {
		color: #869FFF;
		text-decoration: none;
		padding-left: 15px;
	}
	.middle .showhide_plus {
		background: url("../images/bg/plus_blue.gif") left center no-repeat;
	}
	.middle .showhide_minus {
		background: url("../images/bg/minus_blue.gif") left center no-repeat;
	}
	.bottom .showhide_plus {
		background: url("../images/bg/plus_green.gif") left center no-repeat;
	}
	.bottom .showhide_minus {
		background: url("../images/bg/minus_green.gif") left center no-repeat;
	}
	
	.clientcapsule {
		margin: 0 0 3em 0;
	}
	#content .viewlink {
		color: #717f1a;
		text-decoration: none;
		padding-left: 15px;
	}
	.clientcapsule .image {
		display: block;
		height: 80px;
	}
	.clientcapsule h5 {
	}
	.clientcapsule p a {
		color: #717f1a;
		padding: 0.5em 0 0.5em 15px;
		background: url("../images/icons/green_arrow.gif") left center no-repeat;
	}
	.clientcapsule p a:hover {
		color: #00255B;
		padding: 0.5em 0 0.5em 15px;
		background: url("../images/icons/blue_arrow.gif") left center no-repeat;
	}
	
/* Homepage */
.content-home {
	width: 920px;
}
	#flash {
		width: 920px;
		height: 310px;
		background: #ccc;
		margin: 0 0 1.8em 0;
	}
	.homeColumnLeft {
		font-size: 0.92em;
		padding-top: 0.15em;
	}
	.homeColumnLeft h3 {
		color: #666;
		font-size: 2em;
		padding: 0.2em 0 0.2em;
		border-bottom: solid 1px #bdbec1;
		margin-bottom: 0.4em;
	}
	.homeColumnRight h3 {
		color: #152c53;
		padding-bottom: 0.3em;
		border-bottom: solid 1px #929295;
		margin-bottom: 0.6em;
	}
		.spotlight {
			margin: 0 0 1.5em 0;
		}
			.spotlight p {
				margin: 0 0 0.4em 0;
			}
			.spotlight-desc {
				padding-left: 11px;
			}
			.spotlight .newsletter{
				background: transparent url(../images/inline/spotlight_icon_small.gif) 0 0 no-repeat;
				height:auto !important;
				height:40px;
				min-height:40px;
				padding:0 0 0 47px;
			}
			.spotlight .blog{
				background: transparent url(../images2/aguywalksin-button.jpg) 0 0 no-repeat;
				height:auto !important;
				height:40px;
				min-height:40px;
				padding:0 0 0 55px;
			}
			a.spotlight-cta, a.spotlight-cta:link, a.spotlight-cta:visited {
				color: #717f1a;
				display: block;
				padding: 0 0 0 11px;
				background: transparent url(../images/icons/small_cta_bullet.gif) 0 0.45em no-repeat;
			}
			a.spotlight-cta:hover, a.spotlight-cta:active {
				color: #00255b;
				background: transparent url(../images/icons/blue_arrow.gif) 0 0.45em no-repeat;
			}
		.news {}
			ul.news {}
				ul.news li {
					margin: 0 0 1.5em 0;
					padding: 0;
					color: #aaa;
					color:#8c8c8c;
				}
					ul.news li a, ul.news li a:link, ul.news li a:visited {
						display: block;
						color: #717f1a;
						margin-bottom: 0.2em;
						padding: 0 0 0 11px;
						background: transparent url(../images/icons/small_cta_bullet.gif) 0 0.45em no-repeat;
					}
					ul.news li a:hover, ul.news li a:active {
						color: #00255b;
						background: transparent url(../images/icons/blue_arrow.gif) 0 0.45em no-repeat;
					}
					ul.news li span {
						padding: 0 0 0 11px;
						}
	.home-footer {
		margin-top: 0.4em;
		border-top: solid 1px #929295;
		padding-top: 1.5em;
		color: #4c4c4c;
	}
		.home-footer h4 {
			color: #00255b;
		}
	.cta-main {
		margin: 0 0 1.5em 0;
	}
		.cta-main a, .cta-main a:link, .cta-main a:visited {
			display: block;
			font-size: 1.42em;
			color: #00255b;
			padding: 0 0 0 22px;
			background: transparent url(../images/icons/cta_bullet_init.gif) 0 0.2em no-repeat;
			margin: 0 0 .5em 0;
			text-decoration: none;
			line-height: 1.2;
		}
		.cta-main a:hover, .cta-main a:active {
			color: #717f1a;
			text-decoration: underline;
			background: transparent url(../images/icons/cta_bullet_over.gif) 0 0.2em no-repeat;
		}
		
		.cta-main a.small, .cta-main a.small:link, .cta-main a.small:visited {
			font-size: 1em;
			margin: 0 0 1em 0;
			padding: 0 0 0 11px;
			xdisplay: block;
			color: #717f1a;
			background: transparent url(../images/icons/small_cta_bullet.gif) 0 0.35em no-repeat;
		}
		.cta-main a.small:hover, .cta-main a.small:active {
			color: #00255B;
			background: transparent url(../images/icons/blue_arrow.gif) 0 0.35em no-repeat;
		}
		.cta-main span {
			display:block;
			color:#8c8c8c; 
		}
		.middle .cta-main a:hover, .middle .cta-main a:active {
			color: #77A9FF;
			background: transparent url(../images/icons/cta_lightbullet_over.gif) 0 0.2em no-repeat;
		}
		.cta-main p {
			color: #aaa;
			color: #4d4d4d;
			margin: 0;
			padding: 0 0 0 22px;
		}
		.cta-main.spotlight h3{
			font-size:2em;
			color:#8c8c8c;
			line-height:1.2;
			margin-bottom:.5em;
		}
		.cta-main.spotlight p{
			padding:0 0 1em 0;
		}
		.cta-main.spotlight h5.newsletter{
			background: transparent url(../images/inline/spotlight_icon.gif) 0 0 no-repeat;
			height:auto !important;
			height:50px;
			min-height:50px;
			padding:0 0 0 60px;
			line-height:2.5em;
		}
		.cta-main.spotlight a, .cta-main.spotlight a:visited {
		
		}
	.cta-more {
		background: #e8ebf0 url(../images/bg/cta_more_bg_top.gif) 0 0 no-repeat;
		padding: 10px 2px;
		margin-top: 1.4em;
	}
		.cta-more p {
			color: #666;
			padding: 0 20px;
			margin: 0 0 0.4em 0;
		}
		.cta-more a {
			display: block;
			color: #00255b;
			padding: 0 0 0 20px;
			background: transparent url(../images/icons/portlet_cta_bullet.gif) 9px 0.45em no-repeat;
		}
		.cta-more a:hover {
			color: #77A9FF;
			background: transparent url(../images/icons/lightblue_arrow.gif) 9px 0.45em no-repeat;
		}


	#content ul { 
		margin-bottom: 1em;
	}
	#content ul ul { 
		margin: 0 0 0 15px;
	}
	#content ul li {
		line-height: 1.7em;
	}
	
	#content ul.bulleted { }
	#content ul.bulleted li {
		padding: 0 0 0.3em 12px;
		background: url('../images/icons/li_bullet_green.gif') 4px 0.7em no-repeat;
	}
	#content .middle ul.bulleted li {
		background: url('../images/icons/li_bullet_mid.gif') 4px 0.7em no-repeat;
	}
/* Top section */
.topColumnLeft h2, .topColumnLeft h3, .topColumnLeft h4, .topColumnLeft p {
	padding-left: 5px;
}
.topColumnLeft p{
	color:#8c8c8c;
}
.landing h2 {
	height: 42px;
	padding: 8px 0 0 8px;
	color: #fff;
	background: #00255b url(../images/headers/landing_header_bg.jpg) 0 0 no-repeat;
}
.landing .topColumnLeft {
	padding: 0 0 0.5em;
	border-bottom: solid 1px #929295;
}

	/* Portlets */
	.portlet {
		color: #00255b;
		margin-bottom: 2em;
	}
	.learnmore {
		background: #adbf41;
	}
	
		.learnmore .portlet-inner {
			background: transparent url(../images/bg/portlet_green_bg_top.gif) 0 0 no-repeat;
			padding: 12px 12px 10px 12px;
		}

			.learnmore .portlet-inner h3 {
				font-size: 1.8em;
				color: #fff;
				padding-bottom: 0.2em;
				border-bottom: solid 1px #fff;
				margin-bottom: 0.5em;
			}
			.learnmore table {
				width: 180px;
			}
			.learnmore .portlet-cta {
				margin-bottom: 0.4em;
				font-size: 0.92em;
			}
				.learnmore .portlet-cta a, .learnmore .portlet-cta a, .learnmore .portlet-cta a:visited {
					color: #00255b;
					display: block;
					padding: 0 0 0 11px;
					background: transparent url(../images/icons/portlet_cta_bullet.gif) 0 0.45em no-repeat;
				}
				.learnmore .portlet-cta a:hover, .learnmore .portlet-cta a:active {
					color: #FFFFFF;
					background: transparent url(../images/icons/portlet_cta_bullet_over.gif) 0 0.45em no-repeat;
				}

	.download {
		color:#FFFFFF;
		background: #1f406f;
	}
	
		.download .portlet-inner {
			background: transparent url(../images/bg/portlet_blue_bg_top.gif) 0 0 no-repeat;
			padding: 12px 12px 10px;
		}
			.download .portlet-inner h3 {
				font-size: 1.8em;
				color: #fff;
				padding-bottom: 0.2em;
				border-bottom: solid 1px #fff;
				margin-bottom: 0.5em;
			}
			.download .portlet-cta {
				margin-bottom: 0.4em;
				font-size: 0.92em;
			}
				.download .portlet-cta a, .download .portlet-cta a, .download .portlet-cta a:visited {
					color: #b8cb79;
					display: block;
					padding: 0 0 0 20px;
					background: transparent url(../images/icons/pdf_icon.gif) 0 0.25em no-repeat;
				}
				.download .portlet-cta a:hover, .download .portlet-cta a:active {
					color: #fff;
				}

		
/* Middle section */
.middle a:hover, .middle a:active {
	color: #77A9FF;
}
.enewsletter, .article, .press-release {
	margin: 0 0 1em 11px;
}
.article a, .article a:visited, .article a:active, .enewsletter a, .enewsletter a:visited, .enewsletter a:active, .press-release a, .press-release a:visited, .press-release a:active {
			margin: 0 0 0em -11px;
			padding:0 0 0 11px;
			color: #00255B;
			background: transparent url(../images/icons/blue_arrow.gif) 0 0.35em no-repeat;
			font-size: 1em;
			text-decoration:none;
}
.article a:hover, .article a:active, .enewsletter a:hover, .enewsletter a:active, .press-release a:hover, .press-release a:active {
			color: #77A9FF;
			text-decoration:underline;
			background: transparent url(../images/icons/lightblue_arrow.gif) 0 0.35em no-repeat;
}
.article a span, .enewsletter a span, .press-release a span {
	display:block;
	color:#8c8c8c; 
}

/* Bottom section */
.cta {
	width: 300px;
	font-size: 0.92em;
	margin: 0 0 2.5em 0;
	padding: 0 0 0 19px;
	color: #8c8c8c;
	background: transparent url(../images/icons/cta_bullet_static.gif) 0 0.3em no-repeat;
}
	.cta h4 {
		color: #00255b;
		font-size: 1.5em;
	}
	.cta p {
		margin-bottom: 0.2em;
	}
	.cta a {
		display: block;
		width: 12em;
		color: #717f1a;
		padding: 0 0 0 11px;
		background: transparent url(../images/icons/small_cta_bullet.gif) 0 0.5em no-repeat;
	}
	.cta a:hover {
		color: #00255B;
		background: transparent url(../images/icons/blue_arrow.gif) 0 0.5em no-repeat;
	}
.presspage h5 {
	margin-left:5px;
}
.presspage span{
	color:#717f1a;
	font-weight:bold;
}
.presspage p{
	color:#4d4d4d;
	}
p.dark, ul.dark {
	color:#4d4d4d;
}
/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
---------------------- */
#siteinfo {
	width: 935px;
	margin: 0 auto;
	font-size: 0.92em;
	color: #999;
	padding: 0.6em 0 0.8em 5px;
}
#home #siteinfo {
	padding-left: 0;
}
	#siteinfo-legal {
		display: block;
		line-height: 1.5;
	}
	#siteinfo-links {
		display: block;
		line-height: 1.5;
	}
	#siteinfo a, #siteinfo a:link, #siteinfo a:visited {
		color: #999;
	}
	#siteinfo a:hover, #siteinfo a:active {
		color: #00255b;
	}

a.pdf, a.pdf:visited {
	padding: 0 0 0 20px;
	background: transparent url(../images/icons/pdf_icon.gif) 0 0.1em no-repeat;
}


/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear {clear: left}
.clear-right {clear: right}
.clear-both {clear: both}

.bold {font-weight: bold}
.em {font-style: italic}
hr { height:1px;
	border:0px;
	border-top:1px solid #929295;
	margin:1.2em 0 1.4em 5px;
}