/* 
  -----------------------------------
  Tab Bar Magic Page Pack CSS
  by Project Seven Development
  www.projectseven.com
  Key Lime Page Pack Layout 03b
	Static Menu or Placeholder
  2 Column Fluid
  -----------------------------------
*/

body {
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images2/cf_wonderful_pic_1.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	min-width: 1100px;
}
#masthead {
	background-image: url(../demo/crossfire-heading.png);
	background-repeat: no-repeat;
	height: 98px;
	margin-top: 2em;
}

#search {
	float: right;
	color: #000;
	border: 1px solid #669966;
	background-color: #cad5b7;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
}

#masthead input {
	background-color: #669966;
}
#menubar {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/******** LAYOUT WRAPPER **********/
#layout {
	margin: 0;
}
/******** COLUMNS WRAPPER and COLUMNS **********/
#columnwrapper {
	margin: 0.5em 0 0 0;
	position: relative;
}
#mainbox {
	margin: 0 0 0 188px;
}
#sidebox {
	position: absolute;
	top: 0;
	left: 0;
	width: 188px;
}
/********CONTENT CONTAINERS*********/

/*Main Content*/
#maincontent {
	font-size: 0.85em;
	padding: 0 24px 12px 24px;
	border-left: 1px solid #333333;
}
h1 {
	margin: 0;
	font-size: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", Times, serif;
}
h2 {
	margin: 1.5em 0 0 0;
	font-size: 1.35em;
}
h3 {
	margin: 1.5em 0 0 0;
	font-size: 1.35em;
}
h4, h5, h6 {
	margin: 1.5em 0 0 0;
	font-size: 1.25em;
}
#maincontent p {
	margin: 8px 0 12px 0;
	line-height: 155%;
}
.callout {
	float: right;
	width: 138px;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 0.85em;
	border-bottom: 1px solid #333333;
}
.callout ul li.first a {
	color: #FFEA93 !important;
	background-image: url(../images2/sidenav.png) !important;
	background-attachment: fixed;
}
.callout ul li.first a:hover {
	color: #669966 !important;
	background-image: url(../images2/sidenav_gold.png) !important;
	background-attachment: fixed;
}
.callout li {
	list-style-type: none;
}
.callout li a:link, .callout li a:visited {
	color: #000000;
	display: block;
	padding: 2px 2px 0 4px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	text-decoration: none;
	background-image: url(../images2/sidenav_gray.png);
	background-attachment: fixed;
	width: 132px;
}
.callout li a:hover {
	color: #FFEA93!important;
	background-image: url(../images2/sidenav.png);
	background-attachment: fixed;
}
.callout ul {
	margin: 0;
	padding: 0;
}
/*Sidebar*/
#sidecontent {
	padding: 0 24px 12px 24px;
	font-size: 0.8em;
	letter-spacing:0.1em;
}
#sidecontent .topheading {
	margin: 0;
}
#sidecontent p {
	margin: 8px 0 12px 0;
}
/***********FOOTER************/
/*Footer Container*/
#footerbox {
	font-size: 0.7em;
	margin: 0 0 16px 188px;
	background-color: #ffffff;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
/*Footer Content*/
#footer {
	margin: 0;
	padding: 36px 24px 8px 24px;
	color: #333333;
	text-align: center;
	clear: both;
	background-image: url(../images2/footer_background.png);
	background-repeat: repeat-x;
}
#footer p {
	margin: 0 0 12px 0;
}
/******SKIP LINKS********/
/*Skip Links Container*/
#skips {
	position: absolute;
	top: 36px;
	right: 15px;
	margin: 0 15px 0 0;
}
/*Skip Link Link Styles*/
#skips a, #skips a:visited, #skips a:hover {
	color: #4a4a4a;
	cursor: default;
	font-size: 0.7em;
	display: none;
}
/*********PAGE LINK STYLES********/

#columnwrapper a:link, #footer a:link, .p7fix a:link {
	color: #669966;
}
#columnwrapper a:visited, #footer a:visited, .p7fix a:visited {
	color: #999;
}
#columnwrapper a:hover, #columnwrapper a:active, #columnwrapper a:focus, #footer a:hover, #footer a:active, #footer a:focus {
	color: #669966;
	text-decoration: none;
}
/******TAB BAR MAGIC NAVBAR STYLES********/


#p7TBMroot {
	font-size: 1em;
	border-top: 1px solid #333333;
	background-image: url(../images2/kltab_bevel_bottom.gif);
	padding: 0 0 16px 0;
	background-repeat: repeat-x;
	background-position: left bottom;
	min-width: 1100px;
}
#p7TBMrootbox {
	background-image: url(../images2/kl-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #97AD73;
	height: 2em;
}
#p7TBMroot ul {
	padding: 0;
	margin: 0;
	border-left: 1px solid #333;
}
#p7TBMroot li {
	list-style-type: none;
	display: inline;
}
#p7TBMroot li a {
	/* Background image for navigation buttons and dropdowns*/
	color: #333333;
	padding: 5px 10px;
	text-decoration: none;
	border-right: 1px solid #333333;
	background-image: url(../images2/klb_roots.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-color: #97AD73;
}
#p7TBMrootuberlink {
	color: #333333!important;
	background-color: #FFFFFF!important;
	background-position: 0px -200px !important;
	background-repeat: repeat;
}
/*
The Root Level Hover.
DO NOT CHANGE SELECTOR NAMES*/ 
#p7TBMroot li a:hover, #p7TBMroot li a:focus, #p7TBMroot li a:active {
	color: #ECE9D8;
	background-position: 0px -100px;
	background-repeat: repeat;
	background-color: #FFFFFF;
}
#p7TBM br {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 1px;
}
/****** Header Navigation ********/

#header {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0.75em;
	background-color: #4a4a4a;
	background-image:url(../images2/kl-h1.jpg);
	color: #ffffff;
	display: block;
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 2px;
	width: 100%;
}
#header ul {
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
}
#header ul li {
	margin-left: 0;
	padding: 0px 15px;
	border-left: 1px solid #fff;
	list-style: none;
	display: inline;
}
#header ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}
#header p {
	float: left;
	padding: 0 10px;
	margin: 0;
}
#header a {
	color: #ffffff;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#maincontent td.tableintro {
	font-weight: bold;
	letter-spacing: 0.25em;
	padding: 0.33em 0.5em 0.167em;
	background-color: #97AD73;
	background-image: url(../images2/green_gradient.png);
}
#maincontent table {
	background-color:#4a4a4a;
}
#maincontent td.heading {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images2/kl-h1.jpg);
}
#maincontent td {
	background-color:#eee;
	vertical-align: top;
}
#maincontent .intro {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.10em;
	margin: 0.5em 1em;
}
#maincontent .headline {
	font-weight: bold;
	letter-spacing: 0.25em;
	padding: 0.33em 0.5em 0.167em;
	border-bottom: 1px solid #557;
}
#maincontent .heading {
	margin-right: 0;
	padding: 0.25em 0 0.125em 0;
	letter-spacing: 0.5em;
	font-weight: bold;
}
#maincontent .date {
	font-weight: bold;
	margin: 0.5em 1em;
	padding: 0;
}
/****** Base Navigation ********/

#base {
	font-size: 0.75em;
	background-color: #707070;
	background-image:url(../images2/kl-h1.jpg);
	color: #ffffff;
	background-repeat: repeat-x;
	display: block;
	border-bottom: 1px solid #eee;
	border-top:1px solid #000;
	margin: 0;
	width: 100%;
}
#base ul {
	margin: 0;
	padding: 0;
	display: inline;
}
#base ul li {
	margin-left: 0;
	padding: 0px 5px;
	list-style: none;
	display: inline;
}
#base a {
	color: #ffffff;
	text-decoration: none;
	border: none;
}
#base a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
/* Box Punch Code */

div#main1x1, div#main1x2, div#main2x1, div#main2x2, div#main2x3, div#main3x2, div#main3x3, div#main3x4, div#main4x4, div#main4x8, div#main6x7 {
	background-image: url(../images2/green2white_gradient.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}
div#main1x1, div#main1x2, div#main2x1, div#main2x2, div#main2x3, div#main3x2, div#main3x3, div#main3x4, div#main4x4, div#main4x8, div#main6x7 {
	border : 1px solid #000000;
}
div#main1x1 h2, div#main1x2 h2, div#main2x1 h2, div#main2x2 h2, div#main2x3 h2, div#main3x2 h2, div#main3x3 h2, div#main3x4 h2, div#main4x4 h2, div#main4x8 h2, div#main6x7 h2 {
	color: #333;
	background-image: url(../images2/green_gradient.png);
	border-top : 1px solid #ffffff;
}
div#punch1x1 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch1x2 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch2x1 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch2x2 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch2x3 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch3x2 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch3x3 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch3x4 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch4x4 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch4x8 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch6x7 {
	background : #ffffff;
	border : solid #000000 1px;
	border-width : 0 1px 1px 0;
	color : #000000;
}
div#punch3b {
	background: transparent;
	color: black;
	border-right: solid black 1px;
	margin: 3em -1px 0.2em 0.5em;
}
div#punch3c {
	background: transparent;
	color: black;
	border-right: solid black 1px;
	margin: 0.2em -1px 0.2em 0.5em;
}
/* Box Punch Code */


div#main1x1, div#main1x2, div#main2x1, div#main2x2, div#main2x3, div#main3x2, div#main3x3, div#main3x4, div#main4x4, div#main4x8, div#main6x7 {
	margin : 1em 1em 2em 1em;
	width : 95%;
}
div#main1x1, div#main1x2, div#main2x1, div#main2x2, div#main2x3, div#main3x2, div#main3x3, div#main3x4, div#main4x4, div#main4x8, div#main6x7 {
}
div#main1x1 h2, div#main1x2 h2, div#main2x1 h2, div#main2x2 h2, div#main2x3 h2, div#main3x2 h2, div#main3x3 h2, div#main3x4 h2, div#main4x4 h2, div#main4x8 h2, div#main6x7 h2 {
	font-weight: bold;
	font-size: 13px;
	font-family : sans-serif;
	margin : 0;
	padding : 0.25em 1em 0.125em 0;
	text-align : right;
	text-transform : uppercase;
}
div#main1x1 p, div#main1x2 p, div#main2x1 p, div#main2x2 p, div#main2x3 p, div#main3x2 p, div#main3x4 p, div#main3x3 p, div#main4x4 p, div#main4x8 p, div#main6x7 p {
	margin : 0;
	padding : 0.5em 1em;
}
div#punch1x1 {
	float : left;
	height : 32px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 32px;
}
div#punch1x2 {
	float : left;
	height : 32px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 64px;
}
div#punch2x1 {
	float : left;
	height : 64px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 32px;
}
div#punch2x2 {
	float : left;
	height : 64px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 64px;
}
div#punch2x3 {
	float : left;
	height : 96px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 64px;
}
div#punch3x2 {
	float : left;
	height : 64px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 96px;
}
div#punch3x3 {
	float : left;
	height : 96px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 96px;
}
div#punch3x4 {
	float : left;
	height : 128px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 96px;
}
div#punch4x4 {
	float : left;
	height : 128px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 128px;
}
div#punch4x8 {
	float : left;
	height : 256px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 128px;
}
div#punch6x7 {
	float : left;
	height : 224px;
	margin : -1px 25px 10px -1px;
	padding : 0 10px 5px 0;
	position : relative;
	text-align : center;
	width : 192px;
}
div#punch1x1 img {
	height : 32px;
	width : 32px;
}
div#punch1x2 img {
	width : 64px;
	height : 32px;
}
div#punch2x1 img {
	width : 32px;
	height : 64px;
}
div#punch2x2 img {
	width : 64px;
	height : 64px;
}
div#punch2x3 img {
	width : 64px;
	height : 96px;
}
div#punch3x2 img {
	width : 96px;
	height : 64px;
}
div#punch3x4 img {
	width : 96px;
	height : 124px;
}
div#punch4x4 img {
	width : 128px;
	height : 128px;
}
div#punch4x8 img {
	width : 128px;
	height : 256px;
}
div#punch6x7 img {
	width : 192px;
	height : 224px;
}
div#punch3b {
	float: right;
	width: 40%;
	text-align: left;
	padding: 1em;
	text-indent: -0.5em;
	margin: 0.2em -1px 0.2em 0.5em;
	position: relative; /* fix for IE/Win */
}
div#punch3b p {
	font-size: 1em;
}
div#punch3b img {
	width: 32px;
	height: 32px;
	padding: 0px 10px 5px 10px;
}
div#punch3c {
	float: right;
	width: 40%;
	text-align: left;
	padding: 1em;
	text-indent: -0.5em;
	margin: 0.2em -1px 0.2em 0.5em;
	position: relative; /* fix for IE/Win */
}
div#punch3c p {
	font-size: 1em;
}
div#punch3c img {
	width: 64px;
	height: 32px;
	padding: 0px 10px 5px 10px;
}
/*.breaker keeps the navigation div from overlapping on the footer div*/	
	.breaker {
	clear : both;
	height : 30px;
	overflow : hidden;
}
span.letter {
	border: 1px solid #000000;
	background-color: #eeeeee;
	color: #4a4a4a;
	padding: 0.25em;
	font-size: 2em;
	clear: both;
}
span.index a {
	font-size: 0.75em;
	letter-spacing: 0;
	margin-left: 2em;
	font-weight: normal;
	text-decoration: none;
}
#maincontent td {
	vertical-align : top;
	line-height: 110%;
}
/* table of contents for spoiler pages */
	
#maincontent td a:link, #maincontent td a:visited, #maincontent td a:active {
	display: block;
	padding: 5px;
	text-decoration: none;
}
#maincontent td a:hover {
	text-decoration: underline;
}
#maincontent .headline {
	border-bottom: 4px double #669966;
}
#maincontent .date {
	border-bottom: 1px solid #669966;
}
#maincontent .intro {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.10em;
	margin: 0.5em 1em;
}
.code {
	padding: 10px;
	border-left: 1px dashed #888;
	border-bottom: 1px dashed #888;
	background: #eee;
}