/* #ffcc00  Gold */
/* #003366  Navy */
/* #000033  text color */
/* #990000  garnet */

h1, h2, h3, h4 {
	color: #003366;
	text-align: left;
}


/* This div represents the entire page */
#outer {
	background-color: #ffffff;
	width: 789px;
	/*border: 1px solid purple;*/
	margin: auto auto;
	text-align: center;
	position: relative;
	font-family: Arial, Verdana, Sans-Serif;
	padding: 0px;
}

/* This div represents the banner logo.  topBanner was made 'position: relative' so that the search container could be
absolutely positioned within it.  The left attribute was -1 to account for the fact that it was positioning to a border
that was not being displayed. */

#topBanner {
	font-family: Arial, Verdana, Sans-Serif;
	display: block;
	text-align: center;
	position: relative;
	margin-bottom: 4px;
	left: -1px;
	/*border: 1px solid green;*/
}

img#imgBanner {
	border: none;
}


/* The following represent the search container, box and button */
#searchContainer {
	/*border: 1px solid black;*/
	height: 24px;
	width: 200px;
	position: absolute;
	top: 48px;
	left: 550px;
}

.searchButton {
	background-color: #fff; 
	color: #000033;
	border: 1px solid #000033;
	font-family: Verdana;
	height: 20px;
	font-size: .75em;
	float: right;
	margin-top: 2px;
}

.searchBox{
	color: #000033;
	border: 1px solid #000033;
	height: 16px;
	font-size: .75em;
	float: left;
	margin-top: 2px;
}

/*twitter box*/
.twitter{
	height: 24px;
	width: 61px;
	top: 48px;
	float: left;
	margin-top: 4px;
	margin-left: 3px;
}

/*blog box*/
.blog{
	height: 24px;
	width: 67px;
	top: 48px;
	float: right;
	margin-top: 4px;
	margin-right: 5px;
}

.khpButton {
	background-color: #fff; 
	color: #000033;
	border: 1px solid #000033;
	font-family: Verdana;
	height: 20px;
	font-size: .75em;
}

.memorialCell{
	float: red;
	width: 180px;
	text-align: center;
}

/*The following represenst the navigation within the banner */
.bannerMenuHome {
	font-size: .75em;
	position: absolute;
	top: 30px;
	left: 375px;
	color: inherit;
	width: 94px;
	height: 15px;
}

.bannerMenuContactUs {
	font-size: .75em;
	position: absolute;
	top: 30px;
	left: 490px;
	color: inherit;
}

.bannerMenuSiteMap {
	font-size: .75em;
	position: absolute;
	top: 30px;
	left: 596px;
	color: inherit;
	z-index: 3;
}

.bannerMenuKansas {
	font-size: .75em;
	position: absolute;
	top: 30px;
	left: 686px;
	color: inherit;
	z-index: 4;
}


#dropDownNav{
	/*border: 1px dashed gold;*/
	border-top: 2px solid #990000;
	height: 20px;
}

#subBanner {
	font-family: Arial, Verdana, Sans-Serif;
	display: block;
	height: 40px;
	/*border: 1px solid green;*/
	border-width: 2px;
	border-color: #990000;
	border-style: solid none solid none;
	margin-bottom: 2px;
	
}


.boldText {
	font-weight: bold;
}

img#randomImage {
	height: 225px;
	width: 620px;
	padding: 0px;
}


#vertNav {
	display: block;
	width: 150px;
	height: 400px;
	font-family: Arial, Verdana, Sans-Serif;
	float: left;
	position: relative;
	font-size: .75em;
	border-width: 4px;
	border-color: #990000;
	border-style: none ridge none none;
	margin-right: 4px;
	padding: 0px;
}


.vertNavBtn{
	display: block;
	border-style: ridge;
	border-color: #666666 #003366 #003366 #666666;
	border-width: 2px;
	width: 140px;
	text-align: center;
	padding-top: 4px;
	margin: 0px 2px 2px 0px;
	height: 20px;

}

/*These are the icons in the horizontal menu*/
div#menuIcons {
	width: 144px;
	text-align: center;
	margin-right: 2px;
}

a.subMenuItem:link {
	border: #ffcc66 1px solid;
	filter: Alpha(opacity=60);
	color: #000033;
	text-decoration: none;
}

a.subMenuItem:visited {
	border: #ffcc66 1px solid;
	filter: Alpha(opacity=60);
	color: #000033;
	text-decoration: none;
}

a.subMenuItem:hover {
	border: #ffcc66 1px dashed;
	filter: Alpha(opacity=90);
	color: #996600;
	text-decoration: none;
}
a.subMenuItem:active {
	border: #ffcc66 1px solid;
	filter: Alpha(opacity=50);
	color: #000099;
	text-decoration: none;
}

a.subMenuItem {
	font: bold .75em Verdana;
	letter-spacing: 1px;
	height: 14px;
	background-color: #fff;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 2px;
	color: #000033;
}


.submenu {
	background-color: #fffeee;
	position: absolute;
	width: 260px;
	left: 152px;
	border: 1px solid #ffcc00;
	visibility: hidden;
}

#subMenu1 {
	top: 0px;
}

#subMenu2 {
	top: 30px;
}

#subMenu3 {
	top: 60px;
}

#subMenu4 {
	top: 90px;
}

#subMenu5 {
	top: 120px;
}

#subMenu6 {
	top: 150px;
}

#subMenu7 {
	top: 180px;
}

#subMenu8 {
	top: 210px;
}

#subMenu9 {
	top: 240px;
}

#subMenu10 {
	top: 270px;
}

#subMenu11 {
	top: 246px;
}


img.quickLinks {
	border: none;
}


a {
	text-decoration: none;
	color: #663300;
}



a:hover {
	text-decoration: underline;
}




a.vertNavBtn {
	color: #ffffcc;
	background-color: #003366;
}

a.vertNavBtn:hover {
	color: #ffcc33;
	border-color: #ffcc00;
	text-decoration: none;
}



#picArea {
	display: block;
	font-family: Arial, Verdana, Sans-Serif;
	text-align: center;
	height: 225px;
	width: 620px;
	padding: 0px;
}



/* This div contains the title and items */
#hotTopics {
	font-family: Arial, Verdana, Sans-Serif;
	border-style: solid;
	border-color: #ffcc00;
	border-width: 2px 2px 2px 2px;
	height: 120px;
	margin-top: 2px;
	text-align: left;
	padding: 30px 4px 4px 4px;
	position: relative;
	width: 182px;
}

.hotText {
	color: #990000; 
	font-weight: bold; 
	font-size: 1.6em; 
	text-align: center;
	background: #ffcc00;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 192px;
	border: 0px;
}

.hotItems {
	
	font-size: 1.0em;
	font-family: Arial, Sans-Serif;

}

/* Position and styles of the Amber Alert box */


div#AmberAlert {
	background: #FFF9E6;
	border: 3px solid #990000;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0;
	padding: 10px;
}


/* Position and styles of the Amber Alert text */
div#AmberAlert p {
	margin: 0 0 0 0em;
	padding: .3em 0 1em 0;
}

/* Position and styles of the Amber Alert heading */
div#AmberAlert h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;

}

/* Style and placement of the Amber Alert image */
div#AmberAlert img {
	border: none;
	margin: 0 1.5em 0 2.5em;
}
	/* .5em */

#terrorAlert {
	margin: 16px;
	height:40px; 
	/*border: 1px dashed red;*/
}

#quickLinks {
	margin: 3px;
	height:100px; 
	/*border: 1px solid green;*/
}

img.floatLeft {
	float: left;
}

.floatItLeft600{
	float: left;
	width: 600px;
}

.floatItLeft {
	float: left;
	width: 500px;
}

img {
	border: none;
}

a img {
	border: 1px solid #663300;
}

img.floatRight {
	float: right;
}

img.centeredImage {
	text-align:center;
    	display:block;

}


img.padImage{
	padding: 15px;
}


#pageName {
	font-size: 1.3em;
	padding-left: 10px;
	color: #003366;
}


/*This box floats on right side of page and is used for pull quotes*/
#pullQuoteBox {
	width:300px;
	height:auto;
	border: 3px solid #990000;
	margin: 4px;
	padding: 10px;
	float: right;
}

.pullQuoteBox150 {
	width:150px;
	height:auto;
	border: 3px solid #990000;
	margin: 4px;
	padding: 10px;
	float: right;
	text-align:center;
	font-weight:bold;
}

.pullQuoteBoxL150 {
	width:300px;
	height: auto;
	border: 3px solid #990000;
	margin: 4px;
	padding: 10px;
	float: right;
	text-align:left;
	font-weight:normal;
}

#pullQuoteBoxExpand {
	border: 3px solid #990000;
	padding: 6px;
	text-align:center;
	line-height: 18px;
	float: right;
}

div ul, div il {

	font-size: 1.0em;
}

.listStyle2 {

	font-size: .75em;

}

.listStyle3{
	font-size: 1.0em;
	list-style: none;


}


/* This is the surrounding div for the content area (not vertical navigation or banner) */
#content{
	height: 30em;
	/*border: 1px solid purple*/
	padding-left: 5px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 620px;
}


/* The following are various formats that are positioned with the content div */


/* An inner div with specific purpose */
.innerContentDiv{
	width: 520px;
	text-align: left;
	font-size: 1.0em;
	height: auto;
	float: left;

}

.innerContentDiv2{
	width: 622px;
	text-align: left;
	font-size: 1.0em;
	float: left;

}
.alignLeft{
	text-align: left;
	font-size: .75em;
	margin-top: 20px;
}



.alignCenter{
	text-align: center;

}


/*The following L-R describe the home page 3 column layout*/
div#ThreeColLeft{
	float: left;
	/*border: 1px dashed black;*/
	width: 200px;
	text-align: left;
	margin-top: 2px;
	font-size: .75em;
	color: #000033;
}

div#ThreeColLeftBot{
	float: left;
	/*border: 1px dashed black;*/
	width: 200px;
	height: 45px;
	text-align: left;
	color: #000033;
}

div#ThreeColMiddle{
	float: left;
	width: 200px;
	text-align: left;
	margin: 2px 0px 0px 10px;
	font-size: .75em;
	color: #000033;
	/*border: 1px solid black;*/
}

div#ThreeColMiddleBot{
	float: left;
	/*border: 1px dashed black;*/
	width: 200px;
	height: 45px;
	text-align: left;
	color: #000033;
}


div#ThreeColRight{
	float: left;
	width: 200px;
	text-align: left;
	margin: 4px 0px 0px 10px;
	font-size: .75em;
	/*border: 1px solid black;*/
	color: #000033;
}

.ThreeColLeft{
	float: left;
	/*border: 1px dashed black;*/
	width: 200px;
	height: 125px;
	text-align: left;
	color: #000033;
}

.ThreeColMiddle{
	float: left;
	width: 200px;
	height: 125px;
	text-align: left;
	color: #000033;
	/*border: 1px solid black;*/
}


.ThreeColRight{
	float: left;
	width: 200px;
	text-align: left;
	margin: 4px 0px 0px 10px;
	font-size: .75em;
	/*border: 1px solid black;*/
	color: #000033;
}

/***********************Two column table found in FAQ concerning DUI */
div#tblDUI{

	height: auto;
	width: 520px;
	font-size: 0.75em;
	text-indent: 1px;
	text-indent: 1px;
}

.Divider{
	background: black;
}

.FullRow{
	width: 515px;
	height: auto;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin-left: 1px;

}

.FullRowOdd{
	width: 515px;
	background: #F5F5F5;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin-left: 1px;


}

.FullRowBottomOdd{
	width: 515px;
	background: #F5F5F5;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin-left: 1px;

}

.FullRowBottom{
	width: 515px;
	background: #F5F5F5;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin-left: 1px;

}
.ColLeftDUIheader {
	width: 145px;
	float: left;
	text-align: left;
	line-height: 20px;
	font-weight: bold;
	background: #ffcc00;
	margin-left: 0px;
}

.ColLeftDUI {
	width: 145px;
	float: left;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	height: auto;
	margin-left: 1px;
}

.ColRightDUIheader {
	width: 365px;
	float: left;
	text-align: left;
	line-height: 20px;
	font-weight: bold;
	background: #ffcc00;
}

.ColRightDUI {
	width: 365px;
	float: left;
	text-aligh: left;
	line-height: 20px;
	height: auto;
}


/*The following L-R describe a 2 column table template*/
/*Remember because both of these column divs float that are out of the flow so wrap 
them in a div called div#tblTwoCol and give it dimension.*/




div#tblForms{
	height: auto;
	width: 520px;
	line-height: 20px;
}

.ColLeftForms {
	width: 100px;
	float: left;
	text-align: left;
}

.ColLeftForms150 {
	width: 150px;
	float: left;
	text-align: left;
}

.ColRightForms {
	width: 410px;
	float: left;
	text-align: left;
	margin-left: 4px;
	height: auto;
}

.ColRightForms350 {
	width: 350px;
	float: left;
	text-align: left;
	margin-left: 4px;
	height: auto;
}

div#tblTwoCol{
	height: auto;
	width: 550px;
	float: left;
}

div#tblTwoCol550{
	/*border: 1px solid gray;*/
	height: 550px;
}



div#tblThreeCol {
	height: auto;
	width: 550;
	/*border: 1px solid red;*/
}


div#ColLeft {
	width: 262px;
	float: left;
	text-align: left;
	/*border: 1px solid black;*/
}



.FleetSales {
	width: 310px;
	height: auto;
	float: left;
	text-align: left;
}


div#ColLeft300 {
	width: 300px;
	float: left;
	text-align: right;
}

div#ColRight300 {
	width: 300px;
	float: left;
	text-align: left;
	margin-left: 10px;
}



div#ColLeft350 {
	width: 350px;
	float: left;
	text-align: left;
	/*border: 1px solid green;*/
}

div#ColRight200 {
	width: 200px;
	float: left;
	text-align: left;
	/*border: 1px solid green;*/
}

.tblTwoCol700{
	height: 820px;
	width: 620px;

	
}


/* tops program stats tables */

.topsTblThreeCol {
	height: auto;
	width: 520;
	/*border: 1px solid red;*/
}

.topsLeftCol {
	height: auto;
	width: 200px;
	float: left;
	padding: 5px;
	font-size: .75em;
	border: 1px solid #003366;
}

.topsMiddleCol {
	height: auto;
	width: 100px;
	padding: 5px;
	float: left;
	font-size: .75em;
	border: 1px solid #003366;
}

.topsRightCol {
	height: auto;
	width: 100px;
	float: left;
	padding: 5px;
	font-size: .75em;
	border: 1px solid #003366;
}
/* end tops program tables */

div#ColRight {
	width: 262px;
	float: left;
	text-align: left;
	/*border: 1px solid green;*/
}


.oneCellRow150 {
	height: 35px;
	width: 150px;
	padding: 5px;
	font-size: .75em;
	border: 1px solid #003366;
	/*border: 1px dashed green;*/
}

.oneCellRow350 {
	height: 35px;
	width: 350px;
	padding: 5px;
	font-size: .75em;
	border: 1px solid #003366;
	/*border: 1px dashed orange;*/
}

.ColLeft200 {
	width: 200px;
	height: auto;
	float: left;
	text-align: right;
}

.ColRight350 {
	width: 380px;
	float: left;
	text-align: left;
}



/*this section for a OneCellRow containing only one cell each column*/

.table650 {
	height: auto;
	width: 650;
	margin-bottom: 10px;
}

.oneCellRow125 {
	height: 30px;
	width: 125px;
	padding: 5px;
	border: 1px solid #003366;
	/*border: 1px dashed orange;*/
}

.oneCellRow150 {
	height: 30px;
	width: 150px;
	padding: 5px;
	font-size: .75em;
	border: 1px solid #003366;
	/*border: 1px dashed orange;*/
}

	
.oneCellRow200 {
	height: 30px;
	width: 200px;
	padding: 5px;
	border: 1px solid #003366;
	/*border: 1px dashed orange;*/
}

.oneCellRow250 {
	height: 30px;
	width: 250px;
	padding: 5px;
	font-size: .75em;
	/*float: left;*/
	/*border: 1px dashed orange;*/
}

.oneCellRow300 {
	height: 30px;
	width: 300px;
	padding: 5px;
	font-size: .75em;
	border: 1px solid #003366;
	/*border: 1px dashed orange;*/
}

.linkCell {
	height: auto;
	width: 280px;
	text-align: left;
	font-size: .75em;
	line-height: 14px;
	margin: 6px 0px 6px 0px;
}
	
.oneCellRow350nb {
	height: 30px;
	width: 350px;
	padding: 5px;
	font-size: .75em;
	/*border: 1px dashed orange;*/
}


.Cell1 {
	width: 250px;
	height: 20px;
	float: left;
	text-align: left;
	padding: 4px 0px 0px 4px;
	/*border: 1px solid black;*/
}

.CellHeader1 {
	margin: 0px;
	height: 10px;
	width: 250px;
	float: left;
	text-align: left;
	padding: 4px 0px 0px 4px;
	/*border: 1px solid red;*/
}

/*reusable class for 2 column table with shorter left column*/
.TwoColLeft {
	height: 30px;
	width: 250px;
	font-size: .75em;
	border: 1px solid #003366;
}

.TwoColRight {
	height: 30px;
	width: 350px;
	font-size: .75em;
	border: 1px solid #003366;
}

/* Two column table for class listings (cl) */

.tblClassHeader{
	font-family: Arial, Helvetica, Sans-Serif;

}

.tblClassWrapper {
	width: 700px;
	height: auto;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .8em;
	position: static;
	margin: auto;
	text-align: center;
}

.tblClass {
	width: 560px;
	margin: auto;
	height: 990px;
	position: static;

}

.clCellLeft{
	width: 350px;
	height: 20px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #003366;
	text-align: left;
	float: left;
}

.clCellLeft250{
	width: 250px;
	height: 20px;
	text-align: left;
	float: left;
}
.clCellRight{
	width: 200px;
	height: 20px;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #003366;
	text-align: left;
	float: left;
}


.clCellRight100{
	width: 100px;
	height: 20px;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #003366;
	text-align: left;
	float: left;
}


.clCellRight250{
	width: 250px;
	height: 20px;
	text-align: left;
	float: left;
}



/*reusable class for 3 column table with medium, large, and small columns
These classes are more cells than cols.  Each float left against the previous
and are contained within the outer static div*/

.cell50 {
	height: 50px;
	width: 50px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell75 {
	height: 50px;
	width: 75px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell150 {
	height: 50px;
	width: 150px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}
.cell200 {
	height: 50px;
	width: 200px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell250 {
	height: 50px;
	width: 250px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell300 {
	height: 50px;
	width: 300px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell350 {
	height: 50px;
	width: 350px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}


/*reusable class for 4 column table with equal size columns
These classes are more cells than cols.  Each float left against the previous
and are contained within the outer static div*/

.cell130 {
	height: 50px;
	width: 123px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell130gold {
	background:#ffcc00;
	height: 50px;
	width: 123px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell170 {
	height: 60px;
	width: 165px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}

.cell170gold {
	background:#ffcc00;
	height: 25px;
	width: 165px;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	padding-left: 5px;
}



/*reusable class for holding the two (L,R) cells*/
	
.TwoCellRow {
	height: 30px;
	width: 200px;
	font-size: .75em;
	/*border: 1px dashed green;*/
}

/*this section for a TwoCellRow containing two cells*/

.Cellbkgrnd {
	background: #ffcc00; 
	margin: 1px;
	width: 80px;
	height: 25px;
	float: left;
	text-align: center;
	padding: 4px 0px 0px 4px;	
}
.Cell {
	width: 80px;
	height: 25px;
	float: left;
	text-align: center;
	padding: 4px 0px 0px 4px;
	/*border: 1px solid black;*/
}

.CellHeader {
	margin: 1px;
	height: 20px;
	width: 80px;
	float: left;
	text-align: center;
	padding: 4px 0px 0px 4px;
}


/*The following describe an internal page table used for displaying positions data*/

.tblEmpPos{
	margin: 20px 0px;
	float: left;
	width: 550px;
	height: auto;
}

.rowEmpPos{
	width: 530px;
	height: auto;
	font-size: .75em;
	border: 1px solid #003366;
	float: left;
	/*border: 1px dashed purple;*/
}


.cellEmpPosLeft {
	width: 300px;
	height: 22px;
	float: left;
	text-align: left;
	padding: 4px 0px 0px 4px;
	border-right: 1px solid #003366;
}

.cellEmpPosRight {
	width: 191px;
	height: 22px;
	float: left;
	text-align: left;
	padding: 4px 0px 0px 4px;
}


.cellEmpPosBig {
	width: 518px;
	height: auto;
	float: left;
	text-align: left;
	padding: 6px;
}



div#footer{
	margin-top: 20px;
	border-top: 4px ridge #990000;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	width: 600px;
	padding-top: 5px;
	font-size: .6em;
	float: left;
	text-align: center;
	
}



/*These are some general use classes that can be used as needed*/

/*puts a gold banner background*/
.goldHeader {
	background: #FFCC33;
	text-align: center;
}

/*puts a navy banner background*/
.blueHeader {
	background: #003366;
	text-align: center;
	color: #FFF;
}

/* left aligns an element */
.leftAlign {
	text-align: left;
}

/* centers an element */
.centerAlign{
	text-align: center;
}

/* right aligns an element */
.rightAlign{
	text-align: right;
	image-align: right;
}


/* spaces the line height, used in lists */
.lineHeight {
	line-height: 150%;
}

/* bolds text */
.boldIt{
	font-weight: bold;
}

/* underlines text*/
.underlineIt {
	text-decoration: underline;
}

.redText{
	color:#990033;
}

.blueText{
	color: #003366;
}

/*italicizes text*/
.italicizeMe{
	font-style: italic;
}
/*indents text*/
.indent{
	text-indent: 2em;
}

.goldBackground{
	background: #FFCC33;
}

.textSize1{
	font-size: 150%;
}

.textSize2{
	font-size: 130%;
}

.textSize3{
	font-size: 110%;
}

.textSize4 {
	font-size: 86%;
}

.colorNavy{
	color: #003366;
}

.defFontSize {
	font-size: .75em;
}



.listItemFontSize {
	font-size: 1.0em;
}	
	
.blockQuoteMe{
	margin: 0px 100px 0px 20px;
}

.indentLeft {
	margin: 0px 0px 0px 30px;
}

.blockQuoteMe2{
	margin: 0px 100px 0px 40px;
}


#imageBox{
	border: 3px solid #990000; 
	border-style: ridge;
	width: 250px;
	float: right;
	height: auto;
	padding: 6px;
	margin-left: 10px;
}

.imageButtons {
	width: 100px;
}

.formButtons {
	width: 70px;
}

.cellLeft {
	height: 146px;
	width: 250px;
	/*border: 1px solid red;*/
	float: left;
	margin-right: 10px;
}

.cellRight {
	height: 146px;
	width: 250px;
	/*border: 1px solid blue;*/
	float: left;
}

#scrollByClass {

	display: none;
}



div.scroll {
	height: 200px;	
	width: 600px;	
	overflow: auto;	
	border: 1px solid #666;	
	padding: 8px;
	font-size: .75em;
	margin-top: 5px;
}

div.ScrollLeftCell {
	width: 350px;
	float: left;
	line-height: 20px;

}

div.ScrollRightCell{
	width: 210px;
	float: left;
	margin-left: 6px;
	line-height: 20px;

}

#DescripBox{
	width: 620px;
	font-size: .75em;
}


div.DescripLeftCell {
	width: 222px;
	float: left;
	line-height: 20px;
	border: 1px solid black;
	border-top-style: none;
	padding-left: 6px;
}



div.DescripRightCell {
	width: 362px;
	float: left;
	padding: 0px 6px;
	line-height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}


div.DescripLongCellwB {
	width: 591px;
	float: left;
	line-height: 20px;
	padding: 0px 6px;
	border: 1px solid black;
}

div.DescripLongCell {
	width: 591px;
	float: left;
	line-height: 20px;
	padding: 0px 6px;
	border: 1px solid black;
	border-top-style: none;
}

div.DescripRow{
	height: 20px;
	border: 1px solid #fff;
	cursor: pointer;
}

.noShow {
	display: none;
}

.noBorder {
	border: none;
}

div#tabDialog{
	width: 600px;
	height: 410px;
	border-top: 4px ridge #990000;
	border-right: 2px ridge #990000;
	border-bottom: 2px ridge #990000;
	border-left: 2px ridge #990000;
	float: left;
	overflow: auto;	
	padding: 10px;
}


div.tabButton{
	width: 140px;
	height: 16px;
	border-color: #990000;
	border-style: ridge;
	border-width: 1px 1px 0px 1px;
	float: left;
	font-size: .75em;
	margin: 0px 2px 1px 0px;
	padding: 4px;
	text-align: center;
	color: #000033;
	cursor: pointer;
}


div.tabRow {
	height: 25px;
	margin-bottom: 0px;
	float: left;
}

div.tabRowTop {
	height: 25px;
	margin-bottom: 0px;
	margin-left: 80px;
}


.pic {
	/*border: 1px dashed blue;*/
	width: 100px;
	height: 75px;
}

.picCell {
	float: left;
	margin: 4px 4px 4px 0px;
}

.picCellLeft {
	float: left;
	margin: 4px 4px 4px 13px;
}

.imageWithMargin {
	margin: 4px;

}

.cap {
	width: 100px;
	height: 20px;
	font-size: .70em;
}

.noBorder {
	border: none;
}

div.floatRightImg{
	float: right;
	padding: 0px 0px 6px 6px;
}

.listFormat {
	line-Height: 1.6em;
}

.listNoBullet{
	list-style:none;
}

.widthBlock1 {
	width: 600px;
	height: 30px;
	/*border: 1px solid green;*/

}

	/*unconventional vehicles page;*/
	
.ucTable {
	height: auto;
	width: 520px;
	float: right;
}

.ucTableRow {
	height: 35px;
	width: 515px;
	float: left;
}

.ucTableLeft {
	height: 35px;
	width: 150px;
	padding: 0px;
	float: left;
	font-size: .75em;
}

.ucTableCenter {
	height: 35px;
	width: 165px;
	padding: 0px;
	font-size: .75em;
	float: left;
}

.ucTableRight {
	height: 35px;
	width: 200px;
	margin-left: 4px;
	font-size: .75em;
	float: right;
}

/*50 State Contact List*/
.contactFullCol {
	height: auto;
	width: 545px;
	padding-left: 4px;
	float: left;
}

.conLeftCol {
	height: 20px;
	width: 90px;
	float: left;
}

.conCenterCol {
	height: 20px;
	width: 140px;
	margin-left: 4px;
	float: left;
}

.conRightCol {
	height: 20px;
	width: 145px;
	margin-left: 4px;
	float: left;
}

.conFill {
	background:#FFFFCC;
}

/*press stat chart*/

.pChart {
	height:auto;
	width: 515px;
	float: left;
	border: 5px;
	border-color: #000000;
	margin-bottom: 20px;
}

.rowClear {
	height: 20px;
	width: 515px;
	float: left;
}

.rowGrey {
	height: 20px;
	width: 515px;
	float: left;
	background-color: #CCCCCC;
}

.pLeftCol {
	height: 20px;
	width: 215px;
	float: left;
	margin-left: 5px;
	
}

.pCenterCol {
	height: 20px;
	width: 140px;
	float: left;
	margin-left: 5px;
}

.pRightCol {
	height: 20px;
	width: 140px;
	float: left;
	margin-left: 5px;
}
/*pchart finish*/

/*end*/