/*-------------------------------CSS Style sheet for ELF website - Do not change!-------------------------*/

/* ----------outside background - contains background image---------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		background:url(images2/metalg.jpg) repeat;
}


/*---------------------------left column-------------------------*/

.leftcolumn{
width:375px;
padding-left:0px;
padding-right:0px
padding-top:50px;
padding-bottom:20px;
float:left;
margin-left:16px;
margin-top:60 px;
text-align:left;
background-color: #ffffff;
 
}

/*-------------------------------right column--------------------*/

.rightcolumn{
width:375px;
padding-left:0px;
padding-right:0px
padding-top:50px;
padding-bottom:20px;
float:right;
margin-right:16px;
margin-top:60 px;
text-align:justify;
background-color: #ffffff;



/*-------------------------------font family and default size and color-------------------------*/
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #245a40;

}

/*---------------------------------H2 font style-------------------*/

h2{

font-weight:bold;
text-align:left;
font-size:14px;
color:#245a40;
margin:0;
padding-top:14px;
padding-bottom:5px;
}

/*---------------------------------H3 font style-------------------*/

h3{
margin-right:30;
font-size:17px;
color:#245a40;
font-weight:bold;
text-align:center;

width:100%;
border-bottom:
}

/*---------------------------------H4 font style-------------------*/

h4{
font-size:12px;
color:#245a40;
font-weight: normal;
text-align:left;
margin:0;
width:100%;
}

/* ----------wrapper - a container to center the layout---------- */
.wrapper {
width: 800px;
margin: 0 auto;
background-color: url(images2/metalg.jpg) repeat; 
border-left:0px solid #668b83;
}


/* ----------banner for logo-------------- */
.banner{
background:url(images2/name60.jpg) repeat-x;
height:80px;
width:800px;
margin-top:20px;
margin-right:8px;
margin-left:8px;
border-top:0px solid #668b83;
border-bottom:0px solid #668b83;/*top of content area*/
border-right:0px solid #668b83;
border-left:0px solid #668b83; 
}



/*----------------------------------Footer-------------------------*/
.footer{
width:100%;
height: 50px;
background:url(images2/barchrome1.jpg) repeat-x;
text-align:center;
margin-top: 10px;
border-top:0px solid #668b83;
border-bottom:0px solid #668b83;
padding-top:0px;
position:relative;
padding-bottom:0px;
clear:both;

color:#fff;
}
.footer a:link{
color:#fff;
font-size:11px;
}
.footer a:visited{
color:#fff;
font-size:11px;
}
.footer a:hover{
color:#CCC;
font-size:11px;
}

/*----------------define content area - bottom margin is bottom of footer ---------------*/

 .content{
width:100%;
padding-top:0px;
padding-right:0px
padding-left:0px
padding-bottom:0px;
background:  #ffffff;
margin-bottom:10px; /*bottom of footer*/
} 




/* ----------Navigation links at the top of the white content area------------*/

.navbg {
	
	width:100%;
	height:17px;
	border-bottom:1px solid #668b83; /*--line under nav links home, products etc.--*/
}


#navcontainer ul  /*-----set font family---*/
{
	margin:0px;
	list-style-type: none;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	/*font-weight:bold;*/
	padding-top:5px; /* -----these controls worked ----*/
	padding-bottom:5px;
	/*display:block; ---don't understand why this isn't "inline" 
so control for this must be below in ul li */
	width:100%;
}

#navcontainer ul li { display: inline; }/*-----this control works---*/

#navcontainer ul li a
{
text-decoration: none;
/*font-size: 12px;*/
font-weight:bold;
padding-right: 10px; 
/*padding-top:10px;*/
/*padding-bottom:21px;*/
padding-left: 10px;
color:#245a40;
width: 100%;

}

#navcontainer ul li a:hover
{
color: #668b83;}