@charset "UTF-8";
/* CSS Document */

body {background: #5b4739 url(../images/background.jpg); background-attachment: fixed; color:#94877d; font-family:Arial, Helvetica, sans-serif; /*font-size:10px;*/font-size:68.5%; margin:0 auto; line-height:14px; text-align: center;}

#wrapper {width:800px; margin-left:auto; margin-right:auto; text-align: left; }
#spacertop {height:10px; clear:both;}
#topContent {width: 675px; overflow: auto; float: right;}

#menuContainer {width: 115px; overflow: display; float: left; margin-top: 100px; padding-left: 10px; padding-top: 5px; background:#7d6c5e; padding-bottom: 10px}
#masthead {width:675px; height:100px;}
#logo {width: 575px; height: 75px; float: left; padding-top: 25px; padding-left: 25px; background-color:#FFFFFF}
#corner {width: 75px; height: 75px; float: right; background:url(../images/top_right_corner.gif)}

#homeButton {width: 50px; height: 25px; padding-right: 25px; background:#FFFFFF; float: right;}
#homeButton h1{font-size:14px; margin:5px 0 0 0; padding-bottom: 3px; color: #5b4739}

#menuContainer h1{font-size:14px; margin: 5px 0 0 0; color:#ffffff;}
#menuContainer h2{font-size:10px; margin: 3px 0px 0px 0; color:#ffffff; padding-left: 8px}
#menuContainer a {color: #FFFFFF ; text-decoration: none}
#menuContainer a:hover {color:#FF6600; text-decoration:none}

#homeButton a {color: #5b4739 ; text-decoration: none}
#homeButton a:hover {color:#FF6600; text-decoration:none}

#booksListing { visibility:visible;}
#booksListing ul {padding-left: 5px;}

#bodyContent {width: 675px; overflow: auto; clear: both; background-color:#FFFFFF}
#subscribeContent {width: 655px; padding: 10px; clear: both; background-color:#FFFFFF}
#mainContentPatch {width: 625px; margin-left: 25px; margin-right: 25px; background:#ded9d5; margin-bottom:10px}

.topColumn{width: 400px; float:left; }
.leftColumn{width: 195px; float:left;}
.rightColumn{width: 215px; float:right; position:absolute; top:110px; margin-left:430px;}
.rightnonFrontColumn{width: 215px; float:right; margin-top:110px;}
.middleColumn{margin-left: 225px; margin-right: 220px; padding-top: 5px; padding-left: 5px; }
.widemiddleColumn{margin-left: 208px; margin-right: 10px; padding-top: 5px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	padding-top: 10px;
}

.footer {width: 600px; padding-top: 10px; padding-left: 10px; padding-right:10px; padding-bottom: 20px; color:#5b4739}

body a {color: #e46025; text-decoration:underline }
body a:hover{color:#333333; text-decoration:none}

.frontContentPatch {width: 190px;}
.frontContentPatchIE {width: 180px;}
.frontContentImage {width: 100px; padding-bottom: 10px; margin-top: 10px; margin-left: 18px;}
.frontContentHeading {font-size: 14px; font-weight:bold; color: #5b4739; padding-bottom: 10px; padding-top: 10px; padding-left: 5px}
.frontContentText {margin-left: 18px; width: 190px; font-size: 11px; color: #5b4739; padding: 0 0 0 0;}
.frontContentWideText {width: 390px; font-size: 11px; color: #5b4739; padding: 0 0 0 0;}
.frontContentText h1 {font-size: 14px; font-weight:bold; color: #5b4739; padding: 0 0 0 0; margin: 10px 0 5px 0}

.frontContentTextLeft {width: 180px; font-size: 11px; color: #5b4739; padding: 0 0 0 0;}
.frontContentTextLeft h1 {font-size: 14px; font-weight:bold; color: #5b4739; padding: 0 0 0 0; margin: 5px 0 5px 0}
.frontContentPatchLeft {width: 190px; padding-left: 10px;}
.frontContentPatchTop {width: 400px; padding-left: 10px;}

.shortDivider {width: 180px; margin-top: 5px; margin-bottom: 5px}

.frontNewsPatch {width: 205px; background:#FFFFFF; margin-top: 10px; margin-left: 10px;}
.frontNewsPatchContainer {width: 180px; float: right; margin-top: 5px; padding-left: 5px; padding-right: 5px;}
.frontNewsHeading {width: 180px; font-size: 12px; font-weight:bold; color: #5b4739; padding-bottom: 5px;}
.frontNewsText {font-size: 10px; color: #36261a; padding: 0 0 0 0;}

.newsDivider {width: 180px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;}

.leftColumnLarge {width: 400px; float: left;}

.storyTextPatchContainer {width: 390px; padding-top: 10px; padding-right: 10px; padding-left: 10px}
.storyTextPatchImage {width: 100px; padding-bottom: 10px; padding-left: 5px; float: left; overflow: hidden}
.storyTextPatchPrecis {width: 285px; padding-bottom: 10px; float: right; padding-right: 5px; font-size: 16px; font-weight:bold; color:#5b4739; line-height: 18px;}

.storyTextPatchHeader {font-size: 14px; font-weight:bold; color: #5b4739; padding-bottom: 10px;}
.storyTextBodyContentContainer {font-size: 11px; color: #36261a; padding: 0 0 0 0;}

.storyTextBodyCopy {margin-left: 110px; font-size: 12px; color: #5b4739; padding-right: 5px}
.storyTextBodyCopyWide {margin-left: 10px; font-size: 12px; color: #5b4739; padding-right: 5px}
.storyTextBodyCopy h1 {font-size:16px; font-weight: bold; color: #5b4739; margin: 0 0 0 0; line-height:18px}
.storyTextBodyCopyWide h1 {font-size:16px; font-weight: bold; color: #5b4739; margin: 0 0 0 0; line-height:18px}

.storyTextBodyAtl {color: #FF6600;}
.storyTextBodyAtl h1 {color: #FF6600; font-size: 14px;}

.storyBreakoutBox {width: 180px; float: left; background:#eae7e3; margin-bottom: 5px; padding-bottom: 5px; padding-left: 5px; padding-top: 5px; padding-right: 5px;}
.storyBreakoutBox h1 {font-size: 14px; color:#5b4739; margin-bottom: 5px; padding-bottom: 5px;}
.storyBreakoutHeader {width: 180px; background:url(../images/breakoutHeader.jpg) no-repeat; font-size: 12px; height: 20px; background-color:#eae7e3; padding: 5px 5px 5px 5px; color: #5b4739}

.storyTextBodyCopy3col {margin-left: 160px; font-size: 12px; color: #5b4739; padding-right: 5px}
.storyDivider {width: 400px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px;clear:both;}
.nonImageDivider {width: 390px; padding-top: 10px; clear: both;}