/*universal padding and margin*/
*
{
	padding: 0px;
	margin: 0px;
	font-family: arial;
	
}

ul,ol,li{padding:0px;margin:0px;}

/*background image attached to the body tag*/

body
{
	background-image: url(../images/background2.gif);
	background-repeat: repeat;

}

/* container that holds all sections and elements of the site */
#container{
background-image: url(../images/whitecontainer_bg.gif);
background-repeat: repeat-y;
width: 979px;
height: auto;
margin-left: auto;
margin-right: auto;
overflow:hidden;
}


/* header that holds the logo */
#header{
	
width:935px;
height:64px;
margin-left:auto;
margin-right:auto;
padding-top:16px;
}


/*place the logo on its spot*/
#logo{
height:64px;
float:left;



}


/*place the home link on the top right*/


#homelink{padding-top:45px;float:right;font-family:arial;color:#7e8082;font-size:11px;}
#homelink a:link{color:#7e8082;text-decoration:underline;}
#homelink a:visited{color:#7e8082;text-decoration:underline;}





/* this is the top navigation div */
#topnavigation{width: 935px;height: 25px;margin-left: auto;margin-right: auto;background-color: #cccccc;}


/* this place of the links and font color of links*/
#toplinks1{
color: #ffffff;
font-size: 20px;
padding-top: 0px;
padding-left: 23px;
}


#toplinks1 a:link{
font-weight:bold;
color: #262626;
font-size: 11px;
text-decoration: none;
}

#toplinks1 a:visited{
font-weight:bold;
color: #262626;
font-size: 11px;
text-decoration: none;
}

#toplinks1 a:hover{
font-weight:bold;
color: #008a3f;
font-size: 11px;
text-decoration: none;
}


#toplinks1 a:active{
font-weight:bold;
color: #262626;
font-size: 11px;
text-decoration: none;
}


/* banner ad and news section*/
#newssection{width: 935px;height: 220px;margin-left: auto;margin-right: auto;padding-top: 1px;}

#newssectionleft{width: 623px;height: 220px;float: left;}

#newssectionleft2{width: 395px;height: 220px;float: left;display: inline;background-image: url(../images/relaybg.jpg);background-repeat: no-repeat;}

#newssectionleft2 dl{margin:20px 0 0 20px;}
#newssectionleft2 dl dt{color:#7e8082;font-size:24px;}
#newssectionleft2 dl dd{color:#7e8082;font-size:14px;margin:7px 0 0 0;width:300px;}

#newssectionmiddle{width:228px;height:220px;display:inline;float:left;background-color:#fff;}
#newssectionmiddle img{display:block;height:72px;width:227px;margin:1px 0 0 1px;border:0;}
#newssectionright{width: 311px;height: 220px;float: right;background-color: #008a3f;display:inline;}
/*links on the green box on the right - Quarterly*/
#newssectionright a:link{text-decoration:none;color:#ffffff;}
#newssectionright a:visited{text-decoration:none;color:#ffffff;}
#newssectionright a:hover{text-decoration:underline;color:#ffffff;}
#newssectionright a:active{text-decoration:none;color:#ffffff;}





/*on the subpages */

#summarysection{width: 935px;height: 179px;margin-left: auto;margin-right: auto;padding-top: 1px;}
#summaryleft{width: 623px;height: 179px;float: left;background-color: #eeeeee;}
#summaryright{width: 311px;height: 179px;float:right;background-color: #008a3f;}
#summarytext{width: 594px;font-family: arial;font-size: 14px;padding-left:7px;padding-top: 10px;color:#7e8082;}



#summarytext a:link{
font-size:10px;
color:#008a3f;
text-decoration:underline;

}

#summarytext a:visited{
font-size:10px;
color:#008a3f;
text-decoration:underline;

}
#summarytext a:hover{
font-size:10px;
color:#008a3f;
text-decoration:none;

}

#summarytext a:active{
font-size:10px;
color:#008a3f;
text-decoration:underline;

}


#summarytext h1{

font-family: arial;
font-size: 18px;
color:#008a3f;

}





/*this is the home page unordered list in the green area*/

.trainingpackage{color: #FEFEFE;font-family: arial;font-size: 13px;font-weight: bold;padding-left:15px;padding-top:13px;}
.trainingpackage li{margin:5px 0 0 15px;font-size:12px;font-weight:normal;}


/*label on top called littelfuse*/

h1.littelfuse{font-size: 15px;font-weight: bold;color: #FEFEFE;padding-left:15px;padding-top:10px;}



/*label on top called Quarterly 1*/

h2.q1{font-size: 22px;font-weight: normal;color: #FEFEFE;padding-left:15px;padding-top:0px;font-style: italic;}


/* introduction statement section*/

#introductionsection{
width: 935px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;



}



#introductionsectionleft{
width: 623px;
	height: 80px;
	float: left;
	background-color: #7e8082;
}


h3.introductionstatement{
font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	padding-left:12px;
padding-top:3px;
text-transform:uppercase;
}



h4.introsentences{
font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	padding-left:12px;
	padding-top:0px;
	
	
	}
	
	
h4.introsentences a:link
{
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;

}	
	
	
h4.introsentences a:visited{
font-size: 12px;
	font-weight: normal;
	color:#ffffff;
	text-decoration:underline;
	font-style: italic;
	font-weight: bold;

	
	
	
	}	
		
	
h4.introsentences a:hover{
	font-size: 12px;
	font-weight: normal;
	color:008a3f;
	text-decoration:none;
	font-style: italic;
	font-weight: bold;

	}


#introductionsectionright{
width: 311px;
	height: 80px;
    float: right;
   
	
}


/*the area where the middle content with subcategories will be placed*/

#content{width: 935px;margin-left: auto;margin-right: auto;padding-top:20px;}

.contentColumn1{float:left;width:577px;display:inline;padding:0 19px 200px 19px;}
.contentColumn1 h3{color:#008a3f;font-weight:bold;font-size:13px;margin:0 0 5px 0;}
.contentColumn1 p{color:#222222;font-size:11px;line-height:120%;margin:0 0 10px 0;}
.contentColumn1 span.greentext{color:#008a3f;}
.contentColumn1 ul{list-style-type: disc;list-style-position: inside;}
.contentColumn1 ul li{list-style-type: disc;list-style-position: inside;color:#008a3f;font-size:11px;font-weight:bold;margin-bottom:3px;}
.contentColumn1 ul li a{color:#008a3f;text-decoration:none;}
.contentColumn1 ul li a:hover{color:#008a3f;text-decoration:underline;}
.contentColumn1 a{color:#008a3f;text-decoration:underline;}

.contentColumn1 ul.sitemap{margin:0 0 0 25px;}
.contentColumn1 ul.sitemap li{}


.contentColumn1 dl{}
.contentColumn1 dl a{color:#008a3f;text-decoration:underline;}
.contentColumn1 dl dt{color:#008a3f;font-size:11px;font-weight:bold;margin:10px 0 4px; 0;}
.contentColumn1 dl dd{color:#222222;font-size:11px;}





.contentColumn2{float:right;width:278px;display:inline;padding:0 15px 0 15px;}
.contentColumn2 h3{color:#008a3f;font-weight:bold;font-size:13px;margin:0 0 5px 0;}
.contentColumn2 dl{}
.contentColumn2 dl dt{font-weight:bold;font-size:11px;color:#222222;margin-top:10px;}
.contentColumn2 dl dd{font-weight:normal;font-size:11px;color:#222222;margin:5px 0 0 10px;}
.contentColumn2 dl dd a{text-decoration:underline;font-weight:normal;color:#222222;}
.contentColumn2 dl dd a:hover{text-decoration:none;font-weight:normal;color:#222222;}

.contentColumn2 dl dd.quote{margin-top:30px;}
.contentColumn2 dl dd.quote img{border:none;}
.contentColumn2 dl dd.quote a.quote{text-decoration:underline;font-weight:bold;color:#008A3F;}
.contentColumn2 dl dd.quote a.quote:hover{text-decoration:none;font-weight:bold;color:#008A3F;}


/*this is the contact form stylized on the contact us page*/
div.contact_form{margin: 20px 0 0 0; background-color:#E6E7E8;padding:15px; width:500px;}
div.contact_form table.contact1{}
div.contact_form table.contact1 tr{}
div.contact_form table.contact1 tr td.left{text-align:left;padding:5px 0 0 0;}
div.contact_form table.contact1 tr td.left label{color:#008A3F;font-size:12px;font-weight:bold;}
div.contact_form table.contact1 tr td.right{padding:5px 0 0 15px;}
div.contact_form table.contact1 tr td.right textarea{font-size:12px;width:260px;}
div.contact_form table.contact1 tr td.right input{font-size:12px;}
div.contact_form table.contact1 tr td.right select{font-size:12px;width:262px;}

input.long{width:260px;}












/*footer with links*/
#footer{margin-top:7px;width: 935px;height:24px;margin-left: auto;margin-right: auto;background-image: url(../images/footer_bg.gif);background-repeat: no-repeat;color:#7e8082;font-size: 10px;display:block;clear:both;padding-top:8px;}





/* the left footer navigation*/

#footerleft{

height: 24px;
float: left;
display:inline;

}


#footerleft ul{
display:inline;
list-style-type: none;
}


#footerleft ul li{
	display: inline;
	list-style-type: none;
	float:left;
	margin:0 20px 0 0;
}





#footerleft a:link {
color:#7e8082;

text-decoration:underline;



}


#footerleft a:visited {
color:#7e8082;

text-decoration:underline;



}



#footerleft a:hover {
color:#7e8082;

text-decoration:none;



}


#footerleft a:active {
color:#7e8082;

text-decoration:underline;



}


/*the right footer navigation*/
#footerright{
display:inline;
height: 24px;
float: right;

}

#footerright ul{

display:inline;
list-style-type: none;

}



#footerright ul li{
display: inline;
	list-style-type: none;
	float:left;
	margin:0 20px 0 0;
}




#footerright a:link{
color:#7e8082;

text-decoration:none;

}


#footerright a:visited{
color:#7e8082;

text-decoration:none;

}


#footerright a:hover{
color:#7e8082;

text-decoration:none;

}


#footerright a:active{
color:#7e8082;

text-decoration:none;

}