html {
	overflow-y: scroll; /* Forces the scroll bar channel in FF so there is no horizontal shifting between pages of short and long content */
}

body {
	background: #fafafa;
}

/* This is a simple table with some padding, no alternating row colors */
table.DataTable01 {
	margin-bottom: 22px;
}

table.DataTable01 td {
	vertical-align: top;
	padding: 0 30px 5px 0;
}

/* This is a table with alternating row colors */
table.DataTable02 {
	margin-bottom: 22px;
	background: #f1f1f1;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

table.DataTable02 td {
	padding: 4px 6px;
	vertical-align: top;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

table.DataTable02 tr.AltRow td {
	background: #f7f7f7;
}

/* Two-column table holding team members with links to bios. */
table.TeamListTable {
	margin-bottom: 23px;
}

table.TeamListTable td {
	width: 50%;
	vertical-align: top;
	padding: 0 25px 8px 0;
}

table.TeamListTable td span {
	display: block;
	padding-left: 10px;
	line-height: 18px;
	background: url(../Images/Bullet_Arrow01.gif) no-repeat 0 6px;
}

ul {
	list-style: none;
}

ul.ArrowList01 {
	margin-bottom: 23px;
}

ul.ArrowList01 li {
	padding-left: 12px;
	margin-bottom: 8px;
	background: url(../Images/Bullet_Arrow01.gif) no-repeat 0 5px;
}

ul.ArrowListBack {
	margin-bottom: 23px;
}

ul.ArrowListBack li {
	padding-left: 12px;
	margin-bottom: 8px;
	background: url(../Images/Bullet_Arrow_Back.gif) no-repeat 0 5px;
}

ul.BulletList01 {
	padding-left: 15px;
	margin-bottom: 14px;
}

ul.BulletList01 li {
	margin-bottom: 8px;
	padding-left: 15px;
	background: url(../Images/Bullet_Square01.gif) no-repeat 0 5px;
}

ul.PDFList01 {
	margin-bottom: 14px;
}

ul.PDFList01 li {
	margin-bottom: 8px;
}

ul.PDFList01 li a {
	padding-right: 20px;
	background: url(../Images/Icon_PDF.gif) no-repeat right;
}

/* Styles by Site Structure */
div.MainWrapper {
	float: left;
	width: 100%;
	background: #fff;
}

div.CenteringWrapper {
	width: 1000px;
	margin: 0px auto;
}

div.HeaderWrapper {
	position: relative;
	float: left;
	width: 1000px;
	height: 290px;
	background: url(../Images/MainImage.jpg);
}

div.LogoHolder {
	position: absolute;
	top: 60px;
	left: 48px;
}

div.MiddleWrapper {
	float: left;
	width: 1000px;
	padding: 0 0 40px 0;
}

/* Left Navigation */
div.LeftNavHolder {
	float: left;
	display: inline;
	width: 260px;
	margin-right: 23px;
	padding: 50px 0 0 49px;
}

/* L2 Menu */
div.LeftNavHolder ul {
	width: 260px;
	border-top: 1px solid #d8d8d8;
}

div.LeftNavHolder li {
	float: left;
	width: 260px;
	border-bottom: 1px solid #d8d8d8;
	margin-top: 1px;
	padding-bottom: 1px;
}

div.LeftNavHolder a {
	display: block;
	float: left;
	width: 260px;
	height: 37px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.LeftNavHolder a:hover {
	background-position: 0 -37px;
}

div.LeftNavHolder a.active, div.LeftNavHolder a.active:hover {
	background-color: #f3f3f3;
	background-position: 0 -74px;
}

div.LeftNavHolder a span {
	display: none;
}

li.LeftNav_AboutEllingtonFinancial a {
	background-image: url(../Images/LeftNav_AboutEllingtonFinancial.gif);
}

li.LeftNav_InvestmentStrategy a {
	background-image: url(../Images/LeftNav_InvestmentStrategy.gif);
}

li.LeftNav_ForOurShareHolders a {
	background-image: url(../Images/LeftNav_ForOurShareHolders.gif);
}

/* L3 Menus */
div.LeftNavHolder li ul {
	float: left;
	width: 230px;
	margin-top: 1px;
	padding: 4px 15px 2px 15px;
	border-top: 1px solid #d8d8d8;
	background: #f3f3f3;
}

div.LeftNavHolder li li {
	width: 221px;
	border: none;
	padding: 0 0 4px 9px;
	background: url(../Images/Bullet_L3Nav.gif) no-repeat 0 5px;
}

div.LeftNavHolder li li a {
	display: inline;
	width: auto;
	height: auto;
	font-size: 13px;
	color: #858383;
	text-decoration: none;
	background: none;
}

div.LeftNavHolder li li a:hover {
	color: #858383;
	text-decoration: underline;
}

div.LeftNavHolder li li a.active, div.LeftNavHolder li li a.active:hover {
	font-weight: bold;
	text-decoration: none;
}

/* L4 Menus */
div.LeftNavHolder li li ul {
	float: left;
	width: 203px;
	margin-top: 1px;
	padding: 4px 15px 2px 3px;
	border: none;
}

div.LeftNavHolder li li li {
	width: 194px;
	border: none;
	padding: 0 0 4px 9px;
	background: url(../Images/Bullet_L4Nav.gif) no-repeat 0 6px;
}

div.LeftNavHolder li li li a {
	display: inline;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #858383;
	text-decoration: none;
	background: none;
}

div.LeftNavHolder li li li a:hover {
	text-decoration: underline;
}

div.LeftNavHolder li li li a.active, div.LeftNavHolder li li a.active:hover {
	font-weight: bold;
	text-decoration: none;
}

/* Content Areas */
div.MainContentWrapper {
	float: left;
	width: 668px;
	padding: 48px 0 0 0;
}

/* Home Page */
div.ElevatorCopyHolder {
	float: left;
	margin-bottom: 0px;
	padding: 0 60px 0 9px; 
	
}

div.HomeNewsBox {
	float: left;
	padding: 0 60px 0 9px;
}

div.HomeNewsBox li span {
	margin-right: 8px;
}

/* Interior Pages */
div.IntroParaHolder {
	float: left;
	width: 577px;
	margin: 0 61px 20px 0;
	padding: 0 20px 7px 10px;
	font: 18px Times New Roman, Georgia, Serif;
	color: #4e4f52;
	line-height: 24px;
	letter-spacing: 0.1px;
	border-bottom: 1px solid #d8d8d8;
}

/* Single column of content - mostly for paragraphs, adds more padding on right side */
div.ContentHolder01 {
	float: left;
	width: 589px;
	padding: 0 70px 0 9px;
}

/* Wrap around ContentHolder02 and ContentHolder03 to create consistent space between them and the following container despite which column is longer, or use for a single column where you don't want padding on the left side, such as with tables of data */
div.ContentWrapper_2Column {
	float: left;
	width: 638px;
	margin-bottom: 22px;
	padding-right: 30px;
}

/* Left column of two-column content - for small tables, charts, content */
div.ContentHolder02 {
	float: left;
	width: 388px;
	margin-right: 25px;
}

/* The right column of two column content - the gray box */
div.ContentHolder03 {
	float: left;
	display: inline;
	width: 201px;
	padding: 20px 12px;
	background: #f3f2f2;
}

/* Single column of content - for wider tables, etc. Less padding on the right side than ContentHolder01 */
div.ContentHolder04 {
	float: left;
	width: 629px;
	padding: 0 30px 0 9px;
}

/* Adds a bottom border and margin to a content area */
div.ContentHolder_Divider {
	float: left;
	padding: 0 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d8d8d8;
}

div.ContentHolder01 div.ContentHolder_Divider {
	width: 569px;
}

div.ContentHolder02 div.ContentHolder_Divider {
	width: 368px;
}

div.ContentHolder03 div.ContentHolder_Divider {
	width: 181px;
}

div.ContentHolder04 div.ContentHolder_Divider {
	width: 609px;
}

div.hr01 {
	float: left;
	width: 100%;
	height: 1px;
	margin-bottom: 15px;
	font-size: 0px;
	border-bottom: 1px solid #d8d8d8;
}

div.hr01 hr {
	display: none;
}

/* Gray box promos */
div.PromoHolder01 {
	float: right;
	width: 230px;
	margin: 10px 0 25px 25px;
	font-size: 0px;
	/*padding: 20px 22px;
	font: 14px Times New Roman, Georgia, Serif;
	font-weight: bold;
	background: #f3f2f2;*/
}

div.PromoHolder02 {
	margin: 0 0 25px 0;
	padding: 20px 22px;
	background: #f3f2f2;
}

div.PromoHolder02 p {
	margin-bottom: 5px;
}

/* Link lists in the promo holder */
div.PromoHolder01 ul.ArrowList01 li {
	padding-left: 15px;
	margin-bottom: 8px;
	line-height: 18px;
	background: url(../Images/Bullet_Arrow02.gif) no-repeat 0 6px;
}

div.PromoHolder01 ul.ArrowList01 li a {
	text-decoration: none;
}

div.PromoHolder01 ul.ArrowList01 li a:hover {
	text-decoration: underline;
}

div.BorderHeader {
	float: left;
	display: inline;
	width: 608px;
	margin-right: 60px;
	margin-bottom: 18px;
	border-bottom: 1px solid #d8d8d8;
}

div.ContentHolder01 div.BorderHeader {
	width: 599px;
	margin-right: 0px;
}

div.BorderHeader h2 {
	margin-bottom: 8px;
	margin-left: 9px;
}

div.ContentHolder01 div.BorderHeader h2 {
	margin-left: 0px;
}

/* Tab Promos */
div.TabPromoHolder {
	float: left;
	display: inline;
	width: 591px;
	margin-right: 60px;
	padding: 0 8px 0 9px;
}

/* The container that holds the tabs */
.tabstrip .ajax__tab_header {
	width: 591px;
	padding: 5px 0 0 0;
	background-color: #e9e9e9;
}

/* The outer container of each tab */
.tabstrip .ajax__tab_header .ajax__tab_outer {
	width: 197px;
	text-align: center;
	margin: 0 0px 0px 0;
	padding: 0 0 0 0px;
}

/* The inner container of each tab (child element of .ajax__tab_outer) */
.tabstrip .ajax__tab_header .ajax__tab_inner {
	width: 197px;
	padding: 20px 0px;
	text-align: center;
	vertical-align: top;
	background-color: #a7a9ab;
}

.tabstrip .ajax__tab_header .ajax__tab_inner span {
	margin-right: 0px;
}

/* The text area of the tab (child element of .ajax__tab_inner) */
.tabstrip .ajax__tab_header .ajax__tab_tab {
	width: 197px;
	color: #151515;
	margin: 0px auto;
	text-align: center;
	font: 14px Times New Roman, Georgia, Serif;
	font-weight: bold;
}

/* Sets hover properties of .ajax__tab_outer */
.tabstrip .ajax__tab_hover .ajax__tab_outer {
}

/* Sets hover properties of .ajax__tab_inner */
.tabstrip .ajax__tab_hover .ajax__tab_inner {
	background-color: #b4b6b7;
}

/* Sets hover properties of .ajax__tab_tab */
.tabstrip .ajax__tab_hover .ajax__tab_tab {
}

/* Properties of .ajax__tab_outer for the active tab */
.tabstrip .ajax__tab_active .ajax__tab_outer {
}

/* Properties of .ajax__tab_inner for the active tab */
.tabstrip .ajax__tab_active .ajax__tab_inner {
	background-color: #e9e9e9;
}

/* Properties of .ajax__tab_tab for the active tab */
.tabstrip .ajax__tab_active .ajax__tab_tab {
	color: #151515;
}

.tabstrip .ajax__tab_active span {
	margin: 0;
	padding: 0;
}

/* The container that holds the content of each tab panel */
.tabstrip .ajax__tab_body {
	float: left;
	width: 511px;
	min-height: 275px;
	height: auto !important;
	height: 275px;
	padding: 20px 40px;
	margin-bottom: 20px;
	background: #e9e9e9;
}

.tabstrip .ajax__tab_body p {
	margin-bottom: 12px;
}

.tabstrip .ajax__tab_body ul.BulletList01 {
	padding-left: 2px;
}

.tabstrip .ajax__tab_body ul.BulletList01 li {
	margin-bottom: 5px;
}

/* Use to create a clean line break after floated elements with even spacing in most browsers (IE6+, FF3, Chrome, Safari, Opera) */
div.ClearBoth {
	clear: both;
	width: 100%;
}

*html div.ClearBoth {
	font-size: 0px;
}

/* Bottom Footer Area */
div.FooterWrapper {
	float: left;
	width: 100%;
}

div.CopyrightHolder {
	float: left;
	width: 368px;
	padding: 19px 66px;
	font-size: 11px;
	color: #8e949f;
}

div.FooterNavHolder {
	float: left;
	width: 428px;
	padding: 20px 72px 20px 0;
}

div.FooterNavHolder ul {
	float: right;
}

div.FooterNavHolder li {
	display: block;
	float: left;
}

div.FooterNavHolder a {
	display: block;
	float: left;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.FooterNavHolder a:hover {
	background-position: 0 -20px;
}

div.FooterNavHolder a.active, div.FooterNavHolder a.active:hover {
	background-position: 0 -40px;
}

div.FooterNavHolder a span {
	display: none;
}

li.FooterNav_ContactUs, li.FooterNav_ContactUs a {
	width: 88px;
	background-image: url(../Images/FooterNav_ContactUs.gif);
}

li.FooterNav_Team, li.FooterNav_Team a {
	width: 60px;
	background-image: url(../Images/FooterNav_Team.gif);
}

li.FooterNav_Disclaimer, li.FooterNav_Disclaimer a {
	width: 89px;
	background-image: url(../Images/FooterNav_Disclaimer.gif);
}

li.FooterNav_Home, li.FooterNav_Home a {
	width: 61px;
	background-image: url(../Images/FooterNav_Home.gif);
}