﻿/* Global Styles */
* {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

table {
  border-collapse: collapse;
}

.clear {
	clear: both;
}

.emptyElement {
	float: left;
}

.imgWrapperOuter {
	background: url(images/dropShadowBottom.gif) no-repeat left bottom;
	float: left;
}

.imgWrapperInner {
	background: url(images/dropShadowRight.gif) no-repeat top right;
	padding: 0 6px 6px 0;
	float: left;
}
/* Global Styles */


#news {
	position: relative;
	/*background: #CCCCCC url(images/diagonal_tile_small.jpg) repeat;*/
	/*background: black;*/
	background: white;
}

#mainWrapper {
	width: 1000px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	/*margin-top: 25px;*/
	margin-top: 5px;
}

/*************************/
#bannerImageWrapperExtender {
	position: relative;
	float: left;
	/*background: black;*/
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
}

#bannerImageAdAddWrapper {
	position: relative;
	float:left;
	left: 50%;
	margin-left: -300px;
	/*background: black;*/
}

#bannerImageWrapper {
	position: relative;
	float: left;
	/*background: black;*/
}

#bannerImage {
	position: relative;
	float: left;
	margin-left: 2px;
	/*background: black;*/
}

#bannerImage img {
	height: 85px;
}

#bannerPromoBox {
	width: 120px;
	height: 83px;
	float: left;
	border: 1px solid red;
	margin-left: 10px;
	text-align: center;
	font: 16px "Times New Roman";
	margin-top:0px;
	background: black;
}

#bannerPromoBox p {
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

#bannerPromoBox p a {
	text-decoration: none;
	color: #ffffff;
}

#moveArrowsBanner {
	width: 10px;
	height: 80px;
	float: left;
	text-align: center;
	border: 1px solid #999999;
	padding: 2px;
	margin-right: 2px;
	line-height: 15px;
}

#moveArrowsBanner a {
	text-decoration: none;
}


/*************************/
#bannerAdAddWrapper {
	/*width: 788px;*/
	float: left;
	background: black;
	color: white;
	border: 1px solid #999999;
	margin-left: 20px;
}

#bannerAdAdd {
	/*width: 100%;*/
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 8px;
}

#bannerPdfAddWrapper {
	width: 155px;
	float: left;
	background: black;
	color: white;
	border: 1px solid #999999;
	margin-left: 5px;
}

#bannerPdfAdd {
	/*width: 100%;*/
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 8px;
}

/*#bannerTitleSpacer {
	width: 100%;
	float: left;
	height: 3px;
	opacity: 0%;
}
<div id="bannerTitleSpacer">
</div>*/


/*************************/
#notifyMessageWrapper {
	position: relative;
	float: left;
	/*background: black;*/
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#notifyMessage {
	position: relative;
	float:left;
	left: 50%;
	margin-left: -500px;
	color: #a81817;
	font-weight: bold;
	/*background: black;*/
}


/*************************/
#columnsWrapper {
	width: 100%;
	float: left;
	/*background: white;
	/*border-left: 1px solid black;
	border-right: 1px solid black;*/
	vertical-align: top;
}

/*************************/
#titleBuffer {
	width: 998px;
	height: 107px;
	float: left;
	background: white;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#titleWrapper {
	width: 972px;
	height: 87px;
	/*background: #CCCCCC url(images/TaftTitleGraphic.png) no-repeat left top;
	/*background: #CCCCCC url(images/TaftTitleDotComCenter.png) no-repeat left top;
	background: #CCCCCC url(images/TaftTitleBurgundyDotComCenter.png) no-repeat left top;*/
	margin-left: 10px;
	margin-top: 10px;
	background: url(images/Taft_Title_LATimes.jpg) no-repeat left top;
	float: left;
	/*border-bottom: 1px solid black;*/
}

#titleLeftSide {
	width: 600px;
	float: left;
	height: 80px;
}

#titleLeftSide #titleDate {
	width: 145px;
	float: right;
	height: 10px;
	margin-top: 63px;
	text-align: left;
	color: #333333;
	font-size: 14px;
}

#titleRightSide {
	width: 350px;
	float: right;
	height: 80px;
}

#titleRightSide #titleKern {
	width: 100%;
	height: 10px;
	margin-top: 5px;
	text-align: right;
	font-size: 12px;
	color: #333333;
}

/*
#titleIssueTitle {
	width: 90%;
	text-align: right;
	height: 50px;
	padding-top: 10px;
	padding-right: 5px;
	font-size: 16px;
}
<% if @latest_issue %>
	<div id="titleIssueTitle">
		<u>This Week</u><br>
		<%= truncate(@latest_issue.name, 60) %>
	</div>
<% else %>
	<div id="titleIssueTitle">
		<u>This Week</u><br>
		<%= truncate(@issue.name, 60) %>
	</div>
<% end %>
*/

/*#title {
	display: block;
	height: 75px;
	background: url(images/TaftTitleSmall.png) no-repeat left top;
}
<div id="title">
</div>*/


/*************************/
#topNavWrapper {
	width: 100%;
	float: left;
	background-color: transparent;
	/*background: url(images/taftTopNavLightGray.png) no-repeat left top;
	border-bottom: 1px solid #999999;*/
	border-left: 1px solid #999999;
}

#topNavWrapper ul {
	width: 100%;
	float: left;
	text-align: center;
	list-style: none;
}

/*#topNavWrapper ul li {
	float: left;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	background: #f0f4f5;
}*/

.topNavLink {
	float: left;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 7px;
	padding-right: 7px;
	background: #f0f4f5;
}


#classifiedTopNav a {
	/*color: #a81817;*/
	font-size: 13px;
	color: #a81817;
}

#classifiedTopNav a:hover {
	/*background: #333333;
	color: #ffffff;*/
	color: #a81817;
	text-decoration: underline;
}

#calendarTopNav a {
	/*color: #a81817;*/
	font-size: 13px;
	color: #a81817;
}

#calendarTopNav a:hover {
	/*background: #333333;
	color: #ffffff;*/
	color: #a81817;
	text-decoration: underline;
}

#letterToEditorTopNav a {
	/*color: #a81817;*/
	font-size: 13px;
	color: #a81817;
}

#letterToEditorTopNav a:hover {
	/*background: #333333;
	color: #ffffff;*/
	color: #a81817;
	text-decoration: underline;
}

.topNavLinkWrapper a {
	text-align: center;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	/*color: #333333;*/
	white-space: nowrap;
	
	font-size: 13px;
	color: #333333;
}

.topNavLinkWrapper a:hover {
	/*background: #333333;
	color: #ffffff;
	color: #004276;*/
	text-decoration: underline;
}

.topNavCurrentPage {
	float: left;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	padding-left: 7px;
	padding-right: 7px;
	background: white;
}

.topNavCurrentPage a {
	/*background: white;
	color: #004276;
	cursor: default;*/
	text-decoration: underline;
}

#topNavEndFill {
	float: left;
	width: auto;
	height: 26px;
	border-bottom: 1px solid #999999;
}

.topNavArrowWrapper {
	height: 25px;
	width: 12px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	/*background: url(images/taftLeftNav.png) no-repeat left top;*/
	float: left;
}

.topNavArrowWrapper div {
	float: left;
	width: 100%;
	height: 12px;
}

.topNavArrowWrapper span {
	float: left;
	visibility: hidden;
}

.topNavArrowWrapper .leftArrow a {
	display: block;
	width: 100%;
	height: 12px;
	float: left;
	background: url(images/left_arrow.gif) no-repeat left top;
}

.topNavArrowWrapper .leftArrow a:hover {
	background: url(images/left_arrow_hover.gif) no-repeat left top;
	cursor: pointer;
}

.topNavArrowWrapper .rightArrow a {
	display: block;
	width: 100%;
	height: 12px;
	float: left;
	background: url(images/right_arrow.gif) no-repeat right top;
}

.topNavArrowWrapper .rightArrow a:hover {
	background: url(images/right_arrow_hover.gif) no-repeat right top;
	cursor: pointer;
}

.topNavArrowWrapper .deleteImage a {
	display: block;
	width: 100%;
	height: 12px;	
	float: left;
	background: url(images/delete.gif) no-repeat left top;
}

.topNavArrowWrapper .deleteImage a:hover {
	background: url(images/delete_hover.gif) no-repeat left top;
	cursor: pointer;
}

.topNavArrowWrapper .undeleteImage a {
	display: block;
	width: 100%;
	height: 12px;	
	float: left;
	background: url(images/undelete.gif) no-repeat left top;
}

.topNavArrowWrapper .undeleteImage a:hover {
	background: url(images/undelete_hover.gif) no-repeat left top;
	cursor: pointer;
}

.topNavArrowWrapper .editImage a {
	display: block;
	width: 100%;
	height: 12px;	
	float: left;
	background: url(images/edit.gif) no-repeat right top;
}

.topNavArrowWrapper .editImage a:hover {
	background: url(images/edit_hover.gif) no-repeat right top;
	cursor: pointer;
}

.topNavArrowSpacer {
	margin-top: 0;
}

.topNavLinkMoveWrapper {
	float: left;
}

.topNavLinkMoveWrapper a {
	/*display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 1em;
	color: #333333;
	text-decoration: none;
	background: url(images/taftLeftNavLightGray.png) no-repeat right top;
	font-size: 14px;
	float:left;*/
	
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	white-space: nowrap;
	font-size: 13px;
	color: #333333;
}

.topNavLinkMoveWrapper a:hover {
	/*background: #333333;
	color: #ffffff;*/
	text-decoration: underline;
}

.topNavLinkEditWrapper {
	display: none;
	float: left;
	height: 25px;
	line-height: 25px;
	color: #0000FF;
	padding: 0 1em;
	text-decoration: none;
	/*background: url(images/taftLeftNavLightGray.png) no-repeat right top;*/
	white-space: nowrap;
	font-size: 13px;
}

.topNavLinkEditWrapper .inplaceeditor-form {
	display: block;
	float: left;
	padding: 0 1em;
	height: 25px;
}


/*************************/
#columnLeftWrapper {
	width: 180px;
	float: left;
	background: white;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	/*height: 1000px;*/
}

#columnLeftWrapper ul {
	list-style: none;
	vertical-align: top;
	float: left;
	width: 100%;
}

#columnLeftWrapper ul li {
	float: left;
	width: 100%;
	/*background: url(images/taftLeftNavLightGray.png) no-repeat right top;*/
	border-bottom: 1px solid #999999;
}

.leftNavLinkWrapper a {
	float: left;
	width: 100%;
	font-size: 14px;
	/*display: block;*/
	/*height: 25px;*/
	line-height: 27px;
	/*color: #333333;*/
	color: #004276;
	text-decoration: none;
	text-indent: 10px;
	/*background: url(images/taftLeftNavLightGray.png) no-repeat right top;*/
	/*border-bottom: 1px solid #999999;*/
}

.leftNavLinkWrapper a:hover {
	/*background: #333333;
	color: #ffffff;*/
	color: #333333;
	text-decoration: underline;
}

.leftNavCurrentPage a {
	/*background: #333333;
	color: #ffffff;
	cursor: default;*/
	color: #333333;
	text-decoration: underline;
}

.leftNavArrowWrapper {
	height: 25px;
	width: 12px;
	/*background: url(images/taftLeftNavLightGray.png) no-repeat right top;*/
	/*border-bottom: 1px solid #333333;*/
	float: left;
}

.leftNavArrowWrapper div {
	float: left;
	width: 100%;
	height: 12px;
}

.leftNavArrowWrapper span {
	float: left;
	visibility: hidden;
}

.leftNavArrowWrapper .upArrow a {
	display: block;
	width: 100%;
	height: 12px;
	float: left;
	background: url(images/up_arrow.gif) no-repeat left top;
}

.leftNavArrowWrapper .upArrow a:hover {
	background: url(images/up_arrow_hover.gif) no-repeat right top;
	cursor: pointer;
}

.leftNavArrowWrapper .downArrow a {
	display: block;
	width: 100%;
	height: 12px;
	float: left;
	background: url(images/down_arrow.gif) no-repeat right top;
}

.leftNavArrowWrapper .downArrow a:hover {
	background: url(images/down_arrow_hover.gif) no-repeat right top;
	cursor: pointer;
}

.leftNavArrowWrapper .deleteImage a {
	display: block;
	width: 100%;
	height: 12px;
	float: left;
	background: url(images/delete.gif) no-repeat left top;
}

.leftNavArrowWrapper .deleteImage a:hover {
	background: url(images/delete_hover.gif) no-repeat right top;
	cursor: pointer;
}

.leftNavArrowWrapper .undeleteImage a {
	display: block;
	width: 100%;
	height: 12px;
	float: left;
	background: url(images/undelete.gif) no-repeat left top;
}

.leftNavArrowWrapper .undeleteImage a:hover {
	background: url(images/undelete_hover.gif) no-repeat right top;
	cursor: pointer;
}

.leftNavArrowWrapper .editImage a {
	display: block;
	width: 100%;
	height: 12px;
	float: left;
	background: url(images/edit.gif) no-repeat right top;
}

.leftNavArrowWrapper .editImage a:hover {
	background: url(images/edit_hover.gif) no-repeat right top;
	cursor: pointer;
}

.leftNavArrowSpacer {
	margin-top: 1px;
}

.leftNavLinkMoveWrapper {
	float: left;
}

.leftNavLinkMoveWrapper a {
	width: 156px;
	display: block;
	height: 25px;
	line-height: 27px;
	color: #004276;
	text-decoration: none;
	text-indent: 5px;
	/*background: url(images/taftLeftNavLightGray.png) no-repeat right top;*/
	/*border-bottom: 1px solid #999999;*/
	font-size: 14px;
	float:left;
	
	/*float: left;
	width: 100%;
	font-size: 14px;
	line-height: 27px;
	color: #004276;
	text-decoration: none;
	text-indent: 10px;*/
}

.leftNavLinkMoveWrapper a:hover {
	/*background: #333333;
	color: #ffffff;*/
	text-decoration: underline;
}

#columnLeftWrapper ul #thisWeekLeftNav a {
	/*color: #b8860b;*/
	color: #a81817;
}

#columnLeftWrapper ul #thisWeekLeftNav a:hover {
	/*background: #333333;*/
	color: #333333;
}

.leftNavLinkEditWrapper {
	display: none;
	width: 156px;
	float: left;
	height: 25px;
	line-height: 27px;
	text-indent: 5px;
	color: #0000FF;
	text-decoration: none;
	/*background: url(images/taftLeftNavLightGray.png) no-repeat right top;*/
	/*border-bottom: 1px solid #999999;*/
	white-space: nowrap;
	font-size: 14px;
}

.leftNavLinkEditWrapper .inplaceeditor-form {
	display: block;
	width: 156px;
	float: left;
	height: 25px;
}

#columnLeftNavAddWrapper {
	border-bottom: 1px solid #999999;
	/*background: #CCCCCC;*/
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#columnLeftNavAdd {
	font: 16px/16px "Times New Roman", serif;
	text-decoration: underline;
	font-weight: bold;
	margin-bottom: 5px;
}

#columnLeftNavAddOrientation {
	font: 16px/16px "Times New Roman", serif;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 5px;
}


/*************************/
#columnMainContentWrapper {
	/*width: 632px;*/
	width: 640px;
	margin-left: 7px;
	float: left;
	border-right: 1px solid #999999;
}

.coverBlankImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: left;
	margin-top: 10px;
	/*margin-left: 10px;*/
}

.coverBlankImageWrapper img {
	width: 600px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.coverWrapper {
	vertical-align: top;
	width: 632px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
	margin-top: 15px;
	/*margin-left: 10px;*/
	margin-bottom: 5px;
}

.coverSubWrapper {
	vertical-align: top;
	width: 312px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
	margin-top: 15px;
	/*margin-left: 10px;*/
	margin-bottom: 5px;
}

#coverSubLeftWrapper {
	vertical-align: top;
	width: 312px;
	padding-right: 4px;
	border-right: 1px solid #999999;
	float: left;
}

#coverSubRightWrapper {
	vertical-align: top;
	width: 312px;
	padding-left: 4px;
	float: left;
}

.coverSubImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}

.coverSubImageWrapper img {
	width: 175px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.coverImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: right;
	margin-top: 2px;
	margin-left: 10px;
}

.coverImageWrapper img {
	width: 250px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.coverVideoWrapper
{
    float: right;
    margin-left: 15px;
    margin-right: 5px;
}

.coverSubVideoWrapper
{
    float: right;
    margin-left: 10px;
    margin-right: 5px;
}

.coverStoryTextWrapper {
	text-align: left;
	margin-top: -5px;
}

.coverStoryTextWrapper * {
	text-decoration: none;
}

.coverStoryTextWrapper a:hover p {
	text-decoration: underline;
	/*color: #007f92;*/
	/*color: #0076CD;*/
	color: #666666;
}

.coverStorySubTextWrapper {
	text-align: left;
	margin-top: -5px;
}

.coverStorySubTextWrapper * {
	text-decoration: none;
}

.coverStorySubTextWrapper a:hover p {
	text-decoration: underline;
	color: #666666;
}

.coverStorySection {
	text-align: left;
	text-decoration: none;
	font: 16px "Times"; 
	font-weight: bolder;	
	color: #004276;
	line-height: 1.3em;
	/*color: #b8860b;yellow*/
	/*color: #037b63;*/
}

.coverStoryTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
	margin-top: 5px;
	/*color:#007f92;*/
	/*color: #0867b0;*/
	/*color: #047084;*/
	/*color: #045796;*/
	/*color: #bc282e;*/
	/*color: #cd5c5c;dull-pink*/
	/*color: #7294b0;*/
	/*color: #333333;*/
}

.coverStorySubTitle {
	font: 12px "Times", sans-serif;
	color: #333333;
	/*color: #b8860b;*/
	/*color: #7294b0;blue-gray*/
}

.coverStoryAuthor {
	font: 12px "Times", sans-serif;
	color: #808080;
	margin-top: 6px;
}

.coverStoryBlurb {
	font-size: 14px;
	font-family: "Times New Roman", sans-serif;
	margin-top: 10px;
}

.coverStoryBlurb a {
	font-size: 14px;
	color: #a81817;
	font-family: "Times New Roman", sans-serif;
	text-decoration: none;
}

.coverStoryBlurb a:hover {
	color: #666666;
	text-decoration: underline;
}

.coverStoryMoveArrows {
	font-size: 14px;
	font-family: "Times New Roman", sans-serif;
	color: #808080;
	margin-top: 5px;
	margin-bottom: 5px;
}

.coverStoryMoveArrows a {
	font-size: 16px;
	text-decoration: none;
}

.coverStoryMoveArrows a:hover {
	text-decoration: underline;
}


/*************************/
.sectionArticlesSection {
	text-align: left;
	text-decoration: none;
	width: 632px;
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}

.sectionArticlesHeader {
	font: 18px "Times", sans-serif;
	color: #333333;
	background: #f0f4f5;
	width: 632px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
	text-align: center;
	padding-top: 5px;
}

.currentSectionArticlesWrapper {
	width: 632px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
	margin-top: 5px;
}

.currentSectionArticlesImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: right;
	margin-top: 5px;
	margin-left: 10px;
}

.currentSectionArticlesImageWrapper img {
	width: 200px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.currentSectionArticlesTextWrapper {
	text-align: left;
}

.currentSectionArticlesTextWrapper * {
	text-decoration: none;
}

.currentSectionArticlesTextWrapper a:hover div {
	text-decoration: underline;
	color: #666666;
}

.currentSectionArticlesTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
}

.currentSectionArticlesSubTitle {
	font: 12px "Times", sans-serif;
	color: #333333;
}

.currentSectionArticlesAuthor {
	font: 12px "Times", sans-serif;
	color: #808080;
	margin-top: 4px;
}

.currentSectionArticlesDate {
	font: 12px "Times", sans-serif;
	color: #808080;
}

.currentSectionArticlesBlurb {
	font-size: 14px;
	font-family: "Times New Roman", sans-serif;
	margin-top: 4px;
}

/*************************/
.oldSectionArticlesWrapper {
	width: 632px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
	margin-top: 5px;
}

.oldSectionArticlesTextWrapper {
	text-align: left;
}

.oldSectionArticlesTextWrapper * {
	text-decoration: none;
}

.oldSectionArticlesTextWrapper a:hover div {
	text-decoration: underline;
	color: #666666;
}

.oldSectionArticlesTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
}

.oldSectionArticlesSubTitle {
	font: 12px "Times", sans-serif;
	color: #333333;
}

.oldSectionArticlesAuthor {
	font: 12px "Times", sans-serif;
	color: #808080;
	margin-top: 4px;
}

.oldSectionArticlesDate {
	font: 12px "Times", sans-serif;
	color: #808080;
}


/*************************/
#article_frame {
	vertical-align: top;
	background: #ffffff;
	width: 632px;
}

#viewArticle {
	vertical-align: top;
	width: 632px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
	margin-top: 15px;
	/*margin-left: 10px;*/
	margin-bottom: 5px;
}

.viewArticleImgCaptionWrapper {
	width: 325px;
	float: left;
}

.viewArticleImgWrapper img {
	width: 300px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.viewArticleImgWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
}

.viewArticlePictureCaption {
	float: left;
	width: 300px;
	font: 12px "Times New Roman";
	color: #666666;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 17px;
	text-align: left;
}

.viewArticleTextWrapper {
	text-align: left;
	margin-top: -5px;
}

.viewArticleSection {
	text-align: left;
	float: left;
	width: 100%;
}

.viewArticleSection a {
	text-decoration: none;
	font: 16px "Times New Roman";
	font-weight: bolder;
	color: #004276;
}

.viewArticleBorderImage {
	width: 632px;
	border-bottom: 1px solid #999999;
	float: left;
}

.viewArticleTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
	margin-top: 5px;
	float: left;
	width: 100%;
}

.viewArticleSubTitle {
	font: 14px "Times", sans-serif;
	color: #333333;
	margin-bottom: 4px;
	float: left;
	width: 100%;
}

/*.viewArticleAuthor {
	font: 12px "Times", sans-serif;
	color: #808080;
	margin-top: 4px;
	margin-bottom: 30px;
	width: 100%;
}
.viewArticleDate {
	font: 12px "Times", sans-serif;
	color: #808080;
	margin-bottom: 5px;
}*/

.viewArticleAuthorDate {
	font: 12px "Times", sans-serif;
	color: #808080;
	margin-bottom: 5px;
	width: 100%;
	float: left;
}

#viewArticleFullText {
	font-size: 16px;
	font-family: "Times New Roman", sans-serif;
}

#viewArticleFullText a {
	text-decoration: none;
	font: 14px "Times New Roman";
	color: #0000FF;
}

.viewArticlePictureOnly {
	float: left;
	vertical-align: top;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
}

.viewArticlePictureOnly img {
	float: left;
	width: 632px;
}

.viewArticleVideoCaptionWrapper {
	width: 420px;
	float: left;
	margin-left: 5px;
}

.viewArticleVideoWrapper {
	float: left;
}

.viewArticleVideoCaption {
	float: left;
	width: 400px;
	font: 12px "Times New Roman";
	color: #666666;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 12px;
	text-align: left;
}

.otherArticleLinksBottom {
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 5px;
	line-height: 5px;
}

.otherArticleLinksBottom h3 {
	font-weight: bold;
	font: 14px "Times New Roman";
	color: #666666;
}

.otherArticleLinksBottom a {
	text-decoration: none;
	font: 13px "Times New Roman";
	color: #a81817;
}

.otherArticleLinksBottom a:hover {
	text-decoration: underline;
	color: #666666;
}

#createEditArticle {
	vertical-align: top;
	width: 632px;
	/*margin-left: 10px;*/
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
}

#createEditArticleSection {
	text-align: center;
	margin-bottom: 10px;
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
}

#createEditArticle h2 {
	font: 18px/18px "Times New Roman", serif;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 4px;
}

#createEditArticle input[type="submit"] {
	font: 16px/16px "Times New Roman", serif;
	width: 632px;
	height: 30px;
}

/*************************/
#columnSecondaryContentWrapper {
	width: 225px;
	float: left;
	/*margin-top: 10px;*/
	margin-left: 10px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#columnSecondaryContentTopBuffer {
	width: 100%;
	height: 10px;
	float: left;
}

.secondaryContentHeader {
	text-align: center;
}

.secondaryContentHeader a {
	text-decoration: none;
	font: 22px "Times New Roman";
	color: #660000;
}

/*************************/
#columnRightWrapper {
	float: right;
	width: 155px;
	border-right: 1px solid #999999;
	padding-right: 5px;
}

#columnRightTopBuffer {
	height: 10px;
	width: 100px;
	float: right;
}

.rightImage {
	padding-bottom: 2px;
	padding-right: 3px;
	float: right;
}

.rightImage img {
	border: 1px solid black;
	width: 150px;
}

#columnRightWrapper .moveArrows {
	width: 10px;
	float: left;
	text-align: right;
	text-decoration: none;
}

#columnRightWrapper .moveArrows a {
	text-decoration: none;
	color: #333333;
}

#columnRightAdAddWrapper {
	text-decoration: underline;
	font-weight: bold;
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	padding-top: 10px;
	border-top: 1px solid black;
}

/*************************/
#buffer {
	height: 0px;
	width: 100%;
	float: left;
}

#footer {
	width: 100%;
	/*background: url(images/taftTopNavLightGray.png) no-repeat left top;*/
	float: left;
	height: 33px;
	border-top: 1px solid #999999;
	white-space: nowrap;
	text-align: center;
	line-height: 33px;
	color: #333333;
}

#footer a {
	margin-left: 30px;
	text-decoration: none;
	font: 13px/13px "Times New Roman", serif;
	color: #004276;
}

/*************************/
#issueArchive {
	color: #333333;
	vertical-align: top;
	width: 632px;
	/*margin-left: 10px;*/
	margin-top: 10px;
	float: left;
}

#issueArchiveTitle {
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
	text-align: center;
	margin-bottom: 25px;
}

#issueArchiveTitle a {
	font: 14px "Times New Roman";
	color: #004276; /*color: #b8860b;*/
	text-align: center;
	text-decoration: underline;
	margin-bottom: 25px;
}

#issueArchiveTitle a:hover {
	color: #666666;
}

.issueArchiveListItem {
	width: 100%;
	float: left;
	/*margin-left: 10px;*/
	margin-bottom: 15px;
	margin-top: 10px;
}

.issueArchiveImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: left;
}

.issueArchiveImageWrapper img {
	width: 100px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.issueArchiveInfo {
	width: 290px;
	text-align: left;
	margin-left: 10px;
	vertical-align: top;
	font: 16px "Times New Roman";
	color: #666666;
	float: left;
}

.issueArchiveInfo a {
	font: 18px "Times", sans-serif;
	color: #a81817;
	text-decoration: none;
}

.issueArchiveInfo a:hover {
	text-decoration: underline;
	color: #666666;
}

.issueArchiveEditInfo {
	width: 290px;
	float: left;
	margin-top: 5px;
	text-align: left;
	vertical-align: top;
}

.issueArchiveEditInfo a {
	font: 14px "Times New Roman";
	color: #a81817;
	text-decoration: underline;
}

.issueArchiveListItemBorder {
	float: left;
	width: 632px;
	height: 1px;
	margin-bottom: 10px;
	border-top: 1px solid #999999;
}

#issueArchiveNewIssueButton {
	margin-bottom: 10px;
}

#issueArchivePaging {
	margin-bottom: 5px;
	text-align: center;
	color: black;
}

#issueArchivePaging a {
	text-decoration: none;
	color: #a81817;
}

#issueArchivePaging a:hover {
	text-decoration: underline;
	color: #666666;
}

/*************************/
#issueCreateEdit 
{
    vertical-align: top;
	color: #000000;
	width: 632px;
	margin-top: 10px;
	/*margin-left: 10px;*/
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
}

#issueCreateEditTitle {
	font: 20px "Times New Roman";
	color: #a81817;
	text-align: center;
	margin-bottom: 25px;
}

#issueCreateEdit h2 {
	font: 18px/18px "Times New Roman", serif;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 4px;
}

.issueCreateEditFieldHeader {
	color: black;
	width: 100px;
	float: left;
	text-align: left;
}

.issueCreateEditField {
	width: 300px;
	float: left;
	color: black;
}

#issueCreateEditUpdateButton {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#issueCreateEditCancelButton {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

/*************************/
.intelligentDocsHeader {
	float: left;
	text-align: left;
	margin-left: 10px;
	text-decoration: none;
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
}

.intelligentDocsImageWrapper {
	margin-top: 2px;
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: left;
	margin-left: 33px;
	/*position: relative;
	Z-Index: 500;*/
}

.intelligentDocsImageWrapper #intelligentDocsCover {
	width: 150px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
	/*position: relative;
	Z-Index: 501;*/
	
}

#intelligentDocsLookInside {
	float: left;
	width: 150px;
	background-color: transparent;
	margin-top: 0px;
	margin-left: 70px;
	/*position: relative;
	Z-Index: 502;*/
}

#intelligentDocsCoverWrapper
{
    width: 275px;
    float: right; 
}

#intelligentDocsCoverBlurb
{
    width: 240px;
    float: left;
    text-align: center;
    margin-left: 25px;
    margin-bottom: 10px;
    color: #004276;
    font-style: italic;
    font-weight: bold;
    font-size: 10pt;
}


/*************************/
.otherArticlesHeader {
	float: left;
	text-align: left;
	margin-left: 10px;
	text-decoration: none;
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
}

.otherArticlesListItemBorder {
	float: left;
	width: 200px;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

.otherArticleLinksCover {
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 0px;
	width: 200px;
}

.otherArticleLinksCoverLineItem {
	float: left;
	margin-bottom: 10px;
}

.otherArticleLinksCover a {
	text-decoration: none;
	font: 14px "Times New Roman";
	color: #a81817;
}

.otherArticleLinksCover a:hover {
	text-decoration: underline;
	color: #666666;
}

/*************************/
#videoArchive {
	color: #333333;
	vertical-align: top;
	width: 632px;
	/*margin-left: 10px;*/
	margin-top: 10px;
	float: left;
}

#videoArchiveTitle {
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
	text-align: center;
	margin-bottom: 25px;
}

#videoArchiveTitle a {
	font: 14px "Times New Roman";
	color: #004276; /*color: #b8860b;*/
	text-align: center;
	text-decoration: underline;
	margin-bottom: 25px;
}

#videoArchiveTitle a:hover {
	color: #666666;
}

.videoArchiveListItem {
	width: 400px;
	float: left;
	margin-left: 120px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.videoArchiveImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: left;
}

.videoArchiveImageWrapper object {
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.videoArchiveInfo {
	width: 400px;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: top;
	float: left;
}

.videoArchiveInfoTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
}

.videoArchiveInfoDescription {
	font-size: 16px;
	font-family: "Times New Roman", sans-serif;
	margin-top: 5px;
	color: #333333;
}

.videoArchiveInfoDate {
	font: 12px "Times", sans-serif;
	color: #808080;
}

.videoArchiveEditInfo {
	width: 400px;
	float: left;
	white-space: nowrap;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

.videoArchiveEditInfo a {
	font: 14px "Times New Roman";
	color: #a81817;
	text-decoration: underline;
}

.videoArchiveListItemBorder {
	float: left;
	width: 632px;
	height: 1px;
	margin-bottom: 10px;
	border-top: 1px solid #999999;
}

#videoArchiveNewIssueButton {
	margin-bottom: 10px;
}

#videoArchivePaging {
	margin-bottom: 5px;
	text-align: center;
	color: black;
}

#videoArchivePaging a {
	text-decoration: none;
	color: #a81817;
}

#videoArchivePaging a:hover {
	text-decoration: underline;
	color: #666666;
}

/*************************/
.videoCoverHeader {
	float: left;
	text-align: left;
	margin-left: 10px;
	text-decoration: none;
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
}

.videoCoverListItem {
	float: left;
	/*margin-left: 10px;*/
	padding-left: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.videoCoverImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: left;
}

.videoCoverImageWrapper object {
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.videoCoverInfo {
	width: 200px;
	text-align: left;
	vertical-align: top;
	float: left;
}

.videoCoverInfo * {
	text-decoration: none;
}

.videoCoverInfo a:hover div {
	text-decoration: underline;
	color: #666666;
}

.videoCoverInfoTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
	text-decoration: none;
}

.videoCoverInfoDescription {
	font-size: 14px;
	font-family: "Times New Roman", sans-serif;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #333333;
}

.videoCoverInfoDate {
	font: 12px "Times", sans-serif;
	color: #808080;
}

.videoCoverEditInfo {
	width: 200px;
	margin-top: 5px;
	float: left;
}

.videoCoverEditInfo a {
	font: 14px "Times New Roman";
	color: #a81817;
	text-decoration: underline;
}

.videoCoverListItemBorder {
	float: left;
	width: 200px;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 10px;
}

.videoCoverViewFull {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 2px;
}

.videoCoverViewFull a {
	font: 12px "Times New Roman";
	color: #004276; /*color: #b8860b;*/
	text-decoration: underline;
}

.videoCoverViewFull a:hover {
	color: #666666;
}

.moreVideos {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.moreVideos a {
	font: 14px "Times New Roman";
	color: #a81817;
	text-decoration: none;
}

.moreVideos a:hover {
	text-decoration: underline;
	color: #666666;
}

/**************************/
#videoCreateEdit {
	vertical-align: top;
	color: #000000;
	width: 632px;
	margin-top: 10px;
	/*margin-left: 10px;*/
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
}

#videoCreateEditTitle {
	font: 20px "Times New Roman";
	color: #a81817;
	text-align: center;
	margin-bottom: 25px;
}

#videoCreateEdit h2 {
	font: 18px/18px "Times New Roman", serif;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 4px;
}

.videoCreateEditFieldHeader {
	color: black;
	width: 100px;
	float: left;
	text-align: left;
}

.videoCreateEditField {
	width: 300px;
	float: left;
	color: black;
}

#videoCreateEditUpdateButton {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#videoCreateEditCancelButton {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

/*************************/
#podcastArchive {
	color: #333333;
	vertical-align: top;
	width: 632px;
	/*margin-left: 10px;*/
	margin-top: 10px;
	float: left;
}

#podcastArchiveTitle {
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
	text-align: center;
	margin-bottom: 25px;
}

#podcastArchiveTitle a {
	font: 14px "Times New Roman";
	color: #004276; /*color: #b8860b;*/
	text-align: center;
	text-decoration: underline;
	margin-bottom: 25px;
}

#podcastArchiveTitle a:hover {
	color: #666666;
}

.podcastArchiveListItem {
	width: 100%;
	float: left;
	/*margin-left: 10px;*/
	margin-bottom: 15px;
	margin-top: 10px;
}

.podcastArchiveInfo {
	width: 380px;
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
	float: left;
}

.podcastArchiveInfoTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
}

.podcastArchiveInfoDescription {
	font-size: 16px;
	font-family: "Times New Roman", sans-serif;
	margin-top: 5px;
	color: #333333;
}

.podcastArchiveInfoAuthor {
	font: 12px "Times", sans-serif;
	color: #808080;
	width: 100%;
}

.podcastArchiveInfoDate {
	font: 12px "Times", sans-serif;
	color: #808080;
}

.podcastArchiveEditInfo {
	width: 380px;
	float: left;
	white-space: nowrap;
	margin-top: 5px;
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
}

.podcastArchiveEditInfo a {
	font: 14px "Times New Roman";
	color: #a81817;
	text-decoration: underline;
}

.podcastArchiveAudioContent {
	width: 380px;
	margin-top: 5px;
	margin-bottom: 2px;
	float: left;
}

.podcastArchiveImageWrapper img {
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
	width: 200px;
}

.podcastArchiveImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat right bottom;
	float: left;
	margin-left: 10px;
}

.podcastArchiveListItemBorder {
	float: left;
	width: 632px;
	height: 1px;
	margin-bottom: 10px;
	border-top: 1px solid #999999;
}

#podcastArchiveNewIssueButton {
	margin-bottom: 10px;
}

#podcastArchivePaging {
	margin-bottom: 5px;
	text-align: center;
	color: black;
}

#podcastArchivePaging a {
	text-decoration: none;
	color: #a81817;
}

#podcastArchivePaging a:hover {
	text-decoration: underline;
	color: #666666;
}

/***********************/
.podcastCoverHeader {
	float: left;
	text-align: left;
	margin-left: 10px;
	text-decoration: none;
	font: 16px "Times New Roman"; 
	font-weight: bolder;
	color: #004276;
}

.podcastCoverListItem {
	float: left;
	/*margin-left: 10px;*/
	padding-left: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.podcastCoverInfo {
	width: 200px;
	text-align: left;
	vertical-align: top;
	float: left;
}

.podcastCoverInfo * {
	text-decoration: none;
}

.podcastCoverInfo a:hover div {
	text-decoration: underline;
	color: #666666;
}

.podcastCoverInfoTitle {
	font: 18px "Times", sans-serif;
	color: #a81817;
	text-decoration: none;
}

.podcastCoverInfoDescription {
	font-size: 14px;
	font-family: "Times New Roman", sans-serif;
	margin-top: 5px;
	color: #333333;
}

.podcastCoverInfoAuthor {
	font: 12px "Times", sans-serif;
	color: #808080;
	width: 100%;
}

.podcastCoverInfoDate {
	font: 12px "Times", sans-serif;
	color: #808080;
}

.podcastCoverEditInfo {
	width: 200px;
	margin-top: 5px;
	float: left;
}

.podcastCoverEditInfo a {
	font: 14px "Times New Roman";
	color: #a81817;
	text-decoration: underline;
}

.podcastCoverAudioContent {
	margin-top: 5px;
	margin-bottom: 2px;
	float: left;
}

.podcastCoverImageWrapper img {
	width: 200px;
	background-color: #ffffff;
	display: block;
	border: 1px solid black;
}

.podcastCoverImageWrapper {
	background: url(images/dropShadowFull.gif) no-repeat bottom right;
	float: left;
}

.podcastCoverListItemBorder {
	float: left;
	width: 200px;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 10px;
}

.morePodcasts {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.morePodcasts a {
	font: 14px "Times New Roman";
	color: #a81817;
	text-decoration: none;
}

.morePodcasts a:hover {
	text-decoration: underline;
	color: #666666;
}

/*********************************/
#podcastCreateEdit {
	vertical-align: top;
	color: #000000;
	width: 632px;
	margin-top: 10px;
	/*margin-left: 10px;*/
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	float: left;
}

#podcastCreateEditTitle {
	font: 20px "Times New Roman";
	color: #a81817;
	text-align: center;
	margin-bottom: 25px;
}

#podcastCreateEdit h2 {
	font: 18px/18px "Times New Roman", serif;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 4px;
}

.podcastCreateEditFieldHeader {
	color: black;
	width: 100px;
	float: left;
	text-align: left;
}

.podcastCreateEditField {
	width: 300px;
	float: left;
	color: black;
}

#podcastCreateEditUpdateButton {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#podcastCreateEditCancelButton {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

/*************************/
#signin {
	float: left;
	vertical-align: top;
	width: 632px;
	border-bottom: 1px solid #999999;
}

#signinTitle {
	font: 20px "Times New Roman";
	color: #a81817;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 25px;
}

.signinFieldHeader {
	color: black;
	width: 100px;
	float: left;
	text-align: left;
}

.signinField {
	width: 300px;
	float: left;
}

.articleVideoDropDownList 
{
    width: 620px;   
}




