@charset "ISO-8859-1";
/* ------------------------------------------------------
	
	Date Created:	Saturday, August 10, 2002 3:44:01 AM
	Last Modified:	Monday, June 28, 2004 06:18 PM
	Revision:		1.0

	Function: Define the layout and appearance of the link
	and content div for later browsers (ns6+ ie5+)
	I know this is all pretty verbose, but when you're wrapping
	a number of these apps as often as I do, it's simpler.
	
	1 tab=4 spaces.

------------------------------------------------------- */

/* ----------------------------------------------------- */
/* General tag defs */
html,body {
	color:						#000;
	background-color:			#FFF;
	background-image:			url(../images/template_images/bg-wave.gif);
	background-repeat:			repeat-y;
	font:						12px/175% Verdana,Arial,sans-serif;
	height: 					100%;
	
}
h1, h2, h3, h4, h5, h6 {
	font-weight:				normal;
	color:						#B82025;
	background-color:			transparent;
}
a {
	color: 						#6B140E;
	background-color:			transparent;
	text-decoration:			none;
}
a:visited {
	color: 						#232464;
	background-color:			transparent;
}
a:hover {
	color:						#88BA40;
	background-color:			transparent;
}
a:active {
	color: 						red;
	background-color:			transparent;
}

form {
	display:					block;
}
fieldset {
	margin:						0px;
	padding:					0px;
}
fieldset:hover {
	border-color:				yellow;
}

legend {
	padding:					2px;
	font-size:					9px;
	font-weight:				bold;
}

sup {
	font-size:					80%;
}
/* ----------------------------------------------------- */
/* Identified and classed items */
#container {
	overflow: 					hidden
}
#logo {
	position:					relative;
	top:						30px;
	left:						80px;
}
#usp {
	position:					relative;
	top:						35px;
	left:						90px;
	font-size:					14px;
	line-height:				190%;
	font-weight:				bold;
}
#intro {
	position:					relative;
	top:						40px;
	left:						90px;
	font-size:					12px;
	line-height:				200%;
	width:						75%;
	margin-bottom:				50px;
}

#nav_top {
	background-image:			url(../images/template_images/nav_bar_section_header_red_dark.gif);
}
#nav_technical_writing {
	background-image:			url(../images/template_images/nav_bar_section_header_red_med.gif);	
}
#nav_books {
	background-image:			url(../images/template_images/nav_bar_section_header_blue_dark.gif);
}
#nav_screenplays {
	background-image:			url(../images/template_images/nav_bar_section_header_blue_med.gif);
}
#nav_forms {
	background-image:			url(../images/template_images/nav_bar_section_header_green.gif);
}
.nav_menu {
	padding-top:				2px;
	width:						200px;
	margin-bottom:				20px;
	background-repeat:			no-repeat;	
}
.nav_menu > * h2 {
	border:						none;
	font-weight:				bold;
	margin:						8px auto 0px -10px;

}
.nav_menu li {
	margin:						5px auto 0px 10px;
}
/* ----------------------------------------------------- */
/* Sidebar */


* html #sidebar {
	height: 					100%; /* IE work around */
}
#sidebar {
	display:					block;
	width:						240px;
	min-height: 				100%;
	float:						left;
	padding:					0px 15px;
	padding-bottom: 			2000;
	margin-top:					25px;
	margin-bottom: 				-2000;
	font-size:					12px;
}
	

/* ------------------------------------------------------- 	*/
/*   Utility forms usually found in sidebar					*/

#form_login {}
#form_subscribe_to_newsletter {}
#form_site_search {
	margin-bottom:				25px;
}

.sidebar_forms {
	width:						150px;
	font-size:					9px;
	font-weight:				bold;
	display:					inline;
	float:						left;
}
.sidebar legend {
	font-size:					9px;
}
.sidebar_forms .textfield {
	width:						130px;
	margin:						0px 5px 5px 5px;
	padding:					3px;
	border:						none;
	font-size:					10px;
}
.sidebar_forms .button {
	font-size:					9px;
	font-family:				Verdana,Arial,sans-serif;
	font-weight:				bold;
	margin:						3px 0px 3px 3px;
	float:						right;
}

/* ------------------------------------------------------- 	*/
/*   Commerce Engine stuff (found in sidebar)				*/

#search_product_form_input {
	width:						210px;
	border:						2px solid #9CCF08;
}
#search_product_form_submit {
	border:						1px solid #9CCF08;
	color:						inherit;
	background-color:			#9CCF08;
	padding:					1px 3px 0px 3px;
}



/* ----------------------------------------------------- */
/* Content sections 									 */


* html #content {
	height: 					100%; /* IE work around */
}
#content {
	display:					block;
	padding:					10px 5px 5px 5px;
	min-height: 				100%;
	padding-bottom: 			2000;
	margin-bottom: 				-2000;
	margin-right:				50px;
	margin-left:				260px;
}
#content h1,h2,h3,p{
	margin-bottom:				.5em;
}
#content h1{
	font-size:					18pt;
	font-weight:				normal;
	font-style:					italic;
	line-height:				175%;
}
#content h2{
	font-size:					16pt;
	line-height:				130%;
}
#content h3{
	font-size:					11pt;
	line-height:				130%;
}
#content h4{
	font-size:					10pt;
	line-height:				100%;
}
#content h5{
	font-size:					14pt;
	font-weight:				normal;
	line-height:				100%;
}
#content p{
	font-size:					10pt;
	line-height:				200%;
	margin:						0px 0px 25px 0px;
}
#content ol,ul {
	margin:					10px;	
}
#content li {
	list-style-type: 	disc;
	list-style-image: 	url(../images/template_images/text-decoration.gif);
	list-style-position: inside;
	font-size:			80%;
	font-size:					10pt;
	line-height:				175%;
}
.highlight {  
background-color: #336666; 
}

/* ----------------------------------------------------- */
/* Publisher (found in content div)						 */

#article_display {
	color:						inherit;
	background-color:			transparent;
}

#article_display h3 {
	border-bottom:				none;
	margin-bottom:				10px;
	font-weight:				bold;
}
#article_display img {
	border:						none;
	margin:						0px 0px 0px 5px;
	border:						1px solid #000000;
}

/* Sections */
.section_title {

}
.section_article_block h1,h2 {
	border-bottom:				2px solid #BCBEC0;
	margin:						20px 0px 0px 0px;
	width:						75%;
}
.section_article_block {
	margin:						10px;
	color:						#000;
	background-color:			transparent;
	line-height:				200%;
	clear:					right;
}
.section_article_block h2 a {

}
.section_article_block img {
	width:						125px;
	border:						none;
	margin:						20px 0px 10px 5px;
	float:						right;
}


#section_description {
	margin:						20px 50px 20px 0px;
	background-color:			transparent;
	font-size:					12px;
	line-height:				180%;
	color:						#6B140E;
	background-color:			#E1E1E1;
	border:						1px solid #D6D6D6;
	padding:					5px;
}
#section_description h3 {

}
.more_link {
	background-image:			url(../images/template_images/text-decoration.gif);
	background-repeat:			no-repeat;
	padding:					0px 5px 7px 15px;
	font-size:					12px;
	margin-left:				10px;

}
/* ----------------------------------------------------- */
/* Random images above the fold */
#footer {
	padding:					5px 5px 8px 5px;
	height:						15px;
	font-size:					11px;
	text-align:					right;
	border-bottom:				1px solid #A6CB70;
}
#footer img {
	float: 						left;	
}
#marketer {
	width:						100%;
	text-align:					center;
	margin-top:					15px;
	font-size:					10px;
}
/* ------------------------------------------------------------ */
/* Contact form */

#contacttable {
	width:						500px;
	border:						none;
	font-size:					95%;
	padding:					0px;
	margin:						0px;
}
#contacttable td {
	padding:					1px;
}
#contacttable th {
	text-align:					left;
}
.contacttableheader{
	color:						#FFF;
	background-color:			transparent;
	margin:						-1px;
}
.inputsmaller {
	border:						1px solid #FA8072;
	width:						15%;
	margin:						2px;
}
.inputsmall {
	border:						1px solid #FA8072;
	width:						50%;
	margin:						2px;
}
.inputmedium {
	border:						1px solid #FA8072;
	width:						75%;
	margin:						2px;
}
.inputlarge {
	border:						1px solid #FA8072;
	width:						98%;
	margin:						2px;
}
.inputsubmit {
	text-align:					right;
}
.radiosmall {
	height:						1em;
	width:						1em;
}
.selectlarge {
	border:						1px solid #FA8072;
	width:						175px;
	margin:						2px;
}
.error {
	font-weight:				bold;
	color:						#000;
	background-color:			#FF0000;
	background-image:			none;
}

/* ------------------------------------------------------------ */
/* Article specific styles */

.calendar_events {
	border:					1px solid #060F72;
	border-bottom:			none;
	border-right:			none;
	margin:					10px auto 10px auto;
}
.calendar_events th{
	background-color:		#4DB3FD;
	text-align:				left;
	border-bottom:			1px solid #060F72;
	border-right:			1px solid #060F72;
	padding:				2px;
}
.calendar_events td{
	border-bottom:			1px solid #060F72;
	border-right:			1px solid #060F72;
	padding:				2px;
}
.calendar_events .alt_row{
	background-color:		#F7F7F7;
}

/* ------------------------------------------------------------ */
/* Various classes for article items */

.pullquoteleft {
	float:				left;
	font-weight:		bold;
	border:				3px dashed #4D8D2C;
	color:				#65729C;
	background-color:	cornsilk;
	width:				40%;
	margin:				5px 15px 5px 0px;
	padding:			5px;
}
.pullquoteright {
	float:				right;
	font-weight:		normal;
	font-size:			10px;
	border:				5px solid #EEBF48;
	margin:				0px 5px 5px 10px;
	padding:			5px;
	width:				250px;
}
.pullquoteright ul {
	list-style-type: 	disc;
	list-style-image: 	url(../images/template_images/text-decoration.gif);
	list-style-position: inside;
	font-size:			80%;
}
.pullquoteright * li {
	padding-left:		10px;
}
.pullquotecenter {
	font-weight:		bold;
	text-align:			center;
	border-top:			3px dashed #4D8D2C;
	border-bottom:		3px dashed #4D8D2C;
	color:				#65729C;
}