/*****************************************************************************
 *                          style.css
 *                          -------------------
 *   begin			: Mar 7, 2007
 *   copyright		: (C) 2007 Steven Myers
 *   email			: obewanz@hotmail.com
 *   description		: Pyrophobia
 *				: Rally Red Stylesheet
 *
 *****************************************************************************/

*{ MARGIN: 0px; PADDING: 0px;}

body {
	height: 100%;
	width: 1020;
	text-align: center;

/*	scrollbar-face-color:#f0f0f0; scrollbar-highlight-color:#999999; scrollbar-shadow-color:#999999; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffff; scrollbar-darkshadow-color:#ffffff; */
}

/*================================================*/
/*  Global                                        */
/*------------------------------------------------*/

div {position:relative;}
h4, h5 {margin:10px;}
ul, ol {
	margin:10px;
	padding:0 0 0 20px;
}
ol {padding:0 0 0 25px;}
.clearer {clear:both;}
#printwrap {position:static;}

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


/*================================================*/
/*  General Structure                             */
/*------------------------------------------------*/

#nav-left, #nav-top {
	width: 1020px;
	margin: 0 auto;
	padding-bottom: 5px;	
}
#pngcontainer {
	float: left;
	width: 769px;
	padding: 0 10px 0 9px;
	background-image: url(images/dropshadow_sides.png);
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
	width: 750px;	
}
#inner {
	float: left;
	width: 750px;
}
#headertop {
	float:left;
	width:750px;
	height:125px;
	border-bottom: 1px solid #fff;
	background-image: url(images/pattern.png);
}
#image-container {
	position: absolute;
	width: 295px;
	height: 115px;
	top: 2px;
	right: 9px;
	padding: 6px;
	z-index: 2;
	background-image: url(images/accent.png);
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 283px;
	height: 103px;		
}
.accent {
	float: left;
	width: 283px;
	height: 103px;
}
#title {
	position: absolute;
	width: 750px;
	height: 90px;
	top: 31px;
	left: 0;
	text-align: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#title h1#website-title {
	padding-left: 15px;
	padding-right: 315px;
}
#footer {
	float: left;
	width: 750px;
	height: 46px;
	padding: 12px 10px 0 0;
	border-top: 1px solid #fff;
	text-align: right;
	background-image:url(images/pattern.png);
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 740px;	
	height: 33px;	
}
#png-bottom {
	float: left;
	width: 770px;
	height: 10px;
	background-image: url(images/dropshadow_bottom.png);
}

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


/*================================================*/
/*  Nav-Left Structure                            */
/*------------------------------------------------*/

/*-------------------- Layout --------------------*/
#nav-left #navcontainer {
	float: left;
	width: 141px;
	z-index: 1000;
}
#nav-left #nav-wrapper {
	float: left;
	z-index: 1000;
}
#nav-left #content {
	float: right;
	width: 609px;
	padding: 20px;
	background: #fff;
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit; 
	width: 569px;
}

/*------------- Navigation Elements --------------*/
#nav-left #navcontainer div, 
#nav-left #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-left #navcontainer div a:link, 
	#nav-left #navcontainer div a:active, 
	#nav-left #navcontainer div a:visited {
		float:left;
		/*--- Width for IE5/Win only --*/
			width:141px;

		padding:10px;
		text-decoration:none;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:121px;
	}
		#nav-left #navcontainer #loginBar div a:hover {border-left:0;}
		#nav-left #navcontainer #loginBar div, 
		#nav-left #navcontainer #loginBar div h3 {
			float:left;
			display:block;
		}
		#nav-left #navcontainer #loginBar div {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			border-left:1px solid #fff;
			width:141px; 
		}
			#nav-left #navcontainer #loginBar div div {display:block;}
			#nav-left #navcontainer #loginBar div a:link, 
			#nav-left #navcontainer #loginBar div a:active, 
			#nav-left #navcontainer #loginBar div a:visited {
				float:left;
				width:130px; 
				margin 0;
			}
				#nav-left #navcontainer #loginBar div a:hover {padding-left:10px;}
			
/*--------------- Table Structures ---------------*/
#nav-left #content-table {width:569px;}
#nav-left #content-table p {margin:15px 0;}
/*------------------------------------------------*/


/*================================================*/
/*  Nav-Top Structure                             */
/*------------------------------------------------*/

/*-------------------- Layout --------------------*/
#nav-top #navcontainer {
	float: left;
	width: 1020px;
	z-index: 1000;
}
#nav-top #nav-wrapper {
	float: left;
	z-index: 1000;	
}	
#nav-top #content {
	float: right;
	width: 750px;
	padding: 10px 25px;
	background: #fff; 
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 700px;
}	

/*------------- Navigation Elements --------------*/
#nav-top #navcontainer #nav-wrapper #loginBar div, 
#nav-top #navcontainer #nav-wrapper #loginBar div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-top #navcontainer #nav-wrapper #loginBar div a:link, 
	#nav-top #navcontainer #nav-wrapper #loginBar div a:active, 
	#nav-top #navcontainer #nav-wrapper #loginBar div a:visited {
		float:left;
		padding:7px 15px 3px 15px;
		height:20px;
		text-decoration:none;
	}
	#nav-top #navcontainer #nav-wrapper #loginBar div a:hover {padding-top:7px;}
		#nav-top #navcontainer #nav-wrapper #loginBar div {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			width:141px; 
			margin-top: -2px;
		}
			#nav-top #navcontainer #nav-wrapper #loginBar div a:link, 
			#nav-top #navcontainer #nav-wrapper #loginBar div a:active, 
			#nav-top #navcontainer #nav-wrapper #loginBar div a:visited {
				float:left;
				width:150px;
				border-top:1px solid #fff;
			}
			#nav-top #navcontainer #nav-wrapper #loginBar div a:hover {
				border-top:0;
				padding-top:8px;
			}
			
/*--------------- Table Structures ---------------*/
#nav-top #content-table {width:710px;}
#nav-top #content-table p {margin:15px 0;}
/*------------------------------------------------*/


/*================================================*/
/*  Content Style                                 */
/*------------------------------------------------*/

#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6, #content h7 {
	margin: 5px 0;
}
#content h1 {
	font-size:32px;
}	
#content h2 {
	font-size:28px;
}
#content h3 {
	font-size:24px;
}
#content h4 {
	font-size:20px;
}
#content h5 {
	font-size:18px;
}
#content h6 {
	font-size:14px;
}
#content h7 {
	font-size:12px;
}
/*------------ no-accent adjustments -------------*/
.accent-none {display:none;}

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


/*================================================*/
/*  Global Structure - Wide                       */
/*------------------------------------------------*/

body#wide #nav-left, body#wide #nav-top {
	width: 960px;
}
body#wide #pngcontainer {
	width: 960px;
	background-image: url(images/dropshadow_sides_wide.png);
		/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
	width: 960px;	
}
body#wide #inner {
	width: 960px;
}
body#wide #headertop {
	width:960px;
}
body#wide #title {
	width: 960px;
}
body#wide #footer {
	float: left;	
  width: 880px;
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 950px;		
}
body#wide #png-bottom {
	float: left;
	width: 960px;
	height: 10px;
	background-image: url(images/dropshadow_bottom_wide.png);
}

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


/*================================================*/
/*  Nav-Left Structure - Wide                     */
/*------------------------------------------------*/

body#wide #nav-left #navcontainer {
	float: left;
	width: 200px;
	z-index: 1000;
}
body#wide #nav-left #content {
	width: 600px;
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit; 
	width: 600px;
}
body#wide #nav-left #content-table {width:680px;}

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


/*================================================*/
/*  Nav-Top Structure - Wide                      */
/*------------------------------------------------*/

body#wide #nav-top #navcontainer {
	float: left;
	width: 96px;
	z-index: 1000;
}
body#wide #nav-top #content {
	width: 560px;
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width: 880px;	
}
body#wide #nav-top #content-table {
width:620px;}
/*------------------------------------------------*/


/*================================================*/
/*  Custom Adjustments                            */
/*------------------------------------------------*/

*.primary {background-color: rgb(18, 11, 122)}
*.secondary {background-color: rgb(192, 192, 192)}
*.tertiary {background-color: rgb(18, 11, 122)}
*.background {background-color: rgb(192, 192, 192)}
h1#website-title {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 42px; font-weight: bold; color: rgb(255, 255, 255); font-style: italic; text-decoration: none}
h2#website-slogan {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 14px; font-weight: bold; color: rgb(255, 255, 255); font-style: italic; text-decoration: none}
*#content {font-family:  "trebuchet ms", tahoma, sans-serif; font-size: 12px; font-weight: normal; color: rgb(88, 88 , 88); font-style: normal; text-decoration: none}
*#content a:link {font-family: georgia, "times new roman", serif; font-size: 11px; font-weight: normal; color: rgb(88, 88 , 88); font-style: normal; text-decoration: underline}
*#content a:active {font-family: georgia, "times new roman", serif; font-size: 11px; font-weight: normal; color: rgb(88, 88 , 88); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: georgia, "times new roman", serif; font-size: 11px; font-weight: normal; color: rgb(88, 88 , 88); font-style: normal; text-decoration: underline}
*#content a:hover {font-family: georgia, "times new roman", serif; font-size: 11px; font-weight: normal; color: rgb(88, 88 , 88); font-style: normal; text-decoration: underline}
*#navcontainer div h3 {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 13px; font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}
*#navcontainer div a:link {font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}
*#navcontainer div a:visited {font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}
*#navcontainer div a:hover {font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: underline; background-color: rgb(204, 0, 0)}
*.accent {background: transparent url(images/banner.gif) no-repeat top left}

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


/*================================================*/
/*  Program Coded Elements                        */
/*------------------------------------------------*/

*.loginBar {padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;background-color: rgb(204, 0, 0)}
.validation_warning{background-color:#AA0000;border: 1px solid rgb(0, 0, 0);}

fieldset{border: 1px double #c8c8c8;}
textarea{font-size: 11px;font-family: Verdana;color: #c8c8c8;}
/* form select input field */
.input_select{ margin:4px; background-color: rgb(255, 255, 255); border: 1px solid #000000; color: rgb(85, 85, 85);}
.input_text{background-color: #ffffff;border: 1px solid #000000;margin:4px;color: #202020;}
.Input_Button{margin:4px;/* background-color: #006600; */border: 1px solid #000000;color: #202020;}
.comment_edit{width: 99%;background-color:#ffffff;border: 1px solid #202020;}

.outer_tables{/* background-color:#FFFFFF; */border: 0px solid #202020;width: 99%;padding: 1px;margin: 2px;}
.inner_tables{border: 1px solid #c8c8c8;/* background-color:#006600; */}
.navigation_header{/* border-bottom: 1px solid #FFFFFF; */}
.nav_cell{width: 140px;/* background-color:#FFFFFF;border: 1px solid #c8c8c8; */padding: 1px;margin: 2px;}

.copyright{background-color: #ABC6E1;font-size: 10px; line-height: 16px; color: #c8c8c8; vlink: #202020; text-decoration: none;/* width: 99%; */padding: 1px;}
.small{font-size: 9px;}
.footerText{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; color: #FFFFFF; vlink: #FFFFFF; text-decoration: none}

.news_title{margin-top: 2px;width: 1000px;/* background-color:#FFFFFF; */border-bottom: 1px solid #202020;font-weight: bold;}
.news_author{/* background-color:#FFFFFF; */border-top: 1px solid #202020;}
.news_date{/* background-color:#FFFFFF; */border-top: 1px solid #202020;}
.news_entry{width: 99%;/* background-color:#FFFFFF; */}

.forum_posts{background-color: #ffffff;border: 1px solid #c8c8c8;margin:8px;color: #202020;}
.forum_tag{background-color: #ffffff;border: 1px solid #c8c8c8; border-left: 0px;color: #202020;}
.forum_content{text-align: left;background-color: #ffffff;color: #202020;}
.forum_content.border_top{border-top: 1px solid #202020;}
.forum_content.border_bottom{border-bottom: 0px solid #202020;}
.forum_quote{border: 1px solid #c8c8c8;background-color: #ffffff;}