/*
**********************************
	Content Area Layout
**********************************
*/

div.content-center {
	width: 392px;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

div.content-sidebar {
	width: 204px;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

/* 392px width, 30px mar-L, 25px mar-R */
div.content-center-inner {
	float: left;
	margin: 10px 25px 0px 30px;
	width: 337px;
	display: inline;
}

/* this table has its shadow overhanging outside its container */
div.content-center-table {
	float: left;
	margin: 10px 14px 0px 30px;
	width: 348px;
	display: inline;
}

/* 204px width, 22px mar-L, 22px mar-R */
div.content-sidebar-inner {
	float: left;
	width: 156px;
	font-size: 100%;
	text-align: center;
	margin: 1px 22px 5px 22px;
	display: inline;
}

div.content-sidebar-table {
	margin: 5px 11px 4px 22px;
	float: left;
	width: 171px;
	font-size: 100%;
	text-align: center;
	display: inline;
}

div.content-center p,div.content-sidebar p {
	margin: 0px 0px 5px 0px;
}

div.content-sidebar p {
	text-align: left;
}

div.content-center-inner h2 {
	margin: 7px 0px 7px 0px;
}

div.content-center-inner img {
	margin: 7px 0px 18px 0px;
}

div.content-floatimage-left {
	width: 108px;
	float: left;
	margin: 4px 20px 12px 0px;
}

div.content-floatimage-right {
	width: 108px;
	float: right;
	margin: 4px 0px 14px 20px;
}
/* for the flying "brian rogers". use a table inside a floated div. Text pads around @ about 20px total (top, bot, inner). Outer flush with content-main margin
*/

div.content-floatimage-left img,div.content-floatimage-right img {
	margin: 0px;
}

div.content-floatimage-left p,div.content-floatimage-right p {
	text-align: center;
	padding: 4px 0px 4px 0px;
	margin: 0px;
}

div.content-sidebar-inner img {
	padding-top: 12px;
}

div.content-sidebar-inner img.sidebar-logo-image {
	padding: 15px 0px 5px 0px;
}

p.content-bottom-link {
	padding: 6px 0px 10px 0px;
}

td.sidebar-table-date {
	text-align: center;
	padding: 6px 0px 0px 0px;
}

td.sidebar-table-year,td.sidebar-table-percent {
	padding: 2px 0px 2px 0px;
	margin: 0px;
}

td.sidebar-table-hr {
	padding: 0px;
	margin: 0px;
	height: 1px;
}

td.sidebar-table-mediumtext {
	padding: 0px 10px 8px 15px;
}

td.sidebar-table-icon {
	padding: 2px 4px 2px 8px;
	vertical-align: top;
}

td.sidebar-table-pdflink {
	padding: 2px 0px 2px 0px;
}

div.content-center table.content-inline-table {
	margin: 0px 0px 8px 0px;
}

td.sidebar-table-bigpercent {
	padding: 4px 0px 14px 0px;
	text-align: center;
}

/*
**********************************
	Content Area Font bumf - make them pixel perfect and purrdy
**********************************
*/

div.content-center table.content-inline-table td {
	font-size: 80%;
	font-weight: bold;
	padding: 4px 4px 4px 0px;
}

div.content-center h2 {
	font-size: 100%;
	text-decoration: underline;
	
}

div.content-center h3 {
	font-size: 100%;
	text-align: center;
	/* text-decoration: underline; */
}
div.content-center h4 {
	font-size: 100%;
	text-align: center;
	
	/* text-decoration: underline; */
	
}

div.content-floatimage-left td,div.content-floatimage-right td {
	text-align: center;
	vertical-align: middle;
	height: 25px;
}

td.center-table-title,td.sidebar-table-title {
	text-align: center;
	color: white;
	font-size: 80%;
	font-weight: bold;
	padding: 5px 10px 5px 1px;
}

td.center-table-index {
	font-size: 120%;
	padding: 0px 15px 0px 8px;
}

td.sidebar-table-date {
	font-size: 55%;
	font-weight: bold;
}

td.sidebar-table-year {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

td.sidebar-table-percent {
	font-size: 125%;
	font-weight: bold;
	color: #857165;
	text-align: right;
	vertical-align: bottom;
}

td.sidebar-table-mediumtext {
	text-align: left;
	font-size: 75%;
	line-height: 130%;
}

td.sidebar-table-pdflink {
	text-align: left;
	font-size: 75%;
}

div.content-sidebar-inner p {
	font-size: 75%;
	line-height: 130%;
}

div.content-center-inner p {
	line-height: 125%;
	font-size: 75%;
}

/*
**********************************
	Content Area Backgrounds FTW!
**********************************
*/

div.content-floatimage-right p {
	border: 0px;
	background-color: #e8e8e2;
}

div.content-floatimage-left p {
	border: 0px;
	background-color: #e8e8e2;
}

td.center-table-maincell {
	padding: 10px 24px 16px 24px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #9f989f;
}

td.center-table-title,td.sidebar-table-title {
	background: #597fac;
}

td.center-table-title-left {
	background: #597fac url(../images/center-table-title-left.gif) no-repeat scroll top left;
}

td.center-table-title-right {
	background: #597fac url(../images/center-table-title-right.gif) no-repeat scroll top right;
}

tr.center-table-oddrow {
	background-color: #e1e7df;
}

tr.center-table-evenrow {
	background-color: #bdc8df;
}


td.center-table-shadow-right {
	background: white url(../images/center-table-shadow-right.gif) repeat-y scroll top left;
}

td.center-table-shadow-bottom {
	background: white url(../images/center-table-shadow-bottom.gif) repeat-x scroll top left;
}

td.center-table-shadow-bottomleft {
	background: white url(../images/center-table-shadow-bottomleft.gif) no-repeat scroll top right;
}

td.center-table-shadow-topright {
	background: white url(../images/center-table-shadow-topright.gif) no-repeat scroll top left;
}

td.center-table-shadow-bottomright {
	background: white url(../images/center-table-shadow-bottomright.gif) no-repeat scroll top left;
}


td.sidebar-table-maincell {
	background: white;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #9f989f;
	padding: 10px 0px 10px 0px;
}

td.sidebar-table-title-left {
	background: #597fac url(../images/sidebar-table-title-left.gif) no-repeat scroll top left;
}

td.sidebar-table-title-right {
	background: #597fac url(../images/sidebar-table-title-right.gif) no-repeat scroll top right;
}

td.sidebar-table-shadow-right {
	background: #e1e7df url(../images/sidebar-table-shadow-right.gif) repeat-y scroll top left;
}

td.sidebar-table-shadow-bottom {
	background: #e1e7df url(../images/sidebar-table-shadow-bottom.gif) repeat-x scroll top left;
}

td.sidebar-table-shadow-bottomleft {
	background: #e1e7df url(../images/sidebar-table-shadow-bottomleft.gif) no-repeat scroll top right;
}

td.sidebar-table-shadow-topright {
	background: #e1e7df url(../images/sidebar-table-shadow-topright.gif) no-repeat scroll top left;
}

td.sidebar-table-shadow-bottomright {
	background: #e1e7df url(../images/sidebar-table-shadow-bottomright.gif) no-repeat scroll top left;
}

td.sidebar-table-bigpercent {
	border-bottom: 1px solid #9f989f;
	padding-bottom: 12px;
}

td.sidebar-table-bigpercent1 {
	border-bottom: 1px solid #9f989f;
	padding-bottom: 12px;
	font-size: 200%;
}


td.sidebar-table-hr {
	background: white url(../images/table-hr-hackypixel.gif) repeat-x scroll top left;
}

/*
**********************************
	Content Area Other
**********************************
*/

img {
	border: none;
}

div.content-center ul {
	list-style-position: inside;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

div.content-center li {
	margin-top: 10px;
}

td.center-table-maincell ul {
	list-style-position: outside;
	margin-bottom: 0px;
}

td.center-table-maincell li {
	margin-top: 10px;
	margin-left: 11px;
}

td.center-table-maincell li.firstItem {
	margin-top: 0px;	
}

div.profileNotes p {
	font-size: 70%;
}