/* Screen + Print Styles for John S. Cooney: Fiction for the People */

/* gray background: a79d96 */
/* darker gray: 685c53 */
/* soft orange: fde3be */
/* purple: 621a4b */

* {
	padding: 0px;
	margin: 0px;
}

html {
	font-size: 100%; /* 16px */
}

body {
	position: relative;
	background: url(background-vert.gif) 60px 0px repeat-y #ffffff;
	min-width: 960px;
	font-size: 0.875em; /* 14px */
}

/* SKIP LINKS */
#skip a, #skip a:hover, #skip a:visited { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	display: block;
	padding: 10px;
	text-align: center;
	border: 3px solid #621a4b;
	background: #ffffff;
	color: #621a4b;
} 
#skip a:active, #skip a:focus { 
	position:absolute; 
	width:200px; 
	height:auto; 
	left: 290px; 
	top: 10px; 
	display: block;
	padding: 10px;
	text-align: center;
	border: 3px solid #621a4b;
	background: #ffffff;
	color: #621a4b;
	z-index: 2000;
}


/* LAYOUT ELEMENTS */
#backgroundTable {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 1;
	top: 0px;
	left: 0px;
}
#backgroundTable table {
	width: 100%;
}
.backgroundTableCellLeft {
	width: 50%;
	background: url('background-cell-left.gif') 0 0 repeat-x;
	padding: 0px 0px 117px 0px;
}
.backgroundTableCellRight {
	width: 50%;
	background: url('background-cell-right.gif') 0 0 repeat-x;
	padding: 0px 0px 296px 0px;
	
}
#container {
	position: relative;
	width: 900px;
	height: auto;
	margin: 0px 0px 0px 60px;
	padding: 20px 0px 20px 0px;
	background: url('background-vert.gif') top center repeat-y #ffffff;
	z-index: 2;
}
#containerTop {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 296px;
	width: 900px;
	background: url('background-container.gif') top center repeat-y #ffffff;
	z-index: 1;
}
#logo {
	position: absolute;
	top: 85px;
	left: 250px;
	height: 100px;
	width: 300px;
	z-index: 2;
}
#mainNav {
	position: relative;
	width: 200px;
	height: auto;
	margin: 97px 0px 0px 0px;
	padding: 0px;
	float: left;
	z-index: 3;
}

#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mainNav li {
	margin: 0px;
	padding: 0px;
}

#mainNav li a:link, #mainNav li a:visited {
	display: block;
	padding: 40px 15px 15px 15px;
	text-decoration: none;
	color: #908882;
	background: #e4e0de;
	text-align: right;
	line-height: 1.25;
	font-weight: normal;
	width: 170px;
	height: auto;
	border-bottom: 1px solid #ffffff;
}

#mainNav li a:hover, #mainNav li a:active {
	display: block;
	padding: 40px 15px 15px 15px;
	text-decoration: none;
	color: #ffffff;
	background: #fc4809;
	text-align: right;
	line-height: 1.25;
	font-weight: normal;
	width: 170px;
	height: auto;
	border-bottom: 1px solid #ffffff;
}

#mainNav li a.selected:link, #mainNav li a.selected:visited {
	display: block;
	padding: 40px 15px 15px 15px;
	text-decoration: none;
	color: #ffffff;
	background: #fc4809;
	text-align: right;
	line-height: 1.25;
	font-weight: normal;
	width: 170px;
	height: auto;
	border-bottom: 1px solid #ffffff;	
}

#mainNav li a.selected:hover, #mainNav li a.selected:active {
	display: block;
	padding: 40px 15px 15px 15px;
	text-decoration: none;
	color: #ffffff;
	background: #fc4809;
	text-align: right;
	line-height: 1.25;
	font-weight: normal;
	width: 170px;
	height: auto;
	border-bottom: 1px solid #ffffff;	
}

#subNavBack {
	position: absolute;
	top: 296px;
	left: 201px;
	width: 159px;
	height: 365px;
	background: #e4e0de;
	z-index: 3;
}

#subNav {
	position: relative;
	width: 159px;
	height: auto;
	margin: 276px 0px 0px 0px;
	padding: 0px;
	float: left;
	z-index: 3;
	border-left: 1px solid #9b948e;
}

#subNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#subNav li {
	margin: 0px;
	padding: 0px;
}

#subNav li a:link, #subNav li a:visited {
	display: block;
	padding: 7px 8px 7px 8px;
	text-decoration: none;
	color: #908882;
	background: #e4e0de;
	text-align: left;
	line-height: 1.25;
	font-weight: normal;
	width: 143px;
	height: auto;
	border-bottom: 1px solid #ffffff;
	font-size: 0.857em; /* 12px */
}

#subNav li a:hover, #subNav li a:active {
	display: block;
	padding: 7px 8px 7px 8px;
	text-decoration: none;
	color: #ffffff;
	background: #fc4809;
	text-align: left;
	line-height: 1.25;
	font-weight: normal;
	width: 143px;
	height: auto;
	border-bottom: 1px solid #ffffff;
	font-size: 0.857em; /* 12px */
}

#subNav li a.selected:link, #subNav li a.selected:visited {
	display: block;
	padding: 7px 8px 7px 8px;
	text-decoration: none;
	color: #ffffff;
	background: #fc4809;
	text-align: left;
	line-height: 1.25;
	font-weight: normal;
	width: 143px;
	height: auto;
	border-bottom: 1px solid #ffffff;	
	font-size: 0.857em; /* 12px */
}

#subNav li a.selected:hover, #subNav li a.selected:active {
	display: block;
	padding: 7px 8px 7px 8px;
	text-decoration: none;
	color: #ffffff;
	background: #fc4809;
	text-align: left;
	line-height: 1.25;
	font-weight: normal;
	width: 143px;
	height: auto;
	border-bottom: 1px solid #ffffff;	
	font-size: 0.857em; /* 12px */
}

#content {
	position: relative;
	width: 490px;
	padding: 50px 0px 50px 50px;
	float: left;
	margin: 276px 0px 0px 0px;	
}

/* CONTACT FORM */
.formLabel {
	width: 100px;
	text-align: right;
	padding: 5px 5px 5px 0px;
}
.formField {
	text-align: left;
	padding: 5px 0px 5px 0px;
}
.formField input {
	margin: 0px;
	width: 400px;
	padding: 2px;
	color: #fc4809;
	border: 1px solid #9b948e;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.0em; /*14px*/
}
.formField textarea {
	margin: 0px;
	width: 400px;
	height: 150px;
	padding: 2px;
	color: #fc4809;
	border: 1px solid #9b948e;
	font-family: Arial, Verdana, sans-serif;	
	font-size: 1.0em; /*14px*/
}
.inputSubmit {
	margin: 0px;
	width: 120px !important;
	padding: 2px 5px 2px 5px;
	color: #ffffff !important;
	border: 1px solid #fc4809 !important;
	background: #fc4809;
	font-family: Arial, Verdana, sans-serif;	
	font-size: 1.0em; /*14px*/
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.errorMsg {
	padding: 20px;
	background: #fc4809;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
}






/* TEXT ELEMENTS */

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
	color: #938880;
	line-height: 1.5;
}

a:link, a:visited {
	font-family: Arial, Verdana, sans-serif;
	color: #fc4809;
	text-decoration: underline;
}

a:hover, a:active {
	font-family: Arial, Verdana, sans-serif;
	color: #fc4809;
	text-decoration: none;
}

p {
	margin: 0em 0em 1.571em 0em;
}

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.714em; /* 24 px */
	line-height: 1.25;
	color: #fc4809;
	font-weight: normal;
	margin: 0em 0em 0.917em 0em;
}

.h1Lowlight {
	color: #c3bdbb;
}

h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.286em; /*18px */
	line-height: 1.25;
	color: #fc4809;
	font-weight: normal;
	margin: 0em 0em 0em 0em;
}

.h2Lowlight {
	color: #c3bdbb;
}

h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.0em; /*12px */
	line-height: 1.25;
	color: #621a4b;
	font-weight: bold;
	display: inline;
	margin: 0em 0em 0em 0em;
}

h4 {
	color: #98918b;
	font-size: 1.714em; /* 24 px */
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	line-height: 1.25;
}

h4 a:link, h4 a:visited {
	color: #98918b;
	text-decoration: none;
	background: #ffffff;	
	font-weight: bold;
}

h4 a:hover, h4 a:active {
	color: #ffffff;
	text-decoration: none;
	background: #fc4809;	
	font-weight: bold;
}

h5 {
	color: #c3bdbb;
	font-size: 1.714em; /* 24 px */
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	line-height: 1.25;
}

h5 a:link, h5 a:visited {
	color: #c3bdbb;
	text-decoration: none;
	background: #ffffff;
}

h5 a:hover, h5 a:active {
	color: #ffffff;
	text-decoration: none;
	background: #fc4809;
}

.storyEnd {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.714em; /* 24 px */
	line-height: 1.25;
	color: #fc4809;
	font-weight: normal;
	margin: 0em 0em 0.917em 0em;	
}

.pHighlight {
	/* color: #98918b; */
}

.lowlight {
	color: #c3bdbb;
}