/* Import the mass reset stylesheet */
@import url("reset.css");


/* Define any div containing floats to be of this class */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hide from IE-Mac \*/
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}
/* End hide */
* html .clearfix
{
	height: 1px;
}

/* A random char is added right in front of all html contained in the server-side html include files.
  IE6 acklowledges the character and it breaks the layout.  Use this
class right before an include in .shtml file, and close the tag right at the beginning of an include */
span.ssiFix { display: none; }


a
{
	color: #336699;
}

a:hover
{
	color: #D88C29;
}

body
{

	background: #30373F;
	background-image: url('../images/pagetopstrip.jpg');
	background-repeat: repeat-x;

	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Using this, 1 em = 10 px */
	height: 100%;
	border: none;
	text-align: center;
	padding-top: 10px;
}

html
{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	text-align: center;
}

#page
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}

/* PAGE CONTAINERS LAYOUT ********************************************* */

#pageLeft
{
	background-color: #2F373F;
	background-image: url('../images/leftpagebg.jpg');
	background-repeat: repeat-x;
	background-position: right top;
	vertical-align: top;
}

#pageMiddle
{
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
	width: 100em; /* default to 1000 pixels on normal text size */
	max-width: 1440px;
	min-width: 1000px;
	height: 100%;
}

#pageRight
{
	background-color: #2F373F;
	background-image: url('../images/leftpagebg.jpg');
	background-repeat: repeat-x;
	background-position: right top; vertical-align: top;
}

#pageLeft img { margin-right: 0px; }
#pageRight img { margin-left: 0px; }

/*#pageLeft img { margin-right: 3px; }
#pageRight img { margin-left: 3px; }*/


/* END PAGE CONTAINERS LAYOUT ********************************************* */

/* FULL CONTENT WRAPPER */
#wrapper
{
	width: 100%;
	height: 100%;
	background: #FFFFFF; /* #CCCCCC; */
	border: 5px solid #FFFFFF;
	vertical-align: top;
}


/* HEADER STYLES ********************* */
#headerContainer
{
	vertical-align: top;
}

#header
{
	width: 100%;
}

#headerTop
{
	width: 100%; /*background-color: #213042; */
	background-image: url('../images/headerTop.jpg');
	background-repeat: repeat-x;
	height: 50px;
}

#headerMiddle
{
	width: 100%;
	background-image: url('../images/headerbanner.jpg');
	/* background-size: 100%; causing problems in firefox*/
	background-repeat: no-repeat;
background-position: center;
	height: 110px; /* 001D42 5B462D 5B3000*/
}

#headerBottom
{
	width: 100%;
	background-image: url('../images/headerBottom.jpg');
	height: 50px;
}

#headerBottomStrip
{
	width: 100%; /*background-color: #5B5144;*/
	background-image: url('../images/headerBottomStrip.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 15px; /*border-bottom: 5px solid #FFFFFF;*/
}
/* END HEADER STYLES ************************ */

#contentAndNavContainer
{
	height: 100%;
	width: 100%;
	vertical-align: top;
}

#contentAndNav
{
	height: 100%;
	width: 100%;
	vertical-align: top;
}

#middleColumn
{
	padding-left: 10px;
	padding-right: 10px;
	font: 1.1em arial, verdana, helvetica, sans-serif; /* color: #313942; */
	color: #555555;
	vertical-align: top;
	background-color: #FFFFFF;
}

#middleColumnTop
{
	width: 100%;
	background-color: #2F373F;
	height: 20px;
	margin-bottom: 5px;
}

#sectionImage
{
	width: 100%;
	height: 100px;
}
#sectionImageShadow
{
	width: 100%;
	height: 10px;
	background-image: url('../images/shadow1.gif');
	background-repeat: repeat-x;
	margin-bottom: 15px;
}



#leftColumnContainer
{
	/*width: 180px; vertical-align: top; background-color: #FFFFFF;*/
	width: 180px;
	vertical-align: top;
	background-color: #EBE9DD; /*  background-image: url('../images/navbg.jpg'); */
}

#leftColumn
{
	width: 180px;
}

#leftColumnTop
{
	background-color: #5B5144;
	width: 100%;
	height: 10px;
}

#leftColumnBottom
{
	text-align: center;
}

#rightColumn
{
	width: 180px;
	vertical-align: top;
	background-color: #EBE9DD;
	text-align: center; /* background-image: url(../images/navbg.jpg'); */
}

#rightColumn img
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

#footerContainer
{
	width: 100%;
}

#footerLeft
{
	width: 180px;
	background-color: #EBE9DD;
}

#footerRight
{
	width: 180px;
	background-color: #EBE9DD;
}

#footer
{
	font: 1.1em calibri, arial, verdana, helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 100%;
	text-align: center;
	vertical-align: bottom;
}


#footer a
{
	font: 1.1em calibri, arial, verdana, helvetica, sans-serif;
	color: #336699;
}

#footer a:hover
{
	color: #D88C29;
}












/* RIGHT MENU**************************************/
#rightColumnMenu
{
	width: 100%;
	text-align: left;
}

.rightColumnMenuItemHeader
{
	padding: 10px;
	width: 150px;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #2F373F;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 11.5px;
	color: #EEEEEE;
	background-color: #2F373F;
	text-align: left;
	font: 1.15em arial, verdana, helvetica, sans-serif;
	background-image: url('../images/rightMenuItemHeaderBg.jpg');
	background-position: top;
}

.rightColumnMenuItemHeader2
{
	padding: 10px;
	width: 150px;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #2F373F;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 11.5px;
	color: #EEEEEE;
	background-color: #2F373F;
	text-align: left;
	font: 1.15em arial, verdana, helvetica, sans-serif;
	background-image: url('../images/rightMenuItemHeaderBg2.jpg');
	background-position: top;
}

a.rightColumnMenuItem
{
	padding: 10px;
	width: 150px;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 1.15em;
	color: #333333;
	background-color: #F7f7ee;
	text-decoration: none;
	font-family: arial, verdana, helvetica, sans-serif;
}

a.rightColumnMenuItemCH
{
	padding: 10px;
	width: 150px;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 1.15em;
	color: #333333;
	text-decoration: none; background-color: #F7f7ee;
	background: url('../images/recordcheckrightmenu.jpg') no-repeat right top;  
	font-family: arial, verdana, helvetica, sans-serif;
}

a.rightColumnMenuItem:hover
{
	padding: 10px;
	display: block;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	font-weight: bold; /*color: #1F5807;*/ /*background-color: #FFFFE1; 	   	 background-color: #2A3C53;*/
	color: #D88C29;
}

a.rightColumnMenuItemCH:hover
{
	padding: 10px;
	display: block;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	font-weight: bold; /*color: #1F5807;*/ /*background-color: #FFFFE1; 	   	 background-color: #2A3C53;*/
	color: #D88C29;
}

.rightMenu
{
	width: 179px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	list-style-type: none;
}

.rightMenu li ul
{
	border-right: black 1px solid;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	width: 165px;
	padding-top: 0px;
	border-bottom: black 1px solid;
	list-style-type: none;
}

.rightMenu li
{
	position: relative;
}

.rightMenu li a
{
	padding-right: 0px;
	display: block;
	padding-left: 10px;
	background: url('../images/menubg.gif') white repeat-x left bottom;
	padding-bottom: 5px;
	font: 11px arial, verdana, helvetica, sans-serif;
	width: auto;
	color: #FFF;
	padding-top: 5px;
	text-decoration: none;
}

.rightMenu li h1.section
{
	padding-right: 0px;
	display: block;
	padding-left: 10px;
	background-color: #213042;
	padding-bottom: 5px;
	font: 11px arial, verdana, helvetica, sans-serif;
	width: auto;
	color: #FFF;
	padding-top: 5px;
	text-decoration: none;
}

.rightMenu li ul
{
	filter: alpha(opacity=98);
	display: none;
	left: 0px;
	width: 170px;
	position: absolute;
	top: 0px;
}
.rightMenu li ul li
{
	float: left;
}
.rightMenu li ul a
{
	width: 160px;
}
.rightMenu .levelIcon
{
	right: 2px;
	background: url('../images/levelicon.gif') no-repeat right center;
	position: absolute;
}


.rightMenu li a:hover
{
	background-image: url('../images/menubghover.gif');
	color: #D88C29;
}

.rightMenu li a:active
{
	color: #FFF;
}

.rightMenu .expanded
{
	background: #ffffff;
}

/* To fix IE(6 and below) dotted border bug. It can't render dotted borders over image backgrounds right. */
* html .rightMenu .expanded a
{
	/* So make it a solid border */
	border-bottom: solid 1px #aaaaaa;
}

.rightMenu .expanded a
{
	padding-right: 0px;
	display: block;
	padding-left: 25px;
	background: url('../images/expandedmenu.jpg') white repeat-x left bottom;
	padding-bottom: 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	width: auto;
	color: #555555;
	padding-top: 5px;
	text-decoration: none;
	border-bottom: dotted 1px #555555;
}

.rightMenu .expanded a:hover
{
	background: #fff;
}

* html .rightMenu li
{
	float: left;
	height: 1%;
}
* html .rightMenu li a
{
	height: 1%;
}

* html .rightMenu li h1.section
{
	height: 1%;
}


/*** SEARCH **********
**********************
*********************/

#searchContainer
{
	margin-top: 10px;
	margin-right: 10px;
}

#searchContainer span
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#search
{
	float: right;
}

#search input.text
{
	margin-right: 0.5em;
	vertical-align: middle; /*border-top: solid 1px #000000; border-right: 0px; border-bottom: solid 1px #777777; border-left: 0px;*/
	border: solid 1px #434F5A;
	color: #555555;
	padding: 0.15em;
	width: 12.0em;
}

#search input.submit
{
	/*background: #939B00 url('../images/buttonbg.gif') repeat-x;*/
	background: #2F373F url('../images/buttonbg.gif') repeat-x;
	border: solid 1px #DDDDDD; /*#5F6800;*/
	font-weight: bold;
	padding: 0.25em;
	font-size: 0.8em; /*color: #F2F3DE;*/
	color: #DDDDDD;
	vertical-align: middle;
}

/********* BREADCRUMB NAV AND PAGE TITLE ***********/

#breadCrumbAndPageTitle
{
	width: 100%;
	background-color: #FFFFFF;
	background-image: url('../images/section_kbi2.jpg');
}

#breadCrumbNav
{
	font-size: 1.1em;
	margin: 0;
	vertical-align: top;
	/*background-image: url('../images/breadcrumb.png');*/
	background-repeat: repeat-x;
	line-height: 25px;
	height: 25px;
}

#breadCrumbLeft
{
	line-height: 25px;
	height: 25px;
	float: left;
	width: 10px; /*background-image: url('../images/breadCrumbLeft.png'); 	background-position: right; 	background-repeat: no-repeat;*/
	background-color: #213042;
	background-image: url('../images/breadCrumbLinks.png');
	background-repeat: repeat;
}

#breadCrumbRight
{
	line-height: 25px;
	height: 25px;
	width: 25px;
	background-image: url('../images/breadcrumbend.png');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

#breadCrumbLinks
{
	float: left;
	background-image: url('../images/breadCrumbLinks.png');
	background-repeat: repeat;
	line-height: 25px;
	height: 25px;
}

#breadCrumbLinks a
{
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	color: #C77B18;
	text-decoration: none;
}


.pageTitleArea
{
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	background-image: url('../images/breadcrumb.png');
	background-repeat: repeat;
}

.pageTitleArea h1.pageTitle
{
	font-family: Arial, Verdana, Sans-Serif;
	padding-left: 10px;
	font-size: 18px;
	color: #f6f5f0; /* border-bottom: 1px dotted #f6f5f0; */
}

.pageTitleArea h2.pageSubtitle
{
	font-family: Arial, Verdana, Sans-Serif;
	margin-bottom: 12px;
	padding-left: 10px;
	font-size: 13px;
	color: #D88C29;
}

/* IE6 cannot render .png transparency, so remove .png backgrounds from this area */
* html .pageTitleArea
{
	background: none;
}
/* Set div to solid color */
* html #breadCrumbNav
{
	background: none;
	background-color:  #213042;
}
/* IE6 cannot render .png transparency, so remove .png backgrounds from this area */
*html #breadCrumbRight
{
	background: none;
}
/* IE6 cannot render .png transparency, so remove .png backgrounds from this area */
*html #breadCrumbLeft
{
	background: none;
}
/* IE6 cannot render .png transparency, so remove .png backgrounds from this area */
*html #breadCrumbLinks
{
	background: none;
}

/**** END BREADCRUMB NAV AND PAGE TITLE ****/






















/* **** VARIOUS CONTENT STYLING ********** */




img { border: none; }

img.floatRight { float: right; }
img.floatLeft { float: left; }

span.italics
{
	font-style: italic;
}

span.bold
{
	font-weight: bold;
}

span.red { color: #600000; }

div.content h3.red
{
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.3em;
	color: #600000;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
}

div.content h3.black
{
		margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.3em;
	color: #222;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
}

div.content p
{
	margin: 1em;

}

/* 
div.content a
{
	font-size: 1.1em;
	text-decoration: none;
	/* font-family: Calibri, Arial, Verdana, Sans-Serif; */
	/* font-family: Arial, Verdana, Sans-Serif;*/
	/*color: #000080	*/
/*	color: #336699;
} 
/*
div.content a:hover
{
 	color: #D88C29; 
} */

/* AMBER ALERT ************************ */

/* Position and styles of the Amber Alert box */
div#amberAlert {
background: #FFF9E6;
border: #990000 solid 3px;
color: #990000;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 10px;
}

div#amberAlert:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hides from IE-mac \*/
* html div#amberAlert { height:1%; }
/* End hide from IE-mac */

/* Position and styles of the Amber Alert text */
div#amberAlert p {
margin: 0 0 0 8px;
padding: .3em 0 1em 0;
border-top: #990000 solid 1px;
}

/* Position and styles of the Amber Alert heading */
div#amberAlert h3 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0 8px;
}

/* Style and placement of the Amber Alert image */
div#amberAlert img {
border: none;
float: left;
margin: .5em 0 0 0;
width: 82px; /* Resizing the Amber Alert logo */
height: 50px;
}

/* AMBER ALERT ************************ */



div.imageAndCaption
{
	min-width: 1em;
	margin: 5px;
}

div.imageAndCaption div.caption 
{
	color: #555555;
	font-size: 1.1em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	text-align: center;
}

div.imageAndCaption div.image
{ }

div.left { float: left; }
div.right { float: right; }

table.desc  	
{
	width: 90%;
	height: 150px;
	border: 1px solid #DDDDDD; 
	margin-bottom: 15px;
	font-size: 1.2em;
	color: #222; 
	font-family:  Calibri, Arial, Verdana, Sans-Serif;	
}

table.desc td.leftArea { height: 100%; width: 200px; }

table.desc td.rightArea { vertical-align: top; }

table.desc td.rightArea div.header1 { padding-left: 5px; vertical-align: middle; line-height: 25px; height: 25px; background: #213042; 
color: #ffffff;
}

table.desc td.rightArea div.header2 { padding-left: 5px; 
                                      vertical-align: middle; 
                                      line-height: 25px; 
                                      height: 25px; 
                                      background: #DDD; }

table.desc td.rightArea div.desc 
{ padding-left: 5px; vertical-align: middle; 
  }

td.rightArea a 
{ 	
	text-decoration: none;
	color: #000080; 
}

td.rightArea a:hover
{
 	color: #D88C29; 
}

table.descAlt  	
{
	width: 90%;
	height: 150px;
	border: 1px solid #DDDDDD; 
	margin-bottom: 15px;
	font-size: 1.2em;
	color: #222; 
	font-family:  Calibri, Arial, Verdana, Sans-Serif;	
	background-image: url('../images/shadowbox1.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
}

table.descAlt td.leftArea { height: 100%; width: 200px; }

table.descAlt td.rightArea { vertical-align: top; }

table.descAlt td.rightArea div.header1 { font-size: 1.2em; color: #f6f5f0; padding-left: 5px; vertical-align: middle; line-height: 25px; height: 25px; color: #333333;
background: #CDCDCD;
background-image: url('../images/expandedmenu.jpg');
background-repeat: repeat-y; }

table.descAlt td.rightArea div.header2 { padding-left: 5px; vertical-align: middle; line-height: 25px; height: 25px; background: #DDD; }

table.descAlt td.rightArea div.desc { padding-left: 5px; 
                                      padding-top: 8px; 
                                      vertical-align: middle; }



table.media 
{
	font-size: 1.2em;
	color: #222; 
	font-family:  Calibri, Arial, Verdana, Sans-Serif;
	width: 90%;
}

table.media td.mainHeader 
{
	font-size: 1.3em;
	color: #f6f5f0;
	background: #213042;
}

table.media caption { }

table.media th { }

table.media td.sideColumn { width: 15%; vertical-align: top; }

table.media td.middleColumnMedia
{
	vertical-align: top;
	width: 70%;
	padding-left: 5px;
	padding-right: 5px;
}

table.media td.sectionHeader { font-size: 1.2em; text-align: center; padding-top: 2px; padding-bottom: 2px; background: #213042;
	background-repeat: repeat-x;
	color: #ffffff; }

table.media tr.odd
{
    background-color: #DEDEDE;
}

table.media tr.odd td  
{
/*	background: #CDCDCD;
	background-image: url('../images/expandedmenu.jpg'); 
background-repeat: repeat-y; */
                        
                        }




table.directors { width: 100%; 	
            /* background-image: url('../images/transparent_kbiseal.jpg');
	background-position: center center;
	background-repeat: no-repeat; */ }
	
table.directors td { width: 33%; }

div.directorImageAndCaption
{
	margin: 0 auto;
	text-align: center;
	min-width: 1em;
	margin: 5px;
}

div.directorImageAndCaption div.caption 
{
	color: #555555;
	font-size: 1.1em;
	font-family:  Calibri, Arial, Verdana, Sans-Serif;
	text-align: center;
}

div.directorImageAndCaption img { margin: 0 auto; }


div.mostWantedImageAndCaption
{
	margin: 0 auto;
	text-align: center;
	min-width: 1em;
	margin: 5px;
}

div.mostWantedImageAndCaption div.caption 
{
	color: #555555;
	font-size: 1.1em;
	font-family:  Calibri, Arial, Verdana, Sans-Serif;
	text-align: center;
}

div.mostWantedAndCaption img { margin: 0 auto; }


 div.content ul
{
	margin: 1.2em;
	list-style-type: square;
}

 div.content li { margin-left: 2em; }