/* 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: 900px;	
		margin-top: 0px;
		padding: 0;		
		}	
		
td#mainleft {
		width: 200px;
		margin: 0px;
		padding: 0;
		background-color: #ffffff;
		vertical-align: top;	
		}	
		
td#mainright {				
		margin: 0;
		width: 700px;
		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 30px; 
		width: 320px;
		}	
		
table#homephotos a:link  {color: #712E73; }
table#homephotos a:hover  {color: #b2792b; }			
		
img.lights {margin: 0 0 0 0px; }
p.lights {margin: 0 0 0 44px;}
		
img.mfg {margin: -70px 0 0 175px; }  
p.mfg {margin: 0px 0 0 257px; }

td#new {
		margin: 0; 
		padding: 16px 0 0 40px;
		 }

td#new p {margin-left: 56px;	} 
	
.formtext {font-size: 12px; }		
 
ul#lighting {		
		list-style:none;
		font-size: 12px;
		margin: 0 0 0 24px;
		padding: 0;
		line-height: 135%
		}

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#mfggroup {
	 	margin: 10px 0px 15px 0; 
		
}

ul#mfggroup li {
		list-style:none; 
		margin: 6px 0 6px 20px; 
		
		
		}

ul#mfggroup a {
		color: #712E73;
		text-decoration:underline;		
		}

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: 17px;
		margin: 60px 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;		
	}
	
.video-right { float: right; margin-left:20px}