/************************************************************
* AUTHOR:		Kevin K. Nelson								*
* DOMAIN:		www.flashfiredesigns.com					*
*	MAIN STYLESHEET FOR KKREATIONS.NET						*
*															*
* Copyright 2002, Kevin K. Nelson.  All Rights Reserved.	*
************************************************************/

body {
	scrollbar-face-color: 		darkslateblue;
	scrollbar-shadow-color:		#000000;
	scrollbar-highlight-color:	#CCCCCC;
	scrollbar-track-color: 		#333333;
	scrollbar-arrow-color: 		#FFFFFF;
	margin:						0px 0px 0px 0px;
	background-color:			black;
}
td {
	vertical-align:				top;
	padding:					0px 0px 0px 0px;
}
body, td, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
	font-family:				Century Gothic, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						black;
}
p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
	margin-top:					0px;
	margin-bottom:				12px;
}
textarea, input, select {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
}
p, blockquote {
	text-align:					justify;
}

form   { margin:				0px 0px 0px 0px; }
img    { border-style:			none; }
legend { font-size:				16px; }

a:link, a:visited { color:		#4D60FA; }
a:hover, a:active { color:		#CC0000; }


.textCell {
	padding:			10px 20px 10px 20px;
}
.mainTable {
	width:				750px;
	height:				400px;
	border-style:		groove;
	border-width:		0px 2px 0px 0px;
	border-color:		darkSlateBlue;
	padding:			0px 0px 0px 0px;
}
.leftCol {
	width:				210px;
	background-color:	black;
	vertical-align:		top;
	border-style:		groove;
	border-width:		1px 1px 1px 0px;
	border-color:		darkSlateBlue;
}
.rightCol {
	width:				550px;
	border-style:		groove;
	border-width:		1px 0px 0px 0px;
	border-color:		darkSlateBlue;
	text-align:			center;
	vertical-align:		center;
	padding:			20px 20px 20px 20px;
	background-image:	url(/lib/images/kkr_binary.gif);
}
.topCell {
	width:				100%;
	height:				150px;
}
.contentTable {
	width:				450px;
	height:				400px;
	border-style:		inset;
	border-width:		1px 1px 1px 1px;
	border-color:		slateBlue;
	background-color:	white;
}
.imgButton {
	border-width:		0px 0px 0px 0px;
	width:				200px;
	height:				32px;
}
.imgOver {
	border-width:		0px 0px 0px 0px;
	width:				200px;
	height:				32px;
}
.h1 {
	font-family:		Times New Roman, Times, serif;
	font-size:			16pt;
	font-weight:		bold;
	font-style:			italic;
	text-align:			center;
	text-indent:		0px;
	margin:				0px 0px 20px 0px;
	color:				darkSlateBlue;
}
.title, .page_title {
	font-family:		Times New Roman, Times, serif;
	font-size:			16pt;
	font-weight:		bold;
	font-style:			italic;
	text-align:			left;
	text-indent:		0px;
	margin:				0px 0px 16px 0px;
	color:				darkSlateBlue;
}
.subTitle {
	font-family:		Times New Roman, Times, serif;
	font-size:			14pt;
	font-weight:		bold;
	font-style:			italic;
	text-align:			center;
	text-indent:		0px;
	margin:				-10px 0px 16px 0px;
	color:				darkSlateBlue;
}
.heading {
	font-family:		Times New Roman, Times, serif;
	font-size:			13pt;
	font-weight:		bold;
	font-style:			italic;
	text-align:			left;
	text-indent:		0px;
	margin:				0px 0px 0px 0px;
	color:				slateBlue;
}
.author {
	font-family:		Times New Roman, Times, serif;
	font-size:			12pt;
	font-weight:		bold;
	font-style:			italic;
	text-align:			right;
	text-indent:		0px;
	margin:				-16px 0px 16px 0px;
	color:				darkSlateBlue;
	border-style:		groove;
	border-width:		2px 0px 0px 0px;
}
.center {
	text-align:			center;
	text-indent:		0px;
}
.MLAFootnote {
	margin:				0px 0px 10px 24px;
	text-indent:		-24px;
}
.poem {
	text-indent:		0px;
	text-align:			center;
}
.note {
	background-color:	#FFFFCC;
	text-align:			center;
	text-indent:		0px;
	border-style:		groove;
	border-width:		0px 2px 2px 0px;
	padding:			5px 10px 5px 10px;
}
.h4 {
	font-family:		Times New Roman, Times, serif;
	font-size:			13pt;
	font-weight:		bold;
	font-style:			italic;
	text-align:			left;
	text-indent:		0px;
	margin:				0px 0px 0px 0px;
	color:				slateBlue;
}


/*******************************************************************
TABLE CLASSES
   - these are some default classes that many of our applications
     use.  If this is a static site with no applications, then
	 removing these would probably not be harmful.  Otherwise,
	 change colors, margins, etc., as needed when they do not
	 have the desired look.  If I might work on the site, there
	 is a good chance that I will want these classes, though.
*******************************************************************/
.left_form_cell {
	padding:			3px 3px 3px 3px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.right_form_cell {
	padding:			3px 3px 3px 3px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
	text-align:			right;
}
.left_info_cell {
	padding:			5px 5px 5px 5px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.right_info_cell {
	padding:			5px 5px 5px 5px;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		#DDDDDD;
	vertical-align:		middle;
}
.title_cell {
	font-weight:		bold;
	font-size:			14px;
	padding:			3px 3px 3px 3px;
}
.content_cell {
	padding:			3px 3px 3px 3px;
}
.row1 { background-color:#FFFFFF; }
.row2 { background-color:#EDEDED; }


/*******************************************************************
OUR PHP LIBRARY'S status_message() CLASS DEFINITIONS
   - like the table classes, these are specific to the application,
     and can be removed for static sites.
*******************************************************************/
.status_container {
	margin:				20px 10px 20px 10px;
	padding:			3px 5px 3px 10px;
	border-style:		solid;
	border-color:		#CCCCCC;
	border-width:		0px 0px 0px 1px;
}
.status_title {
	font-size:			16px;
	font-weight:		bold;
	color:				navy;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	border-color:		navy;
}
.status_message {
	font-size:			12px;
	color:				navy;
}