/*#################################################

note template

###################################################*/

/*#################################################

 -- www.truckingshow.com
 -- 7/10/06
 -- all information copyright Exhibit Management Associates, Inc.
 
 Be careful when adjusting padding.
 
 Try to avoid adjusting padding to a containing div
 as of IE6 and before this will cause a mess because IE 
 improperly renders box models
 
 When necessary, adjust elements inside the div, such
 as p, h1 etc. or use margin.....
 

###################################################*/

/*#################################################

set universals

###################################################*/

* {
	padding: 0;
	margin: 0;
	line-height: 1.0; /*this causes validation error, it is error in validator, declaration is perfectly legit info :: http://www.w3.org/Bugs/Public/show_bug.cgi?id=2307*/
	}

body {
	background: #454545 url(images/jm_bkg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
	}

a { cursor: pointer;}	

	
ul, ol, dl {
	list-style: none;
	}
br {
	clear: both;
	}
.hidden {
	display: none;
	margin-left: -9999px;
	}
h1, h2, h3, h4 {
	color: #363C6C;
		}
p {
	color: #fff;
	/*line-height: 1.25;*/
	font-family: arial;
	font-size: 8pt;
	}
p a:link, p a:visited, p a:active{
color:#fff;
line-height: 1.25;
text-decoration:none;
}
p a:hover{
color:#ff9933;
text-decoration:none;
}

img {border: none;
	margin: 0px;
	padding: 0px;
	display: block;}

.centerimg {
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	}		
	
	
.spacer { float: left;}
.wheels { border:0px; cursor:pointer;}
/*#################################################
container
###################################################*/

div#container {
	width: 742px;
	margin: 0 auto 0 auto;
	/*background-color: #000;*/
	background: #000 url(images/octoBkg.jpg) 0 0 repeat;
	}

/*#################################################
header
###################################################*/

div#header {
	background-color: #FFF;
	}

	
/*#################################################
navigation
###################################################*/

div#navigation {
	position: relative;
	top: 90px;
	left: 15px;
	width: 100px;
	}
	
div#navigation p	{
	color: #fff;
	line-height: 1.75;
	font-family: arial;
	font-size: 8pt;
	font-weight:bold;
	}

div#navigation p:hover { color:#363C6C;}	
/*#################################################
wrapper
###################################################*/

div#wrapper {
	margin: 10px 0 0 0;
	}

/*#################################################
index slideshow
###################################################*/
div#index_slideshow{
width: 576px;
margin-bottom: 10px;}

/*#################################################
main left side
###################################################*/

div#main_left {
	 width: 296px;
	 margin: 0 0 0 0;
	 float: left;
	/*temp testing style border: 1px solid red;*/
}


/*#################################################
right side main, small boxes
###################################################*/

div#main_right {
	width: 446px;
	height: 100%;
	float: right;
	background: #000 url(images/bodyRightBkg.jpg) top left no-repeat;
	margin: 0 0 0 0;
	/*temp testing style border: 1px solid red;*/
	}
	
div#main_right p	{
	color: #000;
	line-height: 1.05;
	font-family: arial;
	font-size: 9pt;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	}	
	
.main_right_block {
	float: left;
	width: 1px;
	height:100%px;
	}	
	
.main_right_containingbox {
	width: 400px;
	height: 451px;
	background: #FFF url(images/noise2.gif) 0 0 repeat;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
		}	

.small_box {
	background: #FFF url(/images/template_images/small_box_bg.jpg) 0 0 repeat-y;
	}
.small_box_no_text {
	background: #FFF url(/images/template_images/small_box_bg.jpg) 0 0 repeat-y;
	}
.small_box h1 {
	background: #FFF url(/images/template_images/small_box_header_bg.jpg) top left no-repeat;
	padding: 0 10px 0 10px;
	line-height: 3.0;	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	/*temp testing style border: 1px solid blue;*/
	}
.small_box_no_text h1 {
	background: #FFF url(/images/template_images/small_box_shortheader_bg.jpg) top left no-repeat;
	padding: 0 10px 0 10px;
	height:24px;

	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	/*temp testing style border: 1px solid blue;*/
	}
.small_box p {
	font-size: 11px;
	padding: 10px 10px 0 10px;
	text-align: justify;
	}
.small_box_no_text p {
	font-size: 11px;
	padding: 10px 10px 0 10px;
	text-align: justify;
	}	
.small_box_no_text img {padding: 0 0 0 6px;
	}
.small_box h2 {
	background: #FFF url(/images/template_images/small_box_bottom_bg.jpg) top left no-repeat;
	}
.small_box_no_text h2 {
	background: #FFF url(/images/template_images/small_box_bottom_bg.jpg) top left no-repeat;
	}
	
/*#################################################
main xwide
###################################################*/

div#main_xwide {
	 width: 768px;
	 margin: 0 1px 0 1px;
	 
	/*temp testing style border: 1px solid red;*/
}
/*#################################################
main boxes -- xwide
###################################################*/


.xwide_box {
	width: 768px;
	background: #FFF url(/images/template_images/xwide_box_bg.jpg) 0 3px repeat-y;
	margin: 0 0 10px 0;
	/*temp testing style border: 1px solid blue;*/
	}
.xwide_box h1 {
/*	height: 30px;*/
	line-height: 3.0;/* this line-height is necessary, attempting to replace it with padding will break box */
	padding: 0 0 0 28px;
	background: #FFF url(/images/template_images/xwide_box_header_bg.jpg) top left no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	}
.xwide_box p {
	padding: 10px 28px 0 28px;
	font-size: 11px;
	text-align: justify;
	}
	
.xwide_box h2 {
	background: #FFF url(/images/template_images/xwide_box_bottom.jpg) bottom left no-repeat;
/*	height: 20px;*/
	}




/*#################################################
left side, main boxes -- wide
###################################################*/

.wide_box {
	width: 400px;
	float: right;
	margin:6px 20px 0px 0px;
	height: 100%;
	background: #FFF url(images/noise2.gif) 0 0 repeat;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	/*margin: 0 0 0 5px;
	temp testing style border: 1px solid blue;*/
	}
.wide_box h1 {
	height: 36px;
	line-height: 3.0;/* this line-height is necessary, attempting to replace it with padding will break box */
	padding: 0 0 0 28px;
	background: #FFF url(images/noiseheader.gif) top left no-repeat;
	color: #000;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	}
	
.wide_box p {
	padding: 10px 20px 0 28px;
	font-size: 11px;
	/*text-align: justify;*/
	}
	
.wide_box p.p2 {
	padding: 10px 20px 0 28px;
	font-size: 11px;
	text-align: left; 
	text-indent: 14px;
	}
	
.wide_box h2 {
	background: #FFF url(images/noisefooter.gif) bottom left no-repeat;
	height: 36px;
	}
.wide_box br {
clear:none}


.bigLetter {background-color: #ff0000; color: #fff; font-family: arial; font-weight:bold; font-size: 14pt; line-height: 1.30;}

.smallLetter {background-color: #ff0000; color: #fff; font-family: arial; font-weight:bold; font-size: 8pt; line-height: 1.30;}

.highlight {background-color: #efefef; line-height: 1.55;}

/*#################################################
BODY LEFT ~ right side
###################################################*/

div#bodyLeft_right {
	width: 179px;
	margin: 0 0 0 0;
	float: left;
	/*temp testing style border: 1px solid blue;*/
	}

/*#################################################
BODY LEFT ~ left side
###################################################*/

div#bodyLeft_left {
	 width: 117px;
	 height: 451px;
	 float: left;
	 background: #000 url(images/NavSide.jpg) top left no-repeat;
	 margin: 0 0 0 0px;
	 
	/*temp testing style border: 1px solid red;*/
}

/*##################################
below is code for the one column, equal height, bottom two boxes
#####################################*/

div#bottom_box_wrap_one_column {
	position: relative;
	left: 1px;
	width: 580px;
	background: #FFF url(/images/template_images/medium_box_bg.jpg) 0 0 repeat-y;
	}

div#bottom_box_wrap_one_column div#top{
	width:580px;
	background: #FFF url(/images/template_images/medium_box_header_bg.jpg) top left no-repeat;
	}
div#bottom_box_wrap_one_column h3.bottom{
	width:580px;
	background: #FFF url(/images/template_images/medium_box_bottom_bg.jpg) top left no-repeat;
	}
div#bottom_box_wrap_one_column h4{
	margin: 0 0 0 0;
	padding: 0 0 0 12px;
	line-height: 1.1;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	}
div#bottom_box_wrap_one_column p{
	font-size: 11px;
	padding: 20px 0px 0 14px;
	}
div#top h4.left {
	position: relative;
	top: 13px;
	width: 280px;
	}
div#top h4.right {
	position: relative;
	left: 295px; 
	width: 280px;
	}
.box_left_one_column {
	width: 293px;
	float: left;
	}
.box_left_one_column p {
	width: 259px;
	padding: 0 10px 0 0;
	text-align:justify;
	}
.box_right_one_column {
	float: left;
	width: 282px;
	}
.box_right_one_column p {
	width: 259px;
	text-align:justify;
	}
.box_right_one_column {
	
	}
div#bottom_box_wrap_one_column br {
	clear: left;
	}

/*#################################################
footer
###################################################*/

div#footer {
		clear: both;
		margin: 0 0 0 0;
		background: #a2a2a2 url(images/footer102.gif) top left no-repeat;
		/*background: #a2a2a2;*/
		width:742px;
		height:102px;
		/*temp testing style border: 1px solid blue;*/
	}
div#footer p {
	padding-top: 98px;
	padding-bottom: 4px;
	color: #333;
	font-family:arial;
	font-size: 7pt;
	text-align: center;
	vertical-align: bottom; 
}

div#footer p a:link, div#footer p a:visited, div#footer p a:active{
color: #fff;
text-decoration:underline;
}
div#footer p a:hover{
color: #ff8e15;
text-decoration:underline;
}

/*#################################################
text styles
###################################################*/
p.right_aligned_link{ 
	text-align: right;
	text-transform: uppercase;	
}
p.center_aligned{ 
	
	text-align: center;	
	text-transform:uppercase;	
}
p.header1{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #363C6C;
}
p.center_aligned_header1{ 
	text-align: center;	
	text-transform:uppercase;	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #363C6C;
}

br.clearnone{clear:none;}
br.clearleft{clear:left;}
br.clearright{clear:right;}

/*#################################################
image styles
###################################################*/
.floatright {float:right;
			margin:2px 2px 2px 20px; }
.floatleft {float:left;
			margin:2px 2px 2px 20px; }

.map_floatright{float:right;
			margin:10px 20px 10px 20px;}

.map_floatleft{float:left;
			margin:10px 20px 10px 20px;}			
.clearboth{clear:both;}
.mapimages{	text-align: center;
	margin: 0 auto 0 auto;
	width: 90%;
}
.mapimageleft{ margin: 10px 121px 0 0px;}

.mapimageright{ margin: 0 0px 0 0px;}
.exhlogin{ text-align: center;
	margin: 0 auto 0 auto;
	width: 90%;
}
.exhlogin table { 
margin-left: auto;
margin-right: auto;
text-align: left;
}			
.historyfloatright {float:right;
			margin:10px 20px 10px 20px; 
			clear:right;}
.historyfloatleft {float:left;
			margin:10px 20px 10px 20px;
			clear:left; }
			
/*#################################################
list styles
###################################################*/
.liststyle li{	color: #5A5A5A;
	line-height: 1.25;
	font-size: 11px;
	margin-left:10%;
	list-style-type:square;
}
.liststyle li a:link, .liststyle li a:visited, .liststyle li a:active{
color:#FF8E15;
text-decoration:underline;
}
.liststyle li a:hover{
color:#363C6C;
text-decoration:underline;
}

/*#################################################
table styles
###################################################*/
td.header1{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #363C6C;}
td.header2center{
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	text-decoration: underline;
	color: #363C6C;}
	
.inp { border:1px solid #ff0000; background: #ccff66; font-family:arial; font-size:8pt;}

.txtA { border:1px solid #ff0000; background: #ccff66; font-family:arial; font-size:8pt;}	

.button { font-family:arial; font-size:8pt;}

.formtable {background: #999999; padding: 15 15 15 15; border-bottom :1px solid #ff0000; border-left :1px solid #ff0000; border-top :1px solid #ff0000; border-right :1px solid #ff0000;}

.rollimg {
	border: 2px solid #333;
	margin: 0px;
	padding: 0px;
	display: inline;
	}