/* Layout CSS Document */

#maincontainer{
min-width:960px;
width: 100%; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
float:left;
height:100%;
}

/* ----------------------- Beginning of supernav ---------------------------------------- */
#supernavWrapper {
width: 100%; /*Width of supernav*/
height:30px;
BACKGROUND-color: #363D47;
padding:0px;
margin: 0 auto; /*Center container on page*/
}

#supernav {
	MARGIN: 0px auto; WIDTH: 940px; padding: 8px 10px 5px 10px; BORDER: #fff 0px solid;
}

#supernav A {
	TEXT-DECORATION: none
}
#supernav A {
	COLOR: #CCCCCC;
}
#supernav A:hover{
	TEXT-DECORATION: underline;
}

#supernav h1 {
	width:300px;
	FLOAT: left;
	text-transform:none;
	text-align:left;
	color:#ffffff;
	font-size:12px;
	vertical-align:middle;
	letter-spacing: 2px;
	margin:0px 0px 0px 5px;
}

#supernav #helpDiv
{

font-size:11px;
padding: 0px 0px 0px 15px;
float:right;
color:#FFFFFF;
}
#supernav #helpDiv UL {
	PADDING-RIGHT: 0px; FLOAT: right;
}
#supernav #helpDiv UL LI {
	BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 0.7em; MARGIN-RIGHT: 0.7em; line-height:130%;
}
#supernav .wrap #helpDiv UL LI.last {
	PADDING-RIGHT: 0px; MARGIN-RIGHT: 0px
}

/* ----------------------- End of supernav ---------------------------------------- */

/* ----------------------- Beginning of header ---------------------------------------- */

#headerwrapper {
	/*BACKGROUND-IMAGE: url(../images/header_bg.gif); 
BACKGROUND-IMAGE: url(../images/logo_bg.gif);  */
background-image: url(../images/bg-footer.jpg);
WIDTH: 100%; TEXT-ALIGN: center; 
BORDER-BOTTOM: #0672B1 2px solid;  
}
#header {
/*BACKGROUND-IMAGE: url(../images/logo_bg.gif);BORDER-LEFT: #B0B1B3 1px outset;
BORDER-RIGHT: #B0B1B3 1px inset;  */
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 960px; PADDING-TOP: 0px; HEIGHT: 80px; TEXT-ALIGN: left;

}

#header #logoContainer{
margin:0px;
HEIGHT: 65px;
padding:5px 20px 5px 40px; float:left; BORDER: #000 0px solid;
}
#header #logo {
HEIGHT: 65px;

BACKGROUND-image: url(../images/alutop-logo.gif) ; 
background-repeat:no-repeat; 
}
#header #quickInfo{
margin:0px 0px 0px 0px;
padding:0px 60px 5px 5px; 
width:180px;
float:right;
/*BORDER-STYLE: none; BORDER-TOP-STYLE: none;*/
}

#header #search 
{
FONT-SIZE: 1.2em;  TEXT-ALIGN: right; BORDER: #000 0px solid;
margin:0px;
width:350px;
float:left;padding:0px 5px 5px 5px;
/*
 height:65px;
margin:0px; padding:0px 5px 5px 105px;
color:#FFFFFF; BORDER: #000 1px solid;
float:left; display:block; */
}

#search FORM {
	FONT: 0.9em Arial, sans-serif; padding:10px 10px 10px 10px;
}

#search FORM * {
	VERTICAL-ALIGN: middle; /*BORDER-STYLE: none; BORDER-TOP-STYLE: none;*/
}

#search FORM input #search_text {
PADDING-RIGHT: 0.6em; 
PADDING-LEFT: 0.6em; FONT-SIZE: 1em; PADDING-BOTTOM: 0.0em;  
WIDTH: 150px; height:15px;FONT: 12px Arial, sans-serif;
MARGIN-RIGHT: 0.2em; PADDING-TOP: 0.0em; 
BORDER-STYLE: none; line-height:180%;
}
#search FORM input #search_submit {
/*	padding-top:1px;
	BACKGROUND: url(../images/go.gif) no-repeat center center; WIDTH: 30px; HEIGHT: 30px; */
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF; text-transform: uppercase;
/*
background-image: url(http://www.macromedia.com/ ...
background-repeat: repeat-x; */
color: #333333;

}

.classButton {
  border: 2px double #FC6;
  border-top-color: #FC9;
  border-left-color: #FC9;
  color: #333333;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase; background-color: #FFFFFF;
}


/* ----------------------- End of header ---------------------------------------- */

/* ----------------------- Beginning of navigation ---------------------------------------- */

#navwrapper {
	BACKGROUND-IMAGE: url(../images/menu_bg.gif); WIDTH: 100%; TEXT-ALIGN: center; 
}

#navigation
{
	MARGIN: 0px auto; WIDTH: 960px;height:30px; BORDER: #000 0px solid;
}

#navigation UL {
	 FLOAT: left; LIST-STYLE: none none outside;
/*text-transform:uppercase;  */
font-size:12px; font-weight:normal;
padding:5px 0px 5px 0px;
}
#navigation UL LI {
	vertical-align:bottom;BORDER-RIGHT: #0673B2 1px outset;  line-height:130%;
	padding:0px 24px 2px 24px; letter-spacing:1px;
}
#navigation UL LI.last {
	PADDING-RIGHT: 0px; MARGIN-RIGHT: 0px
}
#navigation  A {
	TEXT-DECORATION: none;
	COLOR: #fff; 
}
#navigation A.active{
	TEXT-DECORATION: none;
	COLOR: #7A0142; font-weight:bold;
}
#navigation A:hover{
	TEXT-DECORATION: none;
	color:#7A0142;	
	BORDER-BOTTOM: #9ed3e5 1px dotted;
}
/*
#navigation LI A:hover {
BACKGROUND-IMAGE: url(../images/menu_bg_hover.gif); 
}*/
/* ----------------------- End of navigation ---------------------------------------- */


/* ----------------------- Beginning of flash ---------------------------------------- */
#flashwrapper {
	BACKGROUND-color: #363D47; WIDTH: 100%;  margin:0px;padding:0px; height:150px;
}

#flashwrapper #marquee{
	MARGIN: 0px auto;WIDTH: 900px;height:29px;padding:10px 20px; overflow:hidden; vertical-align:middle; font-size:25px; color:#ffffff;
	font-family:"arial narrow", arial, verdana;
}

#flashwrapper #flash
{
	MARGIN: 0px auto; WIDTH: 960px;height:101px;padding:0px; overflow:hidden; vertical-align:bottom;
	BORDER: #000 0px solid;
}



/* ----------------------- End of flash ---------------------------------------- */





/* ----------------------- Beginning of content ---------------------------------------- */

#contentWrapper {
PADDING:0px 0px 0px 0px;

	 MARGIN: 0px auto; WIDTH: 100%;   BORDER-BOTTOM: #909090 1px solid;   
	/*
	background:url(../images/page_bg.jpg) #FFFFFF;
	width:960px; margin: 0 auto; 
	BACKGROUND-color: #f6f6f6;
   */

}

#contentWrapper #content
{ 
	PADDING:0px;
	width:920px; 
	MARGIN: 0px auto;
	BORDER-left: #ceced8 1px solid;
    BORDER-right: #ceced8 1px solid;
	overflow:hidden;
	padding:10px 20px 0px 20px;

/*height:200px; BACKGROUND-color: #f6f6f6;
text-align:center;
font-size:20px; BORDER: #909090 1px solid; */
	text-align:justify;
}

#contentWrapper #content h2
{ 
	
	font-size:14px; 
	padding:10px 10px 0px 0px;
	color:#BB8900;
	line-height:170%; font-weight:bold;
}

#contentWrapper #content h3
{ 
	padding:10px 10px 0px 0px;
	text-align:justify;
	font-size:12px;
    line-height:170%;
}

#contentWrapper #content h4
{ 
	
	font-size:14px; 
	padding:10px 10px 0px 0px;
	color:#BB8900;
	text-align:left;
	line-height:170%; font-weight:bold;
	BORDER-bottom: #ceced8 2px solid;
}

#contentWrapper #content #pageTitle
{
	width:920px; 
	float:left;
	text-align:justify;
	font-size:20px;
	color:#333333;margin:0px 0px 10px 0px;
	border-bottom:2px solid #CCCCCC;
	line-height:170%; 
}

#contentWrapper #content #leftContainer
{
/*	BORDER: #909090 1px solid; */
	width:400px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:justify;
	color:#333333;
	line-height:170%; 
}
#contentWrapper #content #leftContainer1
{
	width:900px;
	float: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:justify;
	color:#333333;
	line-height:170%; 
}

#contentWrapper #content UL {
margin:10px 10px 0px 15px;line-height:180%;
list-style-type: square;
/*text-transform:uppercase;  */
font-size:12px; font-weight:normal;
}
#contentWrapper #content UL LI {
	margin:10px 0px 0px 0px;
	line-height:180%;
}

#contentWrapper #content #leftContainer h1
{
	width:380px; 
	float:left;
	padding:10px 10px 0px 0px;
	text-align:justify;
	font-size:12px;
	color:#000000; line-height:170%;
}

#contentWrapper #content #leftContainer #highlights
{
	width:380px; 
	padding:10px 10px 0px 0px;
	float:left;
}

#contentWrapper #content #leftContainer1 #highlightsLeft
{
	width:400px; 
	padding:10px 10px 0px 0px;
	float:left;
}

#contentWrapper #content #leftContainer1 #highlightsRight
{
	width:400px; 
	padding:10px 10px 0px 0px;
	float:left;
}

#contentWrapper #content #leftContainer #videoShowcase
{
	margin:20px 0px 10px 0px;
	width: 380px; 
	background-image:url(../images/page_bg.jpg);
	padding:20px 10px 20px 10px;
	float:left;
	text-align:center;
}


#contentWrapper #content #leftContainer #measuringSlides
{
	margin:0px 0px 0px 0px;
	width:400px; 
	padding:10px 0px 10px 0px;
	float:left;
	text-align:center;
}

 UL.list {
/*padding:-30px 0px 0px 35px;*/
}
 UL.list li 
{
list-style-image: url(../images/li_image.gif); 
list-style-position: outside; 
/*list-style-type: square;*/
line-height:190%;
/*padding:10px 20px 0px 0px;*/

margin:10px 20px 0px 0px;
font-size:1.2em;
font-family:arial,verdana,georgia;
}



#contentWrapper #content #rightContainer
{
/*	BORDER: #909090 1px solid; */
	width:500px; 
	float:right;
	margin:0px;
	padding:0px 0px 0px 10px;
	text-align:justify;
	color:#333333;
	line-height:170%; 

}

#contentWrapper #content #rightContainer #leadingPic
{
	width:500px; 
	float:right;
	text-align:center;
	color:#333333;
	line-height:170%; 
	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}

#contentWrapper #content #rightContainer #flagShowcase
{
	width:500px; 
	float:right;
	text-align:center;
	color:#333333;
	line-height:170%; 
	padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}


/*--------------------- End of content -------------------------------------------- */

/* ----------------------- Beginning of bottomnav ---------------------------------------- */
#bottomnavwrapper {
	 WIDTH: 100%; background-image: url(../images/bg-footer.jpg); /*BACKGROUND-color: #ECECEC; */
BORDER-BOTTOM: #909090 5px solid;
}

#bottomnav
{
	MARGIN: 0px auto; WIDTH: 960px; overflow:hidden;
}

#bottomnav h1
{
padding:5px 10px 2px 20px;
float:left;
}

#bottomnav h2
{
padding:10px 5px 10px 10px;
float:left;
}

#bottomnav #validators
{
padding:10px 5px 10px 10px;
float:left;
}

#bottomnav #validators UL {
FLOAT: left; LIST-STYLE: none none outside;
text-transform:none;  
font-size:15px; font-weight:bold;
padding:5px 10px 5px 0px;
}
#bottomnav #validators UL LI {
	vertical-align:bottom; line-height:130%;
	padding:0px 3px 2px 3px; 
}


#bottomnav #links
{
margin:10px 10px 5px 10px;
float:right;
background:url(../images/dot.gif) repeat-x bottom left;
}

#bottomnav #links UL {
FLOAT: left; LIST-STYLE: none none outside;
text-transform:uppercase;  
font-size:11px; font-weight:normal;
padding:5px 10px 5px 0px;
}
#bottomnav #links UL LI {
	vertical-align:bottom;BORDER-RIGHT: #0673B2 1px outset;  line-height:130%;
	padding:0px 8px 2px 8px; letter-spacing:1px;
}
#bottomnav #links UL LI.last {
	PADDING-RIGHT: 0px; MARGIN-RIGHT: 0px
}
#bottomnav  A {
	TEXT-DECORATION: none;
	COLOR: #000; 
}
#bottomnav A.active{
	TEXT-DECORATION: none;
	COLOR: #000; font-weight:bold;
}
#bottomnav A:hover{
	TEXT-DECORATION: underline;
	color:#000;	
}

#bottomnav h3
{
margin:10px 10px 5px 10px; width:400px;
float:left;
font-size:11px;
text-align:left;
}

A.privacyPolicy
{
color:#0066FF;
	text-decoration:underline;
}
A:hover.privacyPolicy
{
	color:#0066FF;
	text-decoration:none;BORDER-BOTTOM: #9ed3e5 1px dotted;
}
/* ----------------------- End of bottomnav ---------------------------------------- */



/*---------------------------- Beginning of classes for CONTACT DETAILS ----------------------------------------- */
table.contact-table {
	border-collapse:collapse;
	background-color:#ffffff;
	text-align:justify;
}
table.contact-table tr{
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; TEXT-ALIGN: left;
}
/*table.contact-table td {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; TEXT-ALIGN: left;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	color: #000000;		
	BACKGROUND-COLOR: #f4f4f4;
} */

table.contact-table td {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; TEXT-ALIGN: left;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	color: #000000;
	BACKGROUND-COLOR: #f4f4f4;
	}

table.contact-table td span{
	color: #D40C24;
	text-align:center;		
}
table.contact-table th {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; TEXT-ALIGN: left;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color: #666666;
	text-transform:capitalize;
	BACKGROUND-COLOR: #ebebeb;
	}
table.contact-table th a
{
	font-weight:bold;
	color:#c6c6c6;
	text-decoration:underline;
}

table.contact-table th a:hover
{
	font-weight:bold;
	color:#3d7530;
	text-decoration:none;
}
/* ---------------------------------------end of classes for contact-table----------------------------- */