@charset "UTF-8";

/* CSS Document */

/* ------------------------- MAIN SITE STYLES AND LAYOUT ------------------------- */

/* Layout is structured using the following hierarchy:
	MAIN Elements: Outer structure of site/elements that pervade all pages.
	PAGE Elements: Elements that change w a category but are consistent over that category.
	CONTENT Elements: The actual content specific to one URL.
 */

/* ------------------------- SITE COLORS ------------------------- */
.textblack { color: #000 !important; }
.textdarkred { color: #681313 !important;}
.textgold { color: #9C8452 !important; }
.textgoldlight { color: #BFB399 !important; }
.bordergold { color: #d9b639 !important; }
.sloganred { color: #AD2020 !important; }
.tocred { color: #eb0323 !important; }
.tocpink { color: #f9b3bd !important; }
.linkblue { color: #0982DF !important; }
.fadedblue { color: #C4D9E9 !important; }
.textlightblue { color: #b3d7f2 !important; }
.verylightbgblue { color: #FAFAFC !important; }
.fadedgreen { color: #C9E3B7 !important;}
.fadedred { color: #DF5858 !important;}

/* ------------------------- CUSTOM FONTS ------------------------- */


/* Emigre Base 12 */

/*
 * Emigre web font kit 506c8d9b51c9d
 * 
 * These fonts are not shareware. 
 * Use of these fonts requires the purchase 
 * of a license from Emigre, www.emigre.com  
 * Please contact sales@emigre.com
 *
 * To purchase a license to use this font go to:
 * http://www.emigre.com/fontpage.php?PBaSeB.html
 *
 * © 2012 Emigre, Inc
 */

@font-face {
    font-family: 'BaseTwelveSerifB';
    src: url('../fonts/basetweserb-071211005EmigreWebOnly.eot');
    src: url('../fonts/basetweserb-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basetweserb-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BaseTwelveSerifBI';
    src: url('../fonts/basetweserbi-071211005EmigreWebOnly.eot');
    src: url('../fonts/basetweserbi-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basetweserbi-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BaseTwelveSerifSCB';
    src: url('../fonts/basetweserscb-071211005EmigreWebOnly.eot');
    src: url('../fonts/basetweserscb-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basetweserscb-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BaseTwelveSerifSCBI';
    src: url('../fonts/basetweserscbi-071211005EmigreWebOnly.eot');
    src: url('../fonts/basetweserscbi-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basetweserscbi-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Others */

@font-face {
    font-family: 'OldTypewriterBold';
    src: url('../fonts/oldtypewriterbold-webfont.eot');
    src: url('../fonts/oldtypewriterbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oldtypewriterbold-webfont.woff') format('woff'),
         url('../fonts/oldtypewriterbold-webfont.ttf') format('truetype'),
         url('../fonts/oldtypewriterbold-webfont.svg#old_typewriterbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'dadhand';
	src: url('../fonts/dadha___-webfont.eot');
	src: local('Dadhand'), local('Dadhand'), url('../fonts/dadha___-webfont.woff') format('woff'), url('../fonts/dadha___-webfont.ttf') format('truetype'), url('../fonts/dadha___-webfont.svg#webfonts8laV4h2') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ------------------------- BASIC ELEMENT STYLES ------------------------- */

html, body { 
	margin: 0px;
	padding: 0px;
	background-color: #000;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat;
	font-family: "Tahoma","Lucida Grande",sans-serif;
	/* font-weight: 200; */
	color: #393939;
	font-size: 12px;
	line-height: 1.8em;
	
}
a {
	outline: none;
	text-decoration: none;
	/* color: #681313; seems to dark..? */
	color: #883737;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
	display: block;
}
td {
	padding-right: 8px;	
}

h1,h2,h3 {
	font-family: "BaseTwelveSerifB","Impact";
	font-weight: normal;
	color: #111;
}
em {
	font-style: italic;
}
p {
	line-height: 1.8em;
}
p strong, li strong {
	font-family: "BaseTwelveSerifB", "Impact";
	font-size: 15px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #111;
}
p strong em, li strong em {
	font-family: "BaseTwelveSerifBI", "Impact";
	font-style: normal;
	font-size: 15px;
	color: #111;
}

ul {
	/* padding-left: 15px; */
}
li {
	/*
list-style-type: disc;
	padding: 4px 0px 4px 0px;
*/
}

input {
    outline: none;
}
fieldset {
	border: transparent dashed 1px;
}
fieldset legend {
	font-family: "BaseTwelveSerifSCBI",sans-serif;
	font-size: 32px !important;
	color: #CACACA;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.0em;
}
blockquote {
	background-color: #fdfbf9;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 12px 25px 12px 25px;
	margin: 25px auto 25px auto;
	width: 80%;
	border: #d4cfc0 dotted 2px !important;
	font-family: 'Courier New','Lucida Grande';
	text-transform: uppercase;
	font-size: 13px;
}

/* ------------------------- MAIN LAYOUT AND STYLES ------------------------- */

#mainmessages {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 8px 0px;
	width: auto;
	background-color: #83a080;
	color: #c5e7c0;
	text-align: center;
	-moz-box-shadow: inset 1px -1px 12px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 0-1px 12px rgba(0,0,0,0.5);
	box-shadow: inset 1px -1px 12px rgba(0,0,0,0.5);
	border-bottom: #000 solid 1px;
}
#mainmessages li {
	list-style-type: none;
	font-weight: bold;
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	max-width: 1000px;
	margin: 0px auto 0px auto;
}
#mainmessages.error {
	background-color: #b09090;
}
#mainmessages.error li {
	color: #e7c0c0;
}
#mainmessages li a {
	color: #FFF;
}


#mainwrapper {
	margin: 132px auto 0px auto;
	position: relative;
	z-index: 1;
	width: 1102px;
	min-height: 1500px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #d9b639 solid 3px;
	-moz-box-shadow: 1px 1px 50px rgba(0,0,0,0.9);
	-webkit-box-shadow: 1px 1px 50px rgba(0,0,0,0.9);
	box-shadow: 1px 1px 50px rgba(0,0,0,0.9);
}
#main {
	width: 1100px;
	min-height: inherit;
	margin: 0px auto 0px auto;
	border: #000 solid 1px;
	background-color: #BBB;
	background-position: top right;
	position: relative;
	z-index: 0;
	overflow: hidden;
	/* -webkit-background-size: 100% 100%; */
}

#mainheaderspace {
	width: inherit;
	position: absolute;
	top: -116px;
}

#maintocblock {
	position: absolute;
	/* top: -118px; */
	top: -95px;
	left: 800px;
	z-index: 1;
	width: 300px;
}

#mainsidebar {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	overflow: hidden;
	width: 262px;
	height: 100000px;
	min-height: inherit;
	background-color: #000;
	-moz-box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
}
#maintopbar {
	position: absolute;
	top: 150px;
	left: -8px;
	z-index: 2;
	width: 1118px;
	height: 34px;
}
#mainpage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: inherit;
}
#mainbackground {
	padding: 20px 20px 20px 20px;
	height: inherit;
	width: inherit;
	position: absolute;
	top: 140px;
	left: 0px;
	z-index: 0;
	opacity: 0;
	display: none;
}
#mainfooterwrapper {
	position: relative;
	padding: 0px;
	margin: -10px 0px 20px 0px;
	z-index: 0;
}
#mainfooter {
	background-image: url('../images/spaceropacity50_grey.png');
	background-repeat: repeat;
	opacity: 0.9;
	min-height: 300px;
	border: #606060 solid 1px;
	width: 1040px;
	margin: 0px auto 50px auto;
	padding: 20px 0px 20px 0px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Main Buttons */

#mainleftbutton, #mainrightbutton {
	position: absolute;
	z-index: 5;
	top: 300px;
	cursor: pointer;
	display: none;
	opacity: 0;
}
#mainleftbutton {
	left: -35px;
}
#mainrightbutton {
	left: 1070px;
}

/* ------------------------- MAIN HEADERSPACE DETAILS ------------------------- */

#mainheaderspace #adleaderboard {
	width: 728px; /* 830px */
	height: 90px;
	margin: 0px 0px 0px 30px;
	background-color: #222;	
	-moz-box-shadow: 1px 1px 20px rgba(0,0,0,0.6);
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.6);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.6);
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #393939 solid 1px;
	overflow: hidden;
}
#mainheaderspace #adleaderboard .adtext {

}

#mainheaderspace #adleaderboard .adimage {
	width: 728px;
	height: 90px;
	position: static;
	margin-top: 0px;
}
#mainheaderspace .nav {
	margin: -3px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	float: right;
	width: 300px;
	height: 50px;

	color: #888;
	text-align: right;
	/* text-transform: lowercase; */
	font-size: 12px;
	line-height: 1.3em;
}
#mainheaderspace .nav a {
	color: #DDD;
}
#mainheaderspace .nav a:hover {
	color: #FFF;
}

/* ------------------------- MAIN TOC DETAILS ------------------------- */

#maintocblock {
	background-color: transparent;
	border: #d9b639 solid 3px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow: -1px 1px 4px rgba(0,0,0,0.9);
	-webkit-box-shadow: -1px 1px 4px rgba(0,0,0,0.9);
	box-shadow: -1px 1px 4px rgba(0,0,0,0.9);
	overflow: hidden;
	opacity: 1.0;
}

#maintocblock .header {
	background-color: #000;
	margin: 0px 0px 0px 0px;
	-moz-border-top-left-radius: 30px;
	border-top-left-radius: 30px;
	border: none;
	border-bottom: #d9b639 solid 3px;
}
#maintocblock .header {
	padding: 8px 0px 10px 0px;
}
#maintocblock .header a {
	color: #FFF;
}
#maintocblock .header h2 a, #maintocblock .header h2 {
	font-size: 30px;
}
#maintocblock .items {
	height: 205px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: #000 solid 1px;
	overflow: hidden;
	background-color: transparent;
	background-image: url('../images/toc_bg.png');
	background-repeat: repeat;
	-moz-border-bottom-left-radius: 30px;
	border-bottom-left-radius: 30px;
	-moz-border-bottom-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
#maintocblock .items ul {
	padding: 8px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
#maintocblock .items li {
	padding: 0px;
	font-size: 11px;
	font-family: "Courier New";
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 6px 0px;
	line-height: normal;
}
#maintocblock .items .colleft, #maintocblock .items .colright {
	width: 50%;
	margin: 0px 0px 0px 0px;
}
#maintocblock .items .colleft ul {
	padding-left: 25px;
}
#maintocblock .items .colright ul {
	padding-right: 15px;
	padding-left: 20px;
}

/* ------------------------- NAV DETAILS ------------------------- */

.navitem,.navitemselected {
	display: block;
}

/* ------------------------- TOP BAR DETAILS ------------------------- */

#maintopbar #maintopbarbody {
	width: inherit;
	height: inherit;
	position: absolute;
	z-index: 2;
	border: #000 solid 1px;
	background: -webkit-gradient(linear, left top, right top, from(#ddae4d), to(#ebc77d));
	background: -moz-linear-gradient(left,  #ddae4d,  #ebc77d);
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.8);
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#maintopbar #maintopbarroundedend {
	background-image: url('../images/topbar_rounded_end.png');
	background-repeat: no-repeat;
	width: 28px;
	height: 53px;
	position: absolute;
	top: -8px;
	left: -20px;
	z-index: 3;
	display: none;
}

#maintopbar .nav {
	font-size: 15px;
	position: absolute;
	top: 7px;
	left: 280px;
	margin: 0px 0px 0px 0px;
}
#maintopbar .navitem, #maintopbar .navitemselected {
	float: left;
	min-width: 136px;
	color: #000;
	text-align: center;
}
#maintopbar .navitemselected {
	font-weight: bold;
}

/* PAGE NAV */

#maintopbar .pagenav {
	height: 21px;
	position: relative;
	top: 35px;
	margin: 0px 9px 0px 285px;
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 1;
	font-size: 10px;
	font-style: italic;
	line-height: 1.3em;
	color: #DDD;
	text-transform: uppercase;
	background-color: #1F1F1F;
	border-bottom: #555 solid 1px;
	border-left: #555 solid 1px;
}
#maintopbar .pagenav.transparent {
	opacity: 0.9;
}


/* SITE SEARCH */

#maintopbar .search {
	position: absolute;
	z-index: 5;
	width: 220px;
	padding: 5px 5px 2px 20px;
}
#maintopbar #sitesearch .fieldwrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#maintopbar #sitesearch .fieldwrapper .textinput {
	margin: 0px 0px 0px 0px !important;
	background-color: #f7eedb;
	border: #483308 solid 1px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: none;
	padding: 1px 10px 2px 15px;
	width: 100%;
	height: 22px;
	min-height: 22px;
}
#maintopbar #sitesearch .fieldwrapper .textinput input {
	color: #988358;
	font-size: 11px;
	font-style: italic;
	font-family: "Courier New";
	width: 220px;
	border: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
/* 	height: 16px; */
	background: transparent;
}

/* ------------------------- SIDE BAR DETAILS ------------------------- */

/* Spacer for Topbar nat */

#mainsidebar .spacer {
	height: 20px;
	width: inherit;
	margin: 0px;
	padding: 0px;
}

#mainsidebar #topbarspacer {
	height: 70px;
}

/* Sidebar nav */

#mainsidebarnav {
	position: absolute;
	left: 30px;
	top: 200px;
}
#mainsidebar .navitem, #mainsidebar .navitemselected {
	font-family: "BaseTwelveSerifSCB";
	font-size: 25px;
	letter-spacing: 1px;
	margin: 13px 0px 13px 0px;
}
#mainsidebar .navitem {
	color: #FFF !important;
}
#mainsidebar .navitemselected {
	color: #FFF !important;
}
#mainsidebar .navitem:hover {
	color: #FFF !important;
}

#mainsidebartogglebutton {
	position: absolute;
	cursor: pointer;
	left: 10px;
	top: 80px;
	z-index: 5;
	display: none;
}

/* Sidebar Ad Block */

#mainsidebaradwrapper { 
	position: absolute;
	/* top: 440px; */
	top: 475px;
	left: 30px;
	width: 200px;
	height: 300px;
	opacity: 0;
	padding: 0px 2px 2px 0px;
	background-color: #595959;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #2f2f2f solid 1px;
}

#mainsidebarad {
	background-color: #222;
	width: 200px;
	height: 300px;
	overflow: hidden;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #111 solid 1px;
}
#mainsidebarad .adtext {
	margin: 0px 0px 0px 0px;
}
#mainsidebarad .adtext h2 {
	margin: 30px 10px 20px 10px;
}
#mainsidebarad .adtext h3 {
	margin: 0px 10px 0px 10px;
}


/* General Ad Styles */

.adblock {
	background-color: #222;
	/* position: relative; */
}

.adblock .adimage {
	opacity: 1;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
}
.adblock .adtext {
	height: inherit;
	width: inherit;	
	text-align: center;
	padding: 0px;
	background-color: transparent;
	border-bottom: #333 solid 1px;
	position: absolute;
	display: none;
}

.adblock .adshadow {
	-moz-box-shadow: inset 0px 0px 15px rgba(0,0,0,1);
	-webkit-box-shadow: inset -2px -2px 15px rgba(0,0,0,1);
	box-shadow: inset -2px -2px 15px rgba(0,0,0,0.5);
	height: inherit;
	width: inherit;	
	text-align: center;
	padding: 0px;
	background-color: transparent;
	border-bottom: #333 solid 1px;
	position: absolute;
	display: none;
}
.adblock .adtext h3, .adblock .adtext h2 {
	-moz-text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
	-webkit-text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
	text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
	color: #F9F9F9;
	margin: 0px;
	font-family: 'BaseTwelveSerifBI';
}
.adblock .adtext h2 {
	font-size: 20px;
	line-height: 1.2em;
	font-family: 'BaseTwelveSerifSCB';
	letter-spacing: 3px;
	margin: 20px 0px 0px 0px;
	
} 
.adblock .adtext h3 {
	font-size: 16px;
}

/* ------------------------- FOOTER DETAILS ------------------------- */

/* Footer Content */

#mainfooter .content {
	width: 970px;
	margin: 10px auto 20px auto;
	overflow: hidden;
}
#mainfooter .content .columnwrapper {
	display: table;
	margin: 0px auto 0px auto;
}
#mainfooter .content .column {
	width: 150px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 10px 50px;
	
}
#mainfooter .content h2, #mainfooter .content h3 {
	color: #FFF;
}
#mainfooter .content li a {
	color: #AAAAAA;
} 
#mainfooter .content li a:hover {
	color: #FFF;
} 
#mainfooter .content ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-right: #565656 dashed 1px;
	min-height: 180px;
}
#mainfooter .content li {
	list-style-type: none;
}

/* Footer Ad */

#mainfooter #adfooterboard {
	width: 970px; /* 830px */
	height: 125px;
	margin: 20px auto 10px auto;
	background-color: #2F2F2F;	
	-moz-box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #7A7A7A dotted 2px;
	overflow: hidden;
}
#mainfooter #adfooterboard .adtext {
	display: block;
}
#mainfooter #adfooterboard .adtext h2 {
	margin-top: 30px;
	font-size: 26px;
}
#mainfooter #adfooterboard .adtext h3 {
	font-size: 20px;
}
#mainfooter #adfooterboard h2, #mainfooter #adfooterboard h3 {
	color: #DADADA !important;
}

#mainfooter #adfooterboard .adimage {
	width: 970px;
	height: 125px;
	position: static;
	margin-top: 0px;
}

/* ------------------------- PAGE LAYOUT AND STYLES ------------------------- */

.pageheader {
	margin: 0px 0px 0px 0px;
	width: inherit;
	height: 180px;
	/* background-color: green; */
}
.pagebody,.pagebody.transparent {
	min-height: 1400px;
	overflow: hidden;
	background-color: #FFF;
}
.pagebody.transparent {
	background-color: transparent;
}

/* ------------------------- PAGE HEADER DETAILS ------------------------- */

.logo {
	padding: 20px 0px 0px 19px;
	height: 112px;
	position: relative;
	z-index: 0;
}

.bigtitle {
	position: absolute;
	z-index: -1;
	top: 20px;
	width: 1800px; /* This goes well off the page - I don't THINK it'll be a problem since it's hidden */
	text-transform: lowercase;
	left: 400px;
	font-size: 51px;
	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
	text-align: left;
	color: white;
}
.bigtitle h1,.bigletter {
	font-family: "BaseTwelveSerifBI";
	opacity: 0.7;
	color: white !important;
}

#explainlink {
	display: block;
	position: absolute;
	top: 38px;
	right: 275px;
	z-index: 2;
	width: 397px;
	height: 44px;
	background-image: url('../images/explain.png');
	background-repeat: no-repeat;
	
	transition: right 0.3s;
	-webkit-transition: right 0.3s;
	-moz-transition: right 0.3s;
	-o-transition: right 0.3s;
}
#explainlink:hover {
	right: 280px;
}

/* ------------------------- PAGE BODY DETAILS ------------------------- */

.pagebodyleft, .pagebodyright, .pagebodycontent {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px; /* Lower padding for footer placement */
	min-height: inherit;
}
.pagebodycontent {
	padding: 20px 30px 60px 20px;
	min-height: 1700px;
}
.pagebodyleft {
	width: 230px;
	float: left;
	padding: 20px 20px 20px 10px;
	/* background-color: aqua; */
}
.pagebodyright {
	width: 250px;
	float: right;
	/* background-color: green; */
}
.pagebodycontent {
	margin-left: 260px;
	/* background-color: aqua; */
}
.pagebody.transparent .pagebodycontent {
	padding: 20px 20px 60px 20px;
}
.pagebody.transparent .pagebodyleft {
	padding: 40px 20px 20px 20px;
}
.pagebody.editorial .pagebodyleft {
	width: 260px;
}
.pagebodyfooter { /* This should only be used inside an editorial page...ideally */
	margin: -60px 0px 0px 0px;
	height: 60px;
	background-color: #f6f5ef;
	border-top: #d5d5ba dotted 1px;
}

/* ------------------------- PAGE BACKGROUND DETAILS ------------------------- */

#mainbackground .pagebodyright {
	width: 330px;
	margin: -150px -1000px 20px 20px;
}
#mainbackground .pagebodyright .toc .header,#mainbackground .pagebodyright .feed .header {
	background-color: #0982DF;
}

/* ------------------------- PAGE LEFT DETAILS ------------------------- */

.pagebodyleft {
	position: relative;
}

.pagebodyleft .contentblockvertical {
	width: 41px;
	height: 190px;
	position: absolute;
	top: 60px;
	left: 262px;
	z-index: 10;
	cursor: pointer;
	background-image: url('../images/sidebar_tab.png');
	background-repeat: no-repeat;
}
/*
.pagebodyleft .contentblockvertical:hover {
	background-image: url('../images/sidebar_tab_on.png');
}
*/
.pagebodyleft .contentblockvertical.off {
	background-image: url('../images/sidebar_tab_off.png');
}

.pagebody.transparent .pagebodyleft .contentblockvertical {
	
}

.pagebodyleft .contentblockvertical img {
	/* width: 150%; */
}

/* ------------------------- PAGE RIGHT DETAILS ------------------------- */

.pagebodyright .block {
	font-family: "BaseTwelveSerifSCB";
	font-size: 20px;
	line-height: normal;
	padding: 5px 35px 15px 10px;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	background-color: #000;
	border: #222 solid 1px;
	-moz-box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: block;
}
.pagebodyright .image {
	position: relative;
	z-index: -1;
	width: 220px;
	-moz-box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
}

.pagebodyright .block h1, .pagebodyright .block h2 {
	text-align: center;
	width: 170px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	color: #FFF;
}
.pagebodyright .block .arrow {
	position: relative;
	font-size: 30px;
/* 	color: #5a938a; */
	color: #8fb5d2;
	width: 30px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	top: 30px;
	
	transition: color 0.3s, top 0.3s;
	-webkit-transition: color 0.3s, top 0.3s;
	-moz-transition: color 0.3s, top 0.3s;
	-o-transition: color 0.3s, top 0.3s;
	
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.0);
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.0);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.0);
}
.pagebodyright .block .arrow.left {
	text-align: right;
}
.pagebodyright .block .arrow.right {
	text-align: left;
}
#downloadSampleWrap {
	position: relative;
	margin: 53px -20px 13px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}
#downloadSampleButton {
	margin: 0px -30px 0px 0px;
	/*
background-color: #2e6159; TURQUOISE
	border: #1e3f3a solid 1px;
*/
	background-color: #5b89ac;
	border: #496f8b solid 1px;
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#downloadSampleButton h1.huge {
	font-size: 80px;
}
#downloadSampleImage {
	margin: -5px 0px 0px 0px;
	right: -28px;
	opacity: 0;
	transition: opacity 0.8s, margin-top 0.3s;
	-webkit-transition: opacity 0.8s, margin-top 0.3s;
	-moz-transition:  opacity 0.8s, margin-top 0.3s;
	-o-transition:  opacity 0.8s, margin-top 0.3s;
}
#downloadSampleWrap.highlighted .arrow {
	color: #FFF;
	top: 120px;
}
#downloadSampleWrap.highlighted .image {
	opacity: 1;
}