/* MAIN STYLESHEET FOR JTH LIGHTING ALLIANCE*/

img {
		border: 0;
		}

/* Primary layout divisions */			
		
body {	
		text-align: center;  /* need for IE 5 to center the layout - it doesn't support auto margins */
		margin: 0; 
		padding: 0;
		border: 0;
		background-color: #B2792B;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif; 					
		}
 		
table#maintable {		
		width: 790px;	
		margin-top: 0px;
		padding: 0;		
		}	
		
td#mainleft {
		width: 190px;
		margin: 0px;
		padding: 0;
		background-color: #ffffff;
		vertical-align: top;	
		}	
		
td#mainright {				
		margin: 0;
		width: 515px;
		padding: 20px 0 0 20px;  /* use padding within cells*/
		background: #DFCF7D url(/images/bkg_right.jpg) top right no-repeat;
		vertical-align: top;			
		text-align: left;
		}		
		
td#mainrightnobkg {
		background-color: #DFCF7D;
		padding: 20px 0 0 30px;  /* use padding within cells*/
		}		
			
td#homemainright {		
		width: 415px ; 
		margin: 0px;
		padding: 20px 0 0 26px;  /* use padding within cells*/
		background: #DFCF7D url(/images/bkg_right.jpg) top right no-repeat;
		vertical-align: top;
		}
						
td#mainleft img {margin: 30px 0 0 26px; }	

td#mainleft p#submenu  {margin: 0; text-align: center;}
td#mainleft p#submenu a {
		color: #712E73;
		font-size: 12px;
		font-weight: normal;}	
td#mainleft p#submenu a:hover {color: #b2792b;}		
	
td#mainleft hr {
		color: #b2792b;
		background: #b2792b;  /* needed for Firefox and Netscape - otherwise browser displays a default color */
		border: 0;            /* needed for Firefox and Netscape - otherwise browser displays a default color */
		height: 1px;
		margin: 20px 14px 0px 14px;
		padding: 0;
	  }		
		
tr#lighttype {height: 36px;}	
tr#lighttype td {
		vertical-align: bottom;
		padding: 0px 0px 3px 0;
		font-size: 13px;
		font-weight: bold;	
		}
		
tr#lighttype td a:link {color: #712E73; }
tr#lighttype td a:hover {color: #b2792b; }

td#icon {
	margin: 0;
	padding: 0px 6px 0px 0;
	vertical-align: top;
	}	
	
td#lighting {vertical-align: top;}

td#lighting p {
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		margin: 0;
		padding: 0;		
  	}					
		
/*used on design 2 */		
td#lightingicon {
		margin: 0px;
		padding: 20px 0 24px 30px;
		vertical-align: top; 		
		}	
 
table#homephotos {
		margin: 40px 0 0 35px; 
		width: 320px;
		 
		}	 
		
table#homephotos a:link  {color: #712E73; }
table#homephotos a:hover  {color: #b2792b; }			
		
img.lights {margin: 0 0 0 10px; }
p.lights {margin: 0 0 0 12px;}
		
img.mfg {margin: -200px 0 0 275px; }  
p.mfg {margin: -20px 0 0 280px; }

/*
#new {
		margin: 20 0 0 20px; 
		padding: 0px 0 0 0px; 
		float: left;
		background-color: #FFFF33;
		 }

#new p {
		float:right; 
		background-color: #ccc; 
		margin-top: -180px; 
		font-weight: normal;	
		line-height: 150%;
} 
*/

#video {
		margin: 40px 0px 50px 30px; 
		
}

#video-left {
	    float: left;
		padding: 0; 
		width: 220px;
		 
}

#video-right  {
		font-weight: normal;	
		padding: 0px 0px 0 20px;		
		width: 260px;
		 float: right;  
}

#video-right p {line-height: 150%}

.headline {font-size: 15px; font-weight: bold;  }
.videofeature {font-size: 13px; font-style: italic;}
	
.formtext {font-size: 12px; }		
 
ul#lighting {		
		list-style:none;
		font-size: 12px;
		margin: 0 0 0 24px;
		padding: 0;
		}

ul#lighting li {		
		list-style:none;
		margin: 0 0 6px 0px;
		padding: 0;				
		}				
		
ul#lighting li a {
		color: #712E73;
		text-decoration: underline;		
		}
		
ul#lighting li a:hover {color: #b2792b;}		

ul {		
		list-style: none;
		font-size: 12px;
		margin: 0 0 0 0px;
		padding: 0;
		}

ul li {				
		margin: 0 0 7px 0px;
		padding: 0;
		}		
		
ul#bullet {			
		margin: 0 0 10px 34px;
		padding: 0;	
		}

ul#bullet li {
		list-style-type: disc;		
		margin: 0 0 0 0px;
		padding: 0;
		line-height: 150%;
		}		


h1 {
		margin: 30px 0 16px 0;
		padding: 0 0 0 0px;
		color: #712E73;
		font-size: 22px;
		font-weight: normal;
		}	
		
h2 {
		margin: 20px 0 4px 0;
		padding: 0 0 0 0px;
		width: 94%; 		
		color: #b2792B;
		font-size: 18px;
		font-weight: normal;
		 border-bottom: 1px solid #b2792B;     
		}		

h2.alt {
	border: none;
	margin: -52px 0 0 62px;
	font-size: 20px;
	}			
		
h3 {
		margin: 11px 0 2px 0;
		padding: 0 0 0 0px;
		color: #712E73;
		font-size: 13px;
		font-weight: normal;
		 }		
		 		 
h3 a:link {
		font-size: 13px;
		color: #712E73;
		font-weight: normal;
		}	
	
h3 a:active {
		font-size: 13px;
		color: #b2792B; 
		font-weight: normal;
		}						
 
h3 a:hover {
		font-size: 13px;
		color: #b2792B; 
		font-weight: normal;
		}	 
		
p {				
		font-size: 12px;
		margin: 0 20px 10px 0px;
		padding: 0;
		line-height: 130%;
		font-family: Verdana, Arial, Helvetica, sans-serif; 	
		}

p.mfg {line-height: 140%;}	

p.submenu {margin-left: 53px}	
		
td.terrhdr {
		font-size: 13px;
		color: #712E73;
		font-weight: bold;
		padding: 0px;
		vertical-align: top;
		}

td.terrname {
		font-size: 12px;
		line-height: 130%;
		width: 35%;
		color: #000000;
		padding: 0 0 10px 0;
		vertical-align: top;	
		}	

td.terrphone {
		font-size: 12px;
		line-height: 130%;
		color: #000000;
		padding: 0 0 10px 0;
		vertical-align: top;	
		}		
	
#topofpage a {
	font-size: 11px;
	color:#712E73;
	}
	
#topofpage a:hover {
	font-size: 11px;
	color: #b2792B;
	}	
		
.tagline {
		color:#712E73;
		font-size: 18px;
		margin: 20px 0 0 0px;
		padding: 0;		
		}
		
.bold {
		font-weight: bold;
		color: #333333;
		}
			
strong {
		font-weight: bold;
		color: #333333;
		}			
				

/* SUBMENU NAV LINKS */				
div#submenu {
		width: 190px;
		margin: 16px 0px 0 0px;
		padding: 0 24px 0 0;		
		text-align: right;
		}

div#submenu ul {margin: 0;	padding: 0;}	
					
div#submenu ul li {
		font-size: 12px;
		margin: 0;
		padding: 7px 0 1px 0px;
		vertical-align: middle;
		list-style: none;
		line-height: 120%;			
		}
				
div#submenu ul li a {display: block;}

body#home li#home a,
body#about li#about a,
body#lighting li#lighting a,
body#mfg li#mfg a,
body#literature li#literature a,
body#whatsnew li#whatsnew a,
body#projects li#projects a,
body#resources li#resources a,
body#contact li#contact a
		 {
		color: #712E73;
		font-weight: bold;
		background: transparent;
		}		

/* SECOND-LEVEL SUB-MENU */	
div.sublinks {display: none;}  /* turn off all sublinks */			

div#submenu div.sublinks ul {
		margin: 0;
		padding: 0px; 
		}
		
div#submenu div.sublinks ul li {
		margin: 0;
		padding: 2px 0 4px 0;
		list-style: none;	
		list-style-image: none;
		line-height: 100%;
		font-size: 11px;
		}		
		
div#submenu div.sublinks ul li a:hover {
		font-size: 11px;
		}		

/*  SUBMENU NAV LINKS  */		
div#submenu a:link, div#submenu a:visited {
		color: #B2792B; 
		font-weight: normal;
		text-decoration: none; 
		}
		
div#submenu a:active {
		color:#712E73;
		font-weight: normal;
		text-decoration: none;
		}					
				
div#submenu a:hover {
		color: #712E73;
		font-weight: normal;
		text-decoration: underline;
		font-size: 12px;
		}
		
	 
	
/*  DEFAULT LINKS  */			
a:link, a:active {
		font-size: 12px;
		color: #712E73;
		font-weight: normal;
		}		
		
a:hover {
		font-size: 12px;
		color: #B2792B;
		font-weight: normal;
		}				


	/*  FOOTER  */			
	
div#footer {
		background-color: #b2792b;
		margin: 0;
		padding: 10px 0 10px 10px;		
		}
			
div#footer ul {
		clear: both;
		border: 0;
	 /*  border-top: 1px solid #712e73;   */
		/*width: 420px; */
		padding: 0px 0 0 00px;
		margin: 0px 0 0px 0px;
		text-align: left; 
		}	
		
div#footer li {		 
		font-size: 10px;
		margin: 0 0 0 0px;
		padding: 0 0 0 0px;
		list-style: none;	
		display: inline;  /*displays links horizontaly */
		}
				
div#footer li a {		
		text-decoration: none;
		font-weight: bold;	
		font-size: 10px;			
		}	
		
.copyright {
		font-size: 10px;
		margin: 0px 0 0px 0px;
		}							
		
/*  FOOTER LINKS  */				
body#lighting li#lightingftr a,
body#mfg li#lightingmfg a,
body#projects li#lightingpro a,
body#contact li#contactftr a
		 {
		color: #712E73;		
		font-weight: bold;
		background: transparent;		
		}					
		
div#footer a:link, div#footer a:visited {
		color: #dfcf7d;		
		text-transform: uppercase; 
		font-weight: bold;
		text-decoration: none;
		}			
		
div#footer a:hover {
	 	color: #712e73;	
		text-decoration: underline;
		font-size: 10px; 		
		}
	
		
img.lighting {
		margin: 0px 36px 0px 7px;
		}			

.cataloggroup {
	color: #444444;
	font-weight: bold;
	font-size: 14px;
	}	 
				
.catalogmfgname	{
	font-size: 13px;
	font-weight: bold;
	color: #712E73;		
	}