/*------------ Jefferson Printing------------------*/

/*--------Body is the first container-------*/
body {		
		 	/*background-image: url(bg.jpg);*/
			/*background-repeat: repeat-y;*/
			/*background-position: center;*/
			margin: 0px;
			padding: 0px;
		 
		 }
#body a {
			color: #000080;
			}
		 
/*--------aspnetForm is the child of BODY and holds all below---------*/	 


#aspnetForm {
margin-left:auto;
margin-right:auto; 
margin-top:auto; 
margin-bottom:0px; 
padding:0px; 
width:998px;
position:relative;
			}

/*------header for orderforms, to change text at top of orderforms--------*/		
			
/*h1{
margin: 10px 0px 0px 0px;
text-align:justify;
}*/


/*----- orderforms text id and classes-------*/

#ctl00_ContentPlaceHolder1_RadAjaxPanel1 {

			 font-family: arial, sans-serif;
			 font-size: 12px;																			 
	 }
.formCell  {
 					 font-family: arial, sans-serif;
 					 font-size: 12px;
 }
												
.instructions{
			font-family: arial, sans-serif;
			font-size: 12px;
			}
			
.orderFormTitle{															 
			font-family: arial,sans-serif;
			font-size: 12px;
			}
.formRow1{
			font-family: arial,sans-serif;
			font-size: 12px;
			}													
.formRow2{
			font-family: arial,sans-serif;
			font-size: 12px;
			}
.webContentListItemName{
display:block;
}
/*--------Container is the child of aspnetForm and holds all bellow-----*/		



#container{			
    
	
	margin-left:auto;
margin-right:auto; 
margin-top:auto; 
margin-bottom:0px; 
padding:0px; 
width:998px;
position:absolute;


}
#container a {
					 color: #000080;
					 text-decoration: none;
					 }


/*--------wrapper is child of Container, holds Quickmenu, header-------*/



#header {
			position: absolute;
			left: 50%;
			width:998px;
			margin-left: -499px;  
			top: 0px; 
			background-image: url(header_logo3.png); 
			background-repeat: no-repeat;
			height: 41px;
      z-index: 1;
      }


#left_image1{
             position: absolute;
						 width: 256px;
						 height: 186px;
						 left: 0px;
						 top: 50px;
						 background-image: url();
						 background-repeat: no-repeat;
						 z-index: 1;

}	

#left_image2{
						 position: absolute;
						 width: 256px;
						 height: 186px;
						 left: 0px;
						 top: 246px;
						 background-image: url(left_image2.jpg);
						 background-repeat: no-repeat;
						 }
						 

#left_image3{
						 position: absolute;
						 width: 256px;
						 height: 189px;
						 left: 0px;
						 top: 446px;
						 background-image: url(left_image3.jpg);
						 background-repeat: no-repeat;
						 }
						 


/*----------asp generated menus, placed in top.inc---------*/		
#textMenu1{
 					 display: block;
					 position:absolute;
					 top: 0px;
					 left:-100px;
}
#textMenu2{
 					 display:none;
					 position:absolute;
					 top: 0px;
					 right:0px;
}	
			
			
/*---------contentarea is the child of Container and hold asp generated content-----*/				 
#content_ad{
						position: absolute;
						width: 544px;
						height: 161px;
						top: 56px;
						left: 268px;
						background-image: url(2-topof_contentarea-new.gif.gif);
						background-repeat: no-repeat;

						}
						

				 
#contentarea {
			
			text-align:left;
			position: relative;
			left: 268px;
			top: 217px;
			width: 526px;
			min-height: 310px;
			height: auto !important;/*min height hack for ie6*/
			height: 310px;
			overflow: visible;
			padding-left: 10px;
			background-image: url(contentarea2.jpg);
			background-repeat: repeat-y;
			margin-bottom: 160px;
			padding-bottom: 135px;
			padding-top: 5px;
			padding-right: 20px;
				 }


				 
#right_menu1{
	
						 margin: 0 auto;
						 text-align: left;
						position:absolute;
						width: 173px;
						top: 56px;
						left:825px;
						}

								 
#right_menu1_top{
						
						width: 173px;
						height: 33px;
						left: 0px;
						float:left;
						background-image: url(right_menu1_top.jpg);
						background-repeat: no-repeat; 
						line-height: 35px;
						font-family: Arial;
						font-size: 18px;
						text-align: left;
						padding-left: 10px;
						color: #000000;
					 }
					 
#right_menu1_mid{
						width: 160px;
						float:left;
						padding-right: 12px;
						padding-left:10px;
						padding-top: 10px;
						line-height: 20px;
						background-image: url(right_menu1_mid.jpg);
						background-repeat: repeat-y;
            font-family: Arial;
            font-size: 12px;
            color: #fff;
						
					 }

#right_menu1_bottom{
						width: 173px;
						height: 20px;
						clear: both;
						background-image: url(right_menu1_bottom.jpg);
						background-repeat: no-repeat; 
					 }
					 			 
#right_menu2{
						
						margin: 0 auto;
						text-align: left;
						position:absolute;
						width: 173px;
						top: 256px;
						left:825px;
						}

								 
#right_menu2_top{
						width: 173px;
						height: 33px;
						top: 0px;
						float: left;
						background-image: url(right_menu2_top.jpg);
						background-repeat: no-repeat;
            line-height: 35px;
						font-family: Arial;
						font-size: 18px;
						text-align: left;
						padding-left: 10px;
						color: #000000; 
					 }
					 
#right_menu2_mid{
						width: 160px;
						float: left;
						padding:12px;
						background-image: url(right_menu2_mid.jpg);
						background-repeat: repeat-y; 
						font-family: Arial;
						font-size: 12px;
						color: #fff;
					 }
					 
#right_menu2_bottom{
						width: 173px;
						height:13px;
						clear: both;
						background-image: url(right_menu2_bottom.jpg);
						background-repeat: no-repeat; 
					 }	
.right_list{
          margin:0px;
          padding-left: 15px;
          line-height: 25px;
          color: #fff;
}

.right_list a{
          display: block;
          width: 140px;
          color: #fff;
          text-decoration: none;
}

.right_list li a:hover{
          background-color: #637297;
}


/*-------footer is the child of container and holds bottom info------*/
/*-------best to hide #footer and make your own due to asp generated text in #footer field-----*/
				
#web_footer {
			position: relative;
			
			
			width: 998px;
			height:41px;
			margin-left: auto;
			margin-right: auto;

					}				

#foot_info1 {
			position: absolute; 
			top:0px; 
			left:268px; 
			width:544px; 
			height:28px;
			background-image: url(content_foot.jpg);
			background-repeat: no-repeat;
					}
#foot_info2{
						display:block;
						position: absolute;
						width: 998px;
						height: 41px;
						top: 28px;
						left:0;
						padding-left: 25px;
						padding-top: 5px;
						background-image: url(footer.jpg);
						background-repeat: no-repeat;
						font: normal normal 10px bold;
            font-family: arial;
            color: #000;
						
}
						 		 

/*----usefull css codes for different effects-------*/


/*-----Rollover popup code, used for StCharles Printing to pop up image when mouseover text---*/
/*
.sendus a{position:relative;}/
.sendus a span{
visibility:hidden;
position:absolute;
top: -25px;
left:-225px;
width:204px;
height:300px;
padding:5px;
background-image: url(picture1_3.jpg);
background-repeat: no-repeat;
color:#fff;
border:0px inset green;
}
.sendus a:hover{visibility:visible}
.sendus a:hover span{visibility:visible;}*/
/*----Top.inc code to work with Rollover popup code, <span> tags are neccessary!!
<p class="sendus"><a href="/web/content/fileUpload.aspx">Send Us Files<span></span></a><br></p>---*/

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

#qm{
    position: absolute;
    top: 9px;
    left: 440px;
}

	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:600px;
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 30px 5px 8px;
		background-color:transparent;
		color:#ffffff;
		font-family:Arial;
		font-size:0.8em;
		text-decoration:none;
		border-left: 1px #000 solid

	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:transparent;
		color:#ffffff;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:transparent;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:-1px 0px 0px;
		background-color:#637297;
		border-width:0px;
		border-style:solid;
		border-color:#cccccc;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		text-decoration:underline;
		background-color: #2A3554;
	}


	/*"""""""" (SUB) Parent items""""""""*/	
	#qm0 div .qmparent	
	{	
		background-color:transparent;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#ffffff;
	}