/***********************************************************************************************************************

Filename:			style.css

Modified By:		Geeta.J from iWorktech

Functionality:      

Brief:			Applies the css style to home and inner page template.

Update:			Updated to include csshover.htc - JHM 15Jan2009

***********************************************************************************************************************/

/*

      Applies clouds.png and font style to the inner page and home page body.

*/

body {

	background-image: url(../images/clouds.png); 

	background-repeat: repeat-x; 

	margin: 0; 

	padding: 0; 

	text-align:center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}



p, li {

	line-height: 150%;

	}



/*

    #topLinkContainer Applies login3.png for inner Page login section

*/

#topLinkContainer {

	position: relative;

	width: 1024px;

	height: 31px;

	text-align: left;

	background-image: url(../images/login3.png);

	background-repeat: no-repeat;

}

/*

    #topLinkContainer div.login is applied for inner Page login section login div

*/

#topLinkContainer div.login{

    position: relative;

	height:25px;

	width: 215px;

	padding-top:10px;

	padding-bottom:1px;

	float:right;

	padding-right:35px;

}

/*

    #topLinkContainer div.admin is applied for inner Page admin section

*/

#topLinkContainer div.admin{

	position:relative;

	height:25px;

	width: 120px;

	padding-top:3px;

	padding-bottom:3px;

	float:left;

}

/*

    .toplink is applied for inner Page top links

*/

.topLink{

	FONT-WEIGHT: normal; 

	FONT-SIZE:12px;	

	COLOR: #FFFFFF; 

	font-family: arial;

	TEXT-DECORATION: none;

	padding-right:2px;

	

}




#bannerContainer {

	width: 1024px;

	height: 122px;

	margin: 0px;

	position: relative;

	padding: 0px;

	text-align: left;

	z-index: 5;
	
}

/* Social Media Icons */

#social-icons {
	position: absolute;
	right: 0;
	z-index: 20;
	margin-top: 10px;
}

#social-icons a img {
	border: 0;
}

/* Alert Message */

#alert-message p {
	position: absolute;
	right: 125px;
	z-index: 20;
	width: 620px;
	height: 27px;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 50px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	color: #666;
	font-size: 12px;
	background: url(../images/ico-alert.gif) #fff no-repeat 15px center;
	margin-top: 0px;
}


/*

     #logoContainer applied for header logo for Home Page and inner page

*/

#logoContainer {

	position: absolute;

	margin: 0px 0 0 0px;

	padding: 0px;

}

/*

     #flashContainer applied for Home Page Flash image section

*/

#flashContainer {

	

	/*height: 443px;*/

	position: relative;

	clear: both;

	text-align: left;

	border: 1px solid #BAC0DA;

	margin: 0 auto 12px 30px;

	z-index:0;

}
	#flashContainer .span12{
		margin: 0;
	}
	.main_image img{
		width: 100%;
	}



#newsContainer {

	width: 1024px;

	height: 270px;

	text-align: left;

	border: 1px solid #BAC0DA;

	

}

#newsContainer div.greenTab{

	position: absolute;

	z-index: 4;

	margin: 0; 	

	padding: 0; 	

	width: 529px;

}


.breadcrumb{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
	.breadcrumb img{
		position: relative;
		top: -4px;
	}	
	
	.breadcrumb li{
		display: inline-block;
	}
	.breadcrumb li:first-child{
		display: none;
	}
		.breadcrumb .divider{
			border: none;
			padding: 0 4px;
		}
		.breadcrumb a:visited{
			color: rgb(0, 0, 238);
		}
#newsContainer menu{

	position: absolute; 

	z-index: 4;

	margin: 0; 

	padding: 0; 

	width: 529px;

}



/*

     #footerContainer applied for Home Page and inner page template's footer section.

*/

#footerContainer {



	text-align: left;

	font-family: Georgia, serif, times;

	font-size: 10.5px;
	margin-top: 10px;

	/*text-transform: uppercase;*/

}
#footer-imgs{
	width: auto;
	float: left;
}
#footerContainer img {
	float: left;
}

#copyright {
	display: block;
	padding-top: 20px;
	float: left; 
}



/*

     #nav_menu applied for main menus for Home Page and inner page divs

*/



body {

behavior: url(/csshover.htc);

}



#nav_menu {

z-index: 10;

position: relative;

float: right;

width: 706px;

margin: 0;

padding: 0;

}



#nav_menu ul {

list-style: none;

margin: 0;

padding: 0;

width: 100%;

/*float: right; */


}
#nav_menu ul li ul{
	width: 190px;
	float: left;
}
	#nav_menu ul .item-2 ul{
		width: 730px;
		float: left;
		left: 0;
		z-index: 10000;
	}
		#nav_menu ul .item-2 ul li ul{
			width: 100%;
			box-shadow: none;
			float: none;
			position: relative;
			top: 0;
			background: none;	
			padding: 0;
			
		}
			#nav_menu ul .item-2 ul li a{
				width: 100%;
			}
			#nav_menu ul li ul li ul li{
				width: 100%;
				float: none;
			}
				#nav_menu ul li ul li ul{
					display: block;
				}
					#nav_menu ul li ul li ul li ul{
						display: ;
						
					}
					#nav_menu ul li ul li ul li ul > li{
						border-top: dotted 1px #BAC0DA;
					}
					#nav_menu ul li ul li ul li ul li, #nav_menu .parent ul li ul li ul li{
						border-bottom: dotted 1px #BAC0DA;
						width: 90%;
					}
					#nav_menu .parent .parent, #nav_menu .parent ul li {
						width: 220px;
					}
						#nav_menu ul .item-2 ul li, #nav_menu .item-2 .parent, #nav_menu .item-2 ul li {
							width: 220px;
							padding-right: 20px;
						}
						#nav_menu ul .item-94 ul li, #nav_menu .item-94 .parent, #nav_menu .item-94 ul li {
							width: 190px;
							padding-right: 20px;
						}
						#nav_menu ul .item-3 ul li, #nav_menu .item-3 .parent, #nav_menu .item-3 ul li {
							width: 240px;
							padding-right: 20px;
						}
						#nav_menu ul .item-4 ul li, #nav_menu .item-4 .parent, #nav_menu .item-4 ul li {
							width: 180px;
							padding-right: 20px;
						}
						
						#nav_menu .parent .parent .parent:hover > ul{
							/*display: block*/
						}
						
				#nav_menu ul li ul li ul li ul li{
					padding: 5px 5px 5px 0;
					float: none;
				}
			#nav_menu ul .item-2 ul li ul li a{
				text-transform: none;
				font-size: 12px;
				background: none;
				color: #345197;
				font-family: arial, helvetica, sans-serif;
			}
				#nav_menu .parent ul li{
					background: none;
				}
				
			#nav_menu ul .item-2 ul li ul li a:hover, #nav_menu .parent ul li:hover{
				background: none;
			}
	#nav_menu ul .item-3 ul{
		width: 300px;
		float: left;
	}
		#nav_menu ul .item-3.parent a{
			width: 100%;
		}
		#nav_menu .parent .deeper .deeper li{
			background: url('../images/menu-arrow.png') no-repeat left top;
			background-position: 2px 8px;
			text-indent: 10px;
		}
	#nav_menu ul .item-56 ul{
		display: none;
	}


#nav_menu a, #nav_menu h4{

font: normal 11px/16px arial, helvetica, sans-serif;

color: #003366;

display: block;

margin: 0;

padding: 2px 3px;

height: 118px;

}



#nav_menu a img {

	border: none;

}



#nav_menu h4, #nav_menu .parent{

font: normal 0.7em/1.4em georgia, times, serif;

color: #000;

text-transform: uppercase;

text-align: center;

width: 169px;

padding: 0;

}
#nav_menu .parent{
	margin-right: 1px;
}



#nav_menu h4 a , #nav_menu .parent a, #nav_menu .parent{

	color: #000;

	font-weight: bold;

	display: block;

	/*height: 122px;*/

	background: url('../images/nav_bkd2.png') no-repeat left top;
	
	background-position: 0 -5px;

}



#nav_menu h4 a:hover, #nav_menu .parent:hover {

	color: #000;

	background: url('../images/nav_bkd2.png') no-repeat left top;

	background-position: 0 -127px;

}



#nav_menu a {

color: #000;

background: #fff;

text-decoration: none;

padding: 5px;

}



#nav_menu a:hover, #nav_menu .parent ul li a:hover {

color: #659800;

/*background: #BAC0DA;*/

}



#nav_menu ul ul {

position: absolute;

z-index: 500;

/*border: solid 1px #BAC0DA;

border-bottom: none;*/

-webkit-box-shadow: 0px 1px 5px 2px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 1px 5px 2px rgba(50, 50, 50, 0.25);
box-shadow:         0px 1px 5px 2px rgba(50, 50, 50, 0.25);

top: 118px;

padding: 25px 0 25px 25px;

}



div#nav_menu ul ul {

display: none;

}



div#nav_menu ul li:hover > ul

{display: block;}

div#nav_menu ul li ul .item-56:hover > ul

{display: none;}


<!--[if IE]>

body {

behavior: url(/csshover.htc);

font-size: 100%;

}



#nav_menu ul li {

float: left; 

/*width: 100%;*/

}



#nav_menu ul li a {

height: 1%;

} 



#nav_menu a, #nav_menu ul li ul li a{

font: normal 12px arial, helvetica, sans-serif;

color: #003366;

padding: 5px;

border-bottom:dotted 1px #BAC0DA;

}



#nav_menu h4 a, #nav_menu .parent a{

font: normal 11px georgia, times, serif;

background: url('../images/nav_bkd2.png') no-repeat left top;


background-position: 0 -5px;

color: #000;

display: block;

/*height: 122px;*/

width: 167px;

border: none;

padding: 90px 0 18px 0;

margin: 0;

}

#nav_menu a, #nav_menu ul .parent ul li a{

font: normal 12px georgia, times, serif;

color: #003366;

padding: 5px;

/*border-bottom:dotted 1px #BAC0DA;*/


}
#nav_menu ul .parent ul li a{
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
}

#nav_menu h4 a:hover {

background-position: 0 -127px;

}

#nav_menu .parent ul{
	background-color: #fff;
}

#nav_menu h4 {

font: normal 0.7em/1.4em georgia, times, serif;

}



<![endif]-->





a {

	text-decoration: none;

	color: #304B8C;

}



a:hover {

	text-decoration: underline;

}

#newsSlider {
	width: 424px; 
	height: 270px;
	margin: 0 0 0 2px;
	float: left;
	position: relative;
	z-index: 2;
	border: 1px solid #eeeeee;
}
	#newsSlider #slides{
		position: relative;
		top: -30px;
		z-index: 0;
		padding-top: 30px;
	}



#newsSlider h1, #otherContainer h1 {
	font: 16px Helvetica, Arial, sans-serif;
	color: #fff;
	text-shadow: #000 1px 1px;
	display: block;
	height: 35px;
	margin: 0;
	position: relative;
	z-index: -1;
}
	#otherContainer h1 {
		z-index: 1;
	}
#newsSlider h1 {
	background: url(../images/news-h1-bg.png) repeat-x;
	padding: 15px 0 0 120px;
	text-align: left;
	position: relative;
	z-index: -1;
}

#otherContainer {
	float: right;
	position: relative;
	height: 270px;
	background: url(../images/login-bg-new.png) repeat;
	font-size: 14px;
	color: #333;
	margin: 0 0 0 2px;
}

#otherContainer h1 {
	padding: 15px 0 0 0px;
	background: url(../images/login-h1-bg.png) no-repeat;
}

#login-form {
	margin: 20px;
}
	#login-form p{
		text-align: center;
	}

#login-form input.AdexUser {
	/*float: left;*/
	background-color: #fff;
	border: 1px solid #ccc;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px auto 0 auto;
	padding-left: 10px;
	width: 250px;
	height: 22px;
	display: block;
}

.remember {
	display: block;
	width: 268px;
	margin: 10px 0 10px 0px;
	font-size: 12px;
	text-align: left;
	}

.remember input {
	margin: -4px 5px 0 2px;
	line-height: 20px;
}

#login-error #login-form {
	margin: 0px;
}

.AdexButton {
	float: left;
	clear: both;
}

#newsContainer .btnContainer

{

	padding-left:10px;

	text-align:left;

	cursor: pointer;



}



#newsContainer .btnContainerTechTraining

{

	padding-left:10px;

	text-align:left;	

}



.myTable1{

	z-index: 2;

	position: absolute; 

	width: 526px; 

	height: 150px; 

	background-color: white;

}			

.myTable2 {

	z-index: 0;

	position: absolute; 

	width: 526px; 

	height: 150px; 

	background-color: white;

}

	

.myTable1 p, .myTable2 p {

	font-size: 12px;

	margin: 0 4px 0 4px;

	padding: 10px;

}

	

.divider {

	border-bottom: 1px dotted #BAC0DA ;

}

.date {

	font-weight: bold;

	margin-right: 20px;

}



#myTable li.right {

    	width: 50%;

	float: left;

}

	

#myTable li {

    	width: 50%;

    	line-height: 150%;

    	padding: 0;

    	margin: 0;

    	list-style-type: none;

	float: left;

}	



#myTable ul {

    	padding: 0;

    	margin: 0;

    	padding: 12px;

}







#login-form input.AdexButton {


	font-weight: normal; 

	font-size:16px;

	width: 141px; 

	height:39px;

	color: #333; 
	text-decoration: none;
	 background: url(../images/btn-login.png) no-repeat; 
	 text-align: center;
	 border: none;
	 cursor: pointer;
	 display: block;
	 margin: 0 auto;
	 float: none;

	

}



/*

footer

*/

#footerImg{

 	background: #fff url('../images/nelac.gif') no-repeat;



}



/*

   submenus style defined here for inner page template.

*/



#submenus{

	width:190px;

	padding-top:50px;

	padding-left:10px;

	float:left;

/*	max-height: 700px; 

	min-height: 500px;*/

}



#submenus H3{

	color: #659800;

	text-transform:uppercase;

	font-family: georgia;

	font-size: 14px;

	padding-left:10px;

}



#submenus ul {

    	/*border-top:dotted 1px #BAC0DA ;*/

	margin: 0;

	padding: 0;

	text-align: left;

	font-family: arial;

	font-size: 12px;

	/*text-transform:uppercase;

	*/

}
#submenus .menu {

    	border-top:dotted 1px #BAC0DA ;

}
	#submenus .menu li ul li{
		border: none;
	}
	



#submenus li {

	/*height:30px;*/

	list-style: none;

	border-bottom:dotted 1px #BAC0DA ;

        padding:10px 0;

	display: list-item;

}
	#submenus .parent ul{
		text-indent: 10px;
	}
	#submenus .parent{
		/*border-bottom: none;*/
	}
	#submenus  ul ul{
		border-bottom: dotted 1px #BAC0DA;
		border-top: dotted 1px #BAC0DA;
	}
		
		#submenus .parent ul ul{
			text-indent: 20px;
		}
			
		

/*

#submenus li.selected{

	margin: 0;

	padding-top: 5px;

	padding-bottom: 5px;

	list-style: none;

	border-bottom:dotted 1px #BAC0DA;

    	BACKGROUND-COLOR: #f3f3f3;



}*/

#submenus li a  {

	/*background-image:url('../images/nav_up.png');

	background-repeat:no-repeat;

	display: inline-block;

	padding: 68px 0 0 0;

	*/

	width: 200px;

	/*height: 30px;*/

	text-decoration: none;

	margin: 0 0 0 0;

	color: #365293;

	padding:0px 10px;

	display: list-item;

}





#submenus li #active_menu{

   	color:#365293;

   	font-weight:bold;

	background-image:url('../images/menu_bg.png');

	background-repeat:no-repeat;

	display:list-item;

}





a.mainlevel_active-top {

 	color:#365293;

 	font-weight:bold;

} 

	

a#active_menu-top.mainlevel_current-top{

	color:#365293;

	font-weight:bold;

} 



a#active_menu.mainlevel{

	color:#365293;

	font-weight:bold;

}

	

#submenus li a:hover 

{

	/*background-image:url('../images/nav_over.png');

	background-repeat:no-repeat;

	*/

	color: #365293;

	font-weight:bold;

	font-weight:bold;

	/*background-image:url('../images/menu_bg.png');

	background-repeat:no-repeat;*/

	display:list-item;
	
	background-color: #fff;

}



/*

Outer div style for inner page template

*/

#innercontainer{

	

	

	padding-top:0px;

	text-align:left;

	border: 1px solid #BAC0DA;	

	background: url('../images/leaf.jpg') 100% 0 no-repeat  ;

	height: 100%;

	background-color:white;

	background-repeat:no-repeat;

	overflow: hidden;        

	

}


/*

Main article  div style for inner page template

*/

#innerArticle{

	

	padding-top:30px;

	padding-right:25px;

	padding-left:25px;

	text-align:left;

	/*float:left;

	overflow: auto;

	*/

}

#innerArticle H1,#innerArticle  #adexWelcome H1{

	 font-weight: normal;

	 font-size: 34px; 

	 color: #335096;

	 font-style: normal; 

	 font-family: Georgia;



}

#innerArticle H2,#innerArticle  #adexWelcome H2{

	 font-weight: normal;

	 font-size: 24px; 

	 color: #2E2618;

	 font-style: normal; 

	 font-family: Georgia;

}

#innerArticle H3,#innerArticle  #adexWelcome H3{

      /*font-size: 12px; 

	 font-weight: normal;

	 color: #333333 ;

	 font-style: normal; 

	 font-family: arial;

	 line-height: 150%;

	 */

	 height: 19px;

	 padding: 1px 0 0 10px;

	 font-size: 14px; 

	 font-weight: bold;

	 color: #ffffff;

	 font-style: normal; 

	 font-family: georgia, serif, times;

	 line-height: 150%;

	 text-transform: uppercase;

	 background-image: url("../images/bg_green.gif");

	 border: 1px solid #658D1E;

	

}



#innerArticle H4,#innerArticle  #adexWelcome H4{

	 font-weight: bold;

	 font-size: 12px; 

	 color: #000000;

	 font-style: normal; 

	 font-family: Arial;

	 padding: 0px;

}



#innerArticle H5 {

	 font-weight: normal;

	 font-size: 16px; 

	 color: #7F6F40;

	 font-style: normal; 

	 font-family: Georgia;

	 padding: 0px;

}





/*

inner article subhead  div style for inner page template

*/

#innerArticle #subhead{

    	width: 420px;

	padding-top:10px;

	padding-right:50px;

	padding-left:0px;

	text-align:left;

	float:left;

	line-height: 150%;

}

#innerArticle #subhead #title {

 	background: url('../images/bg_green.gif') repeat;

 	font-weight: bold;

 	font-size: 12px; 

 	color: #ffffff;

 	font-style: normal; 

 	text-transform:uppercase;

	text-align:left;

	padding-left:10px;

	padding-bottom:3px;

	padding-top:3px;

	font-family: Arial;

	line-height: 150%;

}

#innerArticle #subhead  #content{

	padding-top:15px;

}

#innerArticle #subhead H3{

	font-weight: normal;

	font-size: 12px; 

	font-style: normal; 

	font-family: Arial;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	line-height: 150%;

}

#innerArticle #subhead ul li{

	border-bottom:dotted 1px #BAC0DA; 

	list-style: none;

	padding: 0px 0px 0px 60px;			/*top right bottom left*/

	/*

	list-style-image: url(../images/Sediment_TissueBubble.png);

	*/

}

#innerArticle #subhead ul li.one{

	background: url('../images/ico_air.png') no-repeat;

}

#innerArticle #subhead ul li.two{

	background: url('../images/ico_oil.png') no-repeat;

}



#innerArticle #subhead ul li.three{

	background: url('../images/ico_sediment.png') no-repeat;

}



#innerArticle #subhead ul li.four{

	background: url('../images/ico_water.png') no-repeat;

}



#innerArticle #subhead ul li.five{

	background: url('../images/ico_soil.png') no-repeat;

}



#innerArticle #subhead ul li H2{

	font-weight: bold;

	font-size: 12px; 

	color: #333333 ;

	font-style: normal; 

	font-family: Arial;

	margin: 0px 0px 0px 0px;

	padding: 3px 0px 2px 0px;

	line-height: 150%;

}

#innerArticle #subhead ul li H1{

	font-size: 12px; 

	color: #333333 ;

	font-style: normal; 

	font-family: Arial;

	margin: 0px 0px 0px 0px;

	padding: 3px 0px 10px 0px;

	line-height: 150%;

}



#innerArticle .table1 {

	font-size: 11px;

	font-family: Arial;

}



#innerArticle .table1 th {

	font-weight: bold;

}

/*

right article  div style for inner page template

*/

#rightArticle{

	width: 150px;

	padding-top:230px;

	padding-right:30px;

	text-align:left;

	float:right;

	line-height: 150%;

}

#rightArticle H3{

	font-weight: bold;

	font-size: 13px; 

	color: #659832;

	font-style: normal; 

	font-family: arial;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 3px 0px;

}

#rightArticle H1{

	font-weight: normal;

	font-size: 12px; 

	color: #659832;

	font-style: normal; 

	font-family: arial;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;



}



H1.banner{

	font-size: 12px; 

	font-style: normal; 

	font-family: arial;

	margin: 0px 0px 0px 0px;

	padding: 3px 0px 10px 0px;

}





#warning h1 {

        font-size: 12pt;

        color: red;

}

#warning p {

        margin-top: 10px;

        display: block;

}



div.chronoform{

background-color:white;

display:none;

}

div.chronoform a{

color:white;

}



/*

    #Applies to tables on Sampling Page

*/



.samplingTable {

	border-left: 1px solid #99BBE8; 

	border-right: 1px solid #99BBE8; 

	border-bottom: 1px solid #99BBE8; 


	font-size: 11px;

	width: 475px;

}



.samplingTable .samplingTableHeader {

	font-size: 14px; 

	color: white; 

	background-image: url(http://adex1test.alphaanalytical.com/adex/ext/images/default/panel/white-top-bottom.gif); 

	color: #335096; 

	font-weight: bold; 

	font-size: 11px;

}



.samplingTable .samplingTableHeader2 {

	background-image: url(http://adex1test.alphaanalytical.com/adex/ext/images/default/grid/grid3-hrow.gif);

	font-size: 11px;

}



.samplingTable td {

	vertical-align: top;

	border-bottom: 1px solid #cccccc;

	font-size: 10px;

}



img

{  border-style: none;

}

#videoContainer {
    overflow:auto;
	width:auto !important;
	height:auto;
	background-color:#FDFDFD;
}

/* Hide video container by default */
#videoWrapper  #videoContainer{
	display:none;
	}

/* Home Page Accordion */

#home-accordion {
 float: left; 
 margin: 0;
}

#accordion {
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0 0 0 0;
	z-index: 0px;
	height: 270px;
	border-right: 1px solid #ccc;
	margin-left: 0;
}

#accordion li#regulatory-links, #accordion li#technical-links {
	display: block;
	cursor: pointer;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	height: 35px;
	padding: 15px 0 0 0;
}

#regulatory-links {
	background: url(../images/bg-ltblue.png) repeat-x;
}

#technical-links {
	background: url(../images/bg-brown.png) repeat-x;
}


#accordion h1 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	margin: 0 auto;
}

#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
	height: 140px; 
	padding: 15px 0;
	overflow-y: auto;
	width: 100%;
}
	#accordion ul li{
		padding-left: 15px;
	}


#accordion a {
	font-size: 14px;
	text-decoration: none;
	color: #345197;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 150%;
}
#accordion p{
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 150%;
}

#accordion a:hover {
	text-decoration: underline;
}

/*
	Pagination
*/

.pagination, .slidesjs-pagination {
	position: absolute;
	z-index: 10000;
	/*margin: -269px 0 0 240px;*/
	width:100px;
	height: 12px;
	top: 1px;
	left: 50%;
}

.pagination li, .slidesjs-pagination li{
	float:left;
	margin:0 1px;
	list-style:none;
	position: relative;
	z-index: 10000;
}

.pagination li a, .slidesjs-pagination li a{
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background:url(../images/pagination.png) no-repeat;
	background-position: 0 0;
	float:left;
	overflow:hidden;
	position: relative;
	z-index: 10000;
}

.pagination li.current a, .slidesjs-pagination li .active{
	background-position:0 -12px;
}

#newsSlider .slides_container h2, .slidesjs-slide h2 {
	color: #00267F;
	font-size: 22px;
	line-height: 100%;
	margin: 0;
}


#newsSlider .slides_container h3 {
	color: #666;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #000;
}

#newsSlider .slides_container h4 {
	color: #6B9224;
	font-size: 16px;
	font-weight: normal;
}

#newsSlider .slides_container a {
	color: #335197;
	text-decoration: none;
}
.slidesjs-slide{
	text-align: left;
	padding-top: 10px;
}
.slidesjs-slide h3{
	color: #000;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0px 10px 0 10px;
	line-height: 100%;
}
	.slidesjs-slide:nth-child[1] h3{
		color: #666;
	}	
	.slidesjs-slide p, .slidesjs-slide h1, .slidesjs-slide h2, .slidesjs-slide h4{
		padding: 0 10px;
	}
	.slidesjs-slide p{
		margin: 0 0 5px 0;
		line-height: 110%;
	}
	.slidesjs-slide a{
		color: #335197
	}
	.slidesjs-slide a:hover{
		text-decoration: none;
		outline: none;
		border: none;
	}
.slidesjs-slide ul{
	margin-left: 0;
	padding: 0 10px;
}
	.slidesjs-slide ul li{
		line-height: 1.3em;
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 12px;
		display: block;
	}
		.slidesjs-slide ul li p{
			padding: 10px 0 0 0;
		}
	.slidesjs-slide ul li address{
		margin: 0;
	}
	.slidesjs-slide ul li a{
		line-height: 1.3em;
	}
#mod_alphacontact input[type=text] {
	width: 95%;
	background-color: ;
	
}
	#mod_alphacontact .input{
		background: #eee;
		width: 95%;
	}
#rightArticle #mini-contact-form{
	display: none;
}
/* Mini Contact Form 

#mod_alphacontact dd {
	margin: 0px;
	padding: 0px;
}

#mod_alphacontact input[type=text] {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}

#mod_alphacontact input[type=button] {
	background-color: #669800;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 145px;
	height: 30px;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif bold;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 10px;
}
*/




/* more styles for form */


 #updhelloworld input[type=text], input[type=email] {
	background-color: #eeeeee;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: 14px Arial, Helvetica, sans-serif bold;
	padding: 5px;
}


#updhelloworld button[type=submit] {
	position: relative;
	float: left;
	clear: both;
	background-color: #669800;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 145px;
	height: 30px;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif bold;
	text-transform: uppercase;
	color: #ffffff;
}


#updhelloworld form {
	position: relative;
	clear: both;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	width: 530px;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#formpart1 {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}

#formpart2 {
	position: relative;
	float: left;
	margin: 0;
	padding: 0px;
	text-align: left;
}

#formpart1 label {
	position: relative;
	float: left;
	width: 30%;
	margin: 7px 0 5px 0;
}

#formpart1 input[type=text], input[type=email]  {
	position: relative;
	float: left;
	width: 70%;
	margin: 5px 0;
}

dl {
	margin: 0;
	padding: 0;
}

#formpart2 input[type=text] {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#formpart2 input[type=checkbox] {
	margin-right: 5px;
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 16px;
	height: 16px;
}

#jform_service_id {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}

#formpart2 ul li {
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#formpart2 ul {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 49%;
	list-style:none;
}

fieldset.checkboxes {
	position: relative;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

#formpart2 dd {
	width: 100%;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

#form-part3 {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}

textarea {
	width: 540px;
	height: 70px;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: 14px Arial, Helvetica, sans-serif bold;
	padding: 5px;
}
.Chronoform textarea{
		width: 175px;
	}
	.Chronoform input{
		width: 150px;
	}
.Chronoform input[name="pickupmm"], .Chronoform input[name="pickupdd"], .Chronoform input[name="pickuphr"], .Chronoform input[name="pickupmin"], .Chronoform input[name="Requestmm"], .Chronoform input[name="Requestdd"], .Chronoform input[name="delivermm"], .Chronoform input[name="deliverdd"], .Chronoform input[name="delivermin"], .Chronoform input[name="deliverhr"], .Chronoform input[name="samplemonth"], .Chronoform input[name="sampleday"]{
	width: 40px;
}
.Chronoform input[name="pickupyyyy"], .Chronoform select[name="pickupampm"], .Chronoform input[name="Requestyyyy"], .Chronoform input[name="deliveryyyy"], .Chronoform select[name="deliverampm"], .Chronoform input[name="sampleyear"]{
	width: 50px;
}
.Chronoform select[name="pickupampm"], .Chronoform select[name="deliverampm"]{
	width: 64px;
}
.Chronoform label{
	display: inline;
}
.Chronoform img{
	display: none;
}
.Chronoform .number, .Chronoform .matrix, .Chronoform .tests{ 
	display: none;
}

dt {
	display: block;
	font-weight: bold;
	margin: 16px 0;
}

#form-part3 dd {
margin: 0;
padding: 0;
}
.span12{
	position: relative;
}
.clear, #rightArticle .custom-contact:after, .module-contact:after{			
	visibility: hidden;
	display: block;
	content: '';
	clear: both;
	height: 0;
}
#mobile-home-img, #social-icons-mobile, #copyright-mobile, .mobile-accordion, #mobile-menu, .item-229, #rightArticle .custom-contact{
	display: none;
}
#gallery_small{
	top: 60%;
	left: 37%;
}
.mini_image{ 
	float:left;
	width:70px;
	height:80px;
	padding:0 10px 0 0px;
	z-index:3;
}
#submenus .nav-child li, #submenus .nav-child{
	border-bottom: none;
}
	#submenus .nav-child{
		margin-top: 8px;
	}
#submenus .deeper{
	padding-bottom: 0;
}
.module-contact{
	min-height: 140px;
	
}
#footerContainer{
	position: relative;
	z-index: 10000;
}
/*------------Start of Media Queries -----------------*/
@media (max-width: 1200px) {
	#flashContainer, #gallery_large_wrap, #gallery_large{
		height: 356px;
	}
	#flashContainer{
		margin: 0 auto 12px 17px;
	}
	#gallery_small{
		top: 47%;
		left: 33%;
	}
	#newsSlider{
		width: 334px;
	}
	.slides_container{
		width: 100%;
	}
	.slidesjs-slide h3{
		font-size: 14px;
		color: #000;
	}
	#submenus{
		width: 100%;
	}
		#submenus li a{
			width: 100%;
		}
		#rightArticle{
			width: 100%;
		}
			#rightArticle h3, #rightArticle h1{
				line-height: 25px;
			}
	#newsSlider{
		height: 304px;
	}
	#accordion ul{
		height: 176px;
	}
	#otherContainer{
		height: 305px;
	}
	#newsSlider h1{
		padding-left: 100px;
	}
}
@media (max-width: 1025px) {
	#flashContainer{
		
	}
	#newsSlider #slides{
		
	}
	#gallery_small{
		top: 47%;
		left: 36%;
	}
	#flashContainer, #gallery_large_wrap, #gallery_large{
		height: 356px;
	}
	.mini_image{
		width:50px;
	}
	#mod_alphacontact input[type="button"]{
		width: 100px;
	}
	#innerArticle h3, #innerArticle #adexWelcome h3, #rightArticle h3{
		background-image: none;
		border: none;
		color: #658D1E;
		padding: 0;
		font-size: 16px;
		height: auto;
	}
	#accordion p{
		width: 95%;
	}
	#accordion .techLinks{
		margin-left: 5px;
		
	}
	.mrflink{
		text-align: right;
	}
	.custom-contact img{
		width: 40px;
	}	
	.custom-contact{
		margin-bottom: 0;
		font-size: 10px;
	}
	.custom-contact:after{
		clear: both;
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	#newsSlider{
		width: 262px;
	}
	#login-form input.AdexUser{
		width: 75%;
	}
	#flashContainer, #gallery_large_wrap, #gallery_large{
		height: 274px;
	}
	.mini_image{
		width:50px;
	}
	#gallery_small {
		top: 35%;
		left: 30%;
	}
	#newsSlider h1{
		padding-left: 60px;
	}
	#newsSlider .slides_container h2, .slidesjs-slide h2{
		font-size: 16px;
	}
	.slidesjs-slide ul li, .slidesjs-slide p{
		font-size: 11px;
	}
	#otherContainer h1{
		text-align: right;
		font-size: 14px;
		padding-right: 10px;
	}
	#logoContainer{
		position: static;
		width: auto;
		text-align: left;
		float: left;
	}
	#logoContainer:after{
		clear: both;
	}
	#nav_menu{
		margin-top: -40px;
	}
	.Chronoform input[name="pickupphone"]{
			width: 185px;
	}
	
}
@media (max-width: 767px) {
	body{
		background-position:85px -121px;
	}
	#flashContainer, #social-icons, #copyright{
		display: none;
	}
	#nav_menu{
		display: none;
	}
	#logoContainer{
		width: 100%;
		height: 90px;
		position: relative;
		border-bottom: 5px solid #809f42;
	}	
		#logoContainer .alpha-logo{
			display: block;
			margin: 0 auto;
			width: 140px;
		}
		#mobile-menu{
			display: block;
			position: absolute;
			top: 15px;
			right: 13px;
			cursor: pointer;
		}
		#mobile-home-img{
			display: block;
			background-image: url(../images/home-image2.jpg); 
			min-height: 330px;
			background-repeat: no-repeat;
			margin: -10px auto 0 auto;
			width: 100%;
			background-position: center;
			background-color: #fff;
			text-align: center;
			font-family: georgia, times, serif;
		}
			#mobile-home-img h1{
				font-size: 28px;
				color: #00376B;
				padding-top: 95px;
				font-weight: normal;
			}
			#mobile-home-img h2{
				font-size: 18px;
				color: #eeeeeee;
				line-height: 18px;
				font-weight: normal;
				line-height: 120%;
			}
			#mobile-home-img h3{
				font-size: 22px;
				color: #658D1E;
				font-family: Georgia, "Times New Roman", Times, serif; 
				font-weight: normal;
			}
		#social-icons-mobile{
			display: block;
			width: 80px;
			margin: 5px auto 15px auto;
		}
			#social-icons-mobile img{
				display: inline-block;
				margin: 0 2px 15px 0;
			}
		#footer-imgs{
			width: 120px;
			float: none;
			margin: 10px auto 5px auto;
		}
			#footer-imgs img{
				float: none;
				display: inline-block;
				text-align: center;
			}
		#copyright-mobile{
			display: block;
			text-align: center;
		}
		.desk-accordion{
			display: none;
		}
		#accordion p{
			width: 95%;
		}
		#accordion .techLinks{
			margin-left: 5px;
			
		}
		.mobile-accordion{
			display: block;
		}
			#home-accordion, #otherContainer{
				width: 92%;
				margin: 0 10px 10px 10px;
				border: 1px solid #eeeeee;
				float: none;
			}
			#accordion{
				height: 295px;
			}
			#accordion ul{
				display: block;
			}
		#newsSlider{
			width: 92%;
			margin: 10px;
			border: 1px solid #eeeeee;
			float: none;
			height: 320px;
		}
			#newsSlider #slides{
				height: 270px;
			}
			#newsSlider h1{
				padding-left: 30%;
			}
			.pagination{
				margin-left: 70%;
			}
		#login-form input.AdexUser, input{
			width: 75%;
		}
		#nav_menu{
			float: none;
			width: 100%;
			background-color: #fff;
		}
		#nav_menu h4 a, #nav_menu .parent a, #nav_menu .parent, .item-229{
			background: none;
			background-position: 0 0;
			padding: 8px 0 8px 0;
			font-size: 14px;
			
		}
			#nav_menu .parent{
				background: url('../images/nav-bg-mob.png') no-repeat;
				background-position: right top;
			}
			
		#nav_menu h4 a:hover, #nav_menu .parent:hover{
			background: url('../images/nav-bg-mob-act.png') no-repeat;
				background-position: right top;
		}
			#nav_menu ul li{
				float: none;
			}
			#nav_menu h4, #nav_menu .parent{
				text-align: left;
				width: 100%;
				border-bottom: 1px solid #8d9e4e;
			}
				#nav_menu .item-56{
					border-bottom: none;
				}
				#nav_menu .parent a{
					padding-left: 10px;
				}
				#nav_menu ul ul{
					position: static;
					box-shadow: none;
					padding: 0;
				}
				#nav_menu ul li ul{
					width: 100%;
					float: none;
					margin: 10px 0 0 0;
				}
				#nav_menu .parent .parent, #nav_menu .parent ul li{
					width: 100%;
				}
				#nav_menu ul .item-94 ul li, #nav_menu .item-94 .parent, #nav_menu .item-94 ul li{
					width: 100%;
					padding: 0;
				}
				#nav_menu ul .item-3 ul{
					width: 100%;
					float: none;
				}
				#nav_menu .parent ul li{
					border-top: 1px solid #8d9e4e;
				}
				div#nav_menu ul ul{
					display: ;
					
				}
				#nav_menu ul .parent ul li a{
					text-transform: none;
					color: #666666;
					font-size: 14px;
					padding: 15px 0 15px 30px;
				}
				#nav_menu ul .item-2 ul{
					width: 100%;
					float: none;
				}
				#nav_menu ul .item-2 ul li, #nav_menu .item-2 .parent, #nav_menu .item-2 ul li{
					width: 100%;
				}
					#nav_menu ul .item-2 ul .parent a{
						padding: 8px 0 8px 30px;
					}
						#nav_menu ul .item-2 ul .parent ul li a{
							padding: 15px 0 15px 40px;
						}
						#nav_menu ul .item-2 ul .parent ul li ul a{
							padding: 8px 0 8px 45px;
						}
						#nav_menu .parent .deeper .deeper li{
							background-image: none;
						}
						#nav_menu ul li ul li ul li ul li, #nav_menu .parent ul li ul li ul li{
							border-bottom: none;
						}
						#nav_menu .parent .parent{
							border-bottom: none;
						}
						#nav_menu ul li ul li ul li ul li, #nav_menu .parent ul li ul li ul li{
							width: 100%;
						}
						#nav_menu ul .item-2 ul .parent .parent a{
							padding: 8px 0 8px 40px;
							width: 70%;
						}
						#nav_menu ul .item-3.parent a, #nav_menu ul .item-4 a{
							width: 70%;
						}
						#nav_menu ul .item-3 ul li, #nav_menu .item-3 .parent, #nav_menu .item-3 ul li{
							width: 100%;
							padding: 0;
						}
						#nav_menu ul .item-4 ul li, #nav_menu .item-4 .parent, #nav_menu .item-4 ul li{
							width: 100%;
							padding: 0;
							
						}
						#nav_menu ul .item-2 ul li, #nav_menu .item-2 .parent, #nav_menu .item-2 ul li{
							padding-right: 0;
						}
						#nav_menu .item-229{
							display: block;
							width: 100%;
							border-bottom: 1px solid #8d9e4e;
							
						}
							#nav_menu .item-229 a{
								text-align: left;
								text-transform: uppercase;
								border-bottom: none;
								padding: 8px 0 8px 10px;
								color: #000;
								font: normal 14px georgia, times, serif;
							}
#breadcrumbs, #rightArticle .newsflash, #submenus #mini-contact-form, #submenus .custom-contact{
	display: none;
}
#rightArticle, #submenus{
	width: 100%;
	float: none;
	min-height: auto;
}
	#submenus{
		padding-top: 10px;
	}
		#submenus .module h3{
			color: #335096;	
			line-height: 100%;
			padding-bottom: 5px;
			padding-left: 0;
		}
		#submenus .nav{
			 background: url('../images/dropdown-bg.jpg') 100% 0 no-repeat;
			 background-color: #143789;
			 margin-left: 0;
			 width: 300px;
			 cursor: pointer;
		}
			#submenus ul ul{
				border: none;
				border-top: 1px solid #fff;
			}
			#submenus ul ul li{
				border: none;
			}	
				#submenus .parent ul{
					margin: 10px 0 -10px 0;
				}
		#submenus ul li{
			display: none;
			border: none;
			color: #fff;
			border-bottom: 1px solid #fff;
			padding: ;
			width: 100%;
		}
			#submenus li a {
				width: 75%;
			}
			#submenus .menu{
			
			}
			#submenus li{
				border-bottom: none;
			}
			#submenus ul li a, #submenus li a{
				color: #fff;
				background-color: transparent;
			}
				#submenus ul li a:hover, #submenus .nav li a:hover {
					background: transparent;
					color: #fff;
				}
		#submenus ul li:first-child{
			display: block;
			border-bottom: none;
		}
		#submenus .parent .nav-child{
			margin-top: 8px;
			margin-bottom: 1px;
		}
		#submenus .deeper{
			border-bottom: none;
		}
		#submenus .module-contact{
			display: none;
		}
	#rightArticle{
		padding: 0;
	}
	#mod_alphacontact input[type="text"]{
		width: 97%;
	}
		#mini-contact-form h3, #mod_alphacontact p, #xml_result{
			margin-left: 15px;
		}	
		#mod_alphacontact input[type="button"]{
			display: block;
			margin: 0 auto;
			position: relative;
			top: 15px;
		}
	#innerArticle h1, #innerArticle #adexWelcome h1{
		font-size: 30px;
		line-height: 100%;
	}
	#innerArticle h2, #innerArticle #adexWelcome h2{
		font-size: 20px;
		line-height: 135%;
	}
	#innerArticle h3, #innerArticle #adexWelcome h3, #rightArticle h3{
		background-image: none;
		border: none;
		color: #658D1E;
		padding: 0;
		font-size: 16px;
		height: auto;
	}
	#innerArticle{
		padding: 15px;
		float: none;
	}
	#rightArticle #mini-contact-form{
		display: block;
		margin-bottom: 40px;
	}
	#rightArticle .custom-contact{
		display: block;
		width: 200px;
	}
	#innercontainer{
		background: url('../images/leaf2.jpg') 100% 0 no-repeat  ;
		background-color: white;
	}
	#updhelloworld textarea{
		width: 95%;
	}
	#formpart1 label{
		width: 95%;
	}
	#formpart1 input[type="text"], #formpart1 input[type="email"]{
		width: 95%;
	}
	.custom-contact{
		font-size: 12px;
	}
	.custom-contact img{
		width: 68px;
	}	
	.Chronoform input{
		width: 175px;
	}
	.Chronoform textarea{
		width: 175px;
	}
	form.Chronoform table{
		width: 300px;
		border: none;
	}
		.Chronoform table, .Chronoform thead, .Chronoform tbody, .Chronoform th, .Chronoform td, .Chronoform tr { 
		display: block; 
		}
		.Chronoform input[name="pickuploc"], .Chronoform input[name="delivloc"]{
			width: 25px;
		}
		.Chronoform img{
			display: none;
		}
		.Chronoform .ploc{
			width: 100%;
		}
			.Chronoform .plocr{
				width: 145px;
			}
			.Chronoform input[name="pickupphone"]{
				
			}
			.Chronoform input[name="pickupdeliv"]{
				width: 30px;
			}
			.Chronoform .number, .Chronoform .matrix, .Chronoform .tests{ 
				display: block;
			}
			.Chronoform .ttitle{
				display: none;
			}
			.Chronoform .samples{
				margin-bottom: 20px;
			}
			
	
				

}