/*------------------------------------------------------------------------------IMAGES*/
img {
	float: left; /*position left column images and allow text flow around*/
	padding: 1px; /*spacing around all images*/
	margin-top: 15px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 10px;
	
}
.LED img, .LED-technology img, .LED-lighting-design-support img, #article_menu img {
	float: none; /*not on images within header, right column on homepage, toolbar menu*/
	padding: 0px; /*not on images within header, right column on homepage, toolbar menu*/
	border: 0px; /*not on images within header, right column on homepage, toolbar menu*/
	margin: 0px; /*not on images within header, right column on homepage, toolbar menu*/
}
#overlay {
	position: absolute; /*enable absolute positioning for overlay*/
	top: 0px; /*prevent bug in phoenix*/
	right: 420px; /*positions overlay on right edge of header- minus 220px*/
}
#index {
	position: absolute; /*enable absolute positioning of top menu images*/
	top: 30px; /*positions all image links from top of header*/
	right: 359px; /*position home link from right edge of header- minus 220px*/
	border: 0px solid #000000; /*border zero to prevent link border*/
}
#terms {
	position: absolute; /*enable absolute positioning of top menu images*/
	top: 30px; /*positions all image links from top of header*/
	right: 297px; /*position terms link from right edge of header- minus 220px*/
	border: 0px solid #000000; /*border zero to prevent link border*/
}
#help {
	position: absolute; /*enable absolute positioning of top menu images*/
	top: 30px; /*positions all image links from top of header*/
	right: 251px; /*position help link from right edge of header- minus 220px*/
	border: 0px solid #000000; /*border zero to prevent link border*/
}
.LED-technology img {
	float: right; /*float puzzle peice right and allow text flow around*/
	padding-left: 30px; /*pushed against the text on left when browser is decreased, to push down to next line and prevent overlaping*/
}
.article img {
	margin-left: 15px; /*overide setting defined previously for images*/
}
.article .no_float {
	float: none; /*email address images on email contact directory page, map on phone contact page, part number convention images*/
	padding: 15px 15px 12px 15px; /*15 around images and 12 plus 3px below, 3px occures below all images by default*/
	border: 0px; /*offset default*/
	margin: 0px; /*offset default*/
}
/*------------------------------------------------------------------------------URLS*/
a:link, a:visited {
	text-decoration: none; /*remove underlines from all text links*/
	color: #003399; /*special blue- global standard link color*/
}
a:hover, a:visited:hover {
	text-decoration: underline; /*underline all text links during mouse hover*/
}
a:visited:hover {
	color: #666666; /*dark grey- standard text color for visited links on hover*/
}
#lighting a:link, #lighting a:visited { /*AKA for links within top main nav menu*/
	margin: 2%; /*spacing between each text link for layout*/
	color: #ffffff; /*white- nav menu links*/
}
.LED-lighting-educational a:link, .LED-lighting-educational a:visited { /*links within educational box*/
	display: block; /*allows proper rendering for all elements within box*/
	padding-left: 20px; /*indent links within container_left to line up under the correct column*/
}
h2 a:link, h2 a:visited, h2 a:visited:hover { /*the "more link" within homepage text titles*/
	position: absolute; /*all absolute positioned elements*/
	right: 10px; /*position text links within all titles*/
	font-size: 10px; /*font size of links within all titles*/
	color: #ffffff; /*white- text links within all titles*/
}
/*------------------------------------------------------------------------------LISTS*/
ul { 
	margin: 0px; /*overide default browser settings*/
	list-style-image: url(""); /*global bullet image for lists*/
}
li {
	padding-left: 2px; /*between bullett and first letter*/
	margin: 0px; /*global- overide default in opera*/ 
}
.LED-landing-light ul {
	padding: 12px 10px 12px 23px; /*spacing on all sides of list, top matches space between labels in educational box and top of that box*/
	border-top: 1px dashed #cccccc; /*light grey- dashed lines above list*/
}
.LED-technology ul {
	padding: 5px 10px 5px 23px; /*spacing on top of list, plus top padding of list item, plus 3px for text, right: spacing between list and right of content box, spacing below list plus bottom padding of list item, and 3px for text, create 10px between list bullet and content box*/
}
.LED-technology li {
	padding: 7px 0px 7px 2px; /*spacing between list items plus 3px for text, left: between bullet and first letter*/
	border-bottom: 1px dashed #cccccc; /*light grey- dashed lines between list items*/
}
.article ul, .article ol {
	padding: 12px 15px 12px 31px; /*top 12px makes 30 between list and p, 15px right default, 12px bottom for 30px total between h3 and next h tag, 31px left aligns bullet with all text*/
}
.article ol {
	padding-left: 43px; /*align numbers in list at 20px from edge of article content box*/
}
.split_list {
	margin-bottom: 24px; /*spacing below list items with long description to make 30px, such as featured article page*/
}
/*------------------------------------------------------------------------------HEADINGS*/
h1 { 
	padding: 12px 15px 0px 15px; /*spacing around article heading, plus 3px on top and bottom from text*/ 
	margin: 0px; /*offset, default*/
	font-size: 16px; /*headline font larger than default text*/
	color: #003399; /*special blue- add color to body*/
}
h2  {
 	margin: 12px 15px 0px 15px; /*top 12px plus 3px from text, left 15px applies when no image*/
	font-size: 14px; /*override previous setting for nav menu*/
	color: #ff8900; /*dark orange to match h1 on home page*/ 
}
h3 {
	margin: 12px 15px 0px 15px; /*spacing around h3 plux 3px on top and bottom, 15px left and right*/
	font-size: 12px; /*override default browser setting*/
}
.LED-lighting h1 { /*AKA for h1 within ribbon on homepage*/
	height: 20px; /*maintain overall height of h1 and background in ie*/
	padding: 0px 0px 0px 197px; /*allows h1 to center*/
	margin: 0px 197px 0px 0px; /*0 offsets defaults and right allows the right background image in parent div to display*/
	text-align: center; /*position headline in center of page*/
	letter-spacing: .6em; /*increase headline font letter spacing for visual effect*/
	font-size: 16px; /*headline font larger than default text*/
	color: #ff9500;/*orange- words in headline*/
	background-color: #316ccd; /*special blue- behind h1 to transition with side images*/
	background-image: url(); /*title background*/
	background-position: top left; /*position background, top helps rendering in collapse in ie*/
	background-repeat: no-repeat; /*prevent repetitive background image*/
}
.index, .dark, .noprint { /*h2 on homepage*/
	height: 15px; /*prevents double backgroud in decreased browser widths, forces content overflow*/
	overflow: hidden; /*clips content in decreased browser widths*/
	padding: 2px 5px 2px 5px; /*spacing between text in title and sides of box- use of padding required*/
	margin: 0px 13px 0px 0px; /*0 offsets defaults and right allows the background image or corner in parent title div to display*/
	font-size: 12px; /*override default browser setting*/
	background-color: #eeede9; /*special grey- title background for loading*/
	background-image: url(); /*title background*/
}
.index, .noprint {
	color: #666666; /*dark grey- global text color for h2 within homepage, black is too bold on white background*/
}
/*------------------------------------------------------------------------------PARAGRAPHS*/
p, .article .block p {
	padding: 12px 15px; /*global padding*/
	margin: 0px; /*global margin offset browser default*/
}
.left_column p, .right_column p {
	padding: 12px 10px; /*15px above, 15 below, 30 total between, 10 on sides, add 3px for text on top and bottom*/
	margin: 0px; /*offest, default for all sections*/
}
.LED-lighting-educational p { 
	display: inline; /*enables proper rendering to show background of p tags*/
	padding-left: 20px; /*spacing between p text and background icon*/
	font-weight: bold; /*for title of link column*/
	background-position: left; /*position of content box background image*/
	background-repeat: no-repeat; /*prevent repetitive background image*/
}
.intro {
	font-style: italic; /*article introductions*/
}
.article form p {
	padding: 12px 15px 0px 15px; /*12px top makes 30px between p, 15px on sides*/
	margin: 0px; /*offset, rule abovce for spacing below field labels in forms*/
}
#footer p {
	padding: 0px; /*overide all other page settings to allow footer text to render close together*/
}
/*------------------------------------------------------------------------------FORMS*/
form {
	display: inline; /*prevents positioned forms from consuming space from orginal position*/
}
.field {
	width: 150px; /*sets overall width*/
	height: 15px; /*so height will match size of go_button*/
	padding: 0px 0px 0px 4px; /*indent curser to make visible on focus*/
	border: 1px solid #505050; /*super dark grey- border around field box*/
	margin: 0px 200px 15px 0px; /*force fields down to next line with right, verticle spacing on bottom plus 15px on text for 30px total*/
	font-size: 12px; /*text fits into field box*/
}
#go_field {
	position: absolute; /*enable absolute positioning*/
	top: 5px; /*positions go field from top of header*/
	right: 255px; /*positions go field from right edge of header- minus 220*/
	width: 164px; /*sets overall width*/
	height: 15px; /*so height will match size of go_button*/
	padding: 0px 0px 0px 4px; /*indent curser to make visible on focus*/
	border: 1px solid #505050; /*super dark grey- border around go field box*/
	font-size: 12px; /*text smaller to fit into field box with lower case drop down letters*/
}
#go_button {
	position: absolute; /*enable absolute positioning for overlay*/
	top: 5px; /*positions go button from top of header*/
	right: 230px; /*positions go button from right edge of header- minus 220px*/
	border: 2px solid #00198c; /*dark blue- border around go button*/
}
#textarea {
	width: 500px; /*sets overall field width and pushes next line down*/
	height: 100px; /*sets overall field height*/
	padding: 0px 0px 0px 4px; /*indent curser to make visible on focus*/
	border: 1px solid #505050; /*super dark grey- border around text area box*/
	margin: 0px; /*offset default*/
	font-size: 12px; /*text to match .field above*/	
}
#submit {
	border: 1px solid #0000ff; /*blue- border around button*/
	margin: 0px 0px 3px 0px; /*spacing below submit plus 12px from p and 15 from article bottom makes total 30px*/
	font-size: 12px; /*text size on button*/	
}
/*------------------------------------------------------------------------------IDS*/
#lighting { /*AKA for top main nav menu*/
	padding: 4px 0px; /*establish overall height of nav and centers text links, padding used since backgrond is not an image*/
	border: 1px solid #808080; /*grey- border around element*/
	text-align: center; /*position nav in center of page*/
	font-family: "Verdana", "Arial", "Sans-serif"; /*default fonts*/
	font-size: 10px; /*nav menu font size is not 12px*/
	font-weight: bold; /*top nav font bold*/
	background-color: #ff9500; /*orange- nav menu background*/
}
#container_left {
	float: left; /*allow following content to flow up and around and fit side by side*/	
	width: 50%; /*position right container towards left for browsers set to high resolution*/
}
#container_right {
 	float: left; /*enable left padding on links within right container*/
}
#article_menu {
	padding: 4px 15px 10px 5px; /*padding around article menu image links, plus 1px on top from image, 5px bottom, 10px on left from global p*/
	border-top: 1px solid #003399; /*special blue- line between icons and posted date*/
	border-bottom: 1px dashed #cccccc; /*light grey- dashed lines for effect*/
  	margin: 0px; /*required to offset default and bring summary text closer*/
  	background-color: #eeede9; /*special grey- background color for article menu*/	
}
#footer {
	clear: both; /*allows footer to span across entire bottom of homepage*/
   text-align: center; /*centers company information within header*/
   font-size: 10px; /*font size of footer text not 12px*/
   background-color: #eeede9; /*special grey- background color for footer to match right column*/
}
/*------------------------------------------------------------------------------CLASSES*/
.page {
	overflow: hidden; /*prevents overflow in phoenix browser when page is collapsed*/
}
.LED { /*AKA for top header*/
	position: relative; /*reference for positioned elements within header section*/
	height: 56px; /*maintain overall height of header*/
	overflow: hidden; /*prevents bug in ie*/
	border: 1px solid #808080; /*grey- border*/
  	background-color: #eeede9; /*special grey to blend with background near right side*/
}
.LEDs { /*AKA for section within top header to allow rendering during expansion*/
	display: inline; /*enables rendering in firefox for section within header which allows browser to expand and collapse*/
	position: absolute; /*enable correct rendering for elements*/
	top: 0px; /*required for rendering in phoenix*/
	left: 217px; /*required for rendering in ie*/
	width: 100%; /*required for proper rendering*/
	height: 56px; /*required for proper rendering*/
	overflow: hidden; /*clips content in decreased browser widths from left near logo*/
	background-image: url(); /*header background image*/
	background-repeat: no-repeat; /*prevent repetitive background image*/
}
.LED-lighting { /*AKA for ribbon on homepage with title LED LIGHTING*/
	width: 100%; /*prevents rendering error in ie5 on reduced browser width*/
	height: 20px; /*maintain overall height of h1 and background*/
	overflow: hidden; /*prevents bug in ie*/
	margin-bottom: 1px; /*spacing above nav menu*/
	background-image: url(); /*right movable background*/
	background-position: top right; /*position background, top helps rendering in collapse for ie*/
	background-repeat: no-repeat; /*prevent repetitive background image*/
}
.left_column {
	float: left; /*position left column*/
	width: 60%; /*overall width 430 of left column*/
	overflow: hidden; /*clips content in decreased browser widths*/
	padding-top: 10px; /*spacing below nav menu*/
}
.title {
	border-left: 1px solid #808080; /*grey- border on left of element*/
	background-image: url(); /*title background*/
	background-position: right; /*position corner.jpg*/
	background-repeat: no-repeat; /*prevent repetitive background image*/
}
.LED-lighting-design-center, .LED-landing-light, .LED-circuit-logic, .LED-lighting-educational, .lunar-accents-design, .LED-technology, .LED-lighting-design-support, .article {
	border: 1px solid #808080; /*grey- border around element*/
	margin-bottom: 10px; /*space below and between all content boxes*/
}
.LED-lighting-educational {
	padding: 12px 0px 3px 10px; /*spacing on top plus 3px for text, spacing on bottom plus bottom padding on span tags, plus 3px for text, to push over the left container*/
	color: #ff8900;/*dark orange- words to match h1 located in ribbon*/
	background-image: url(); /*content box background*/
	background-position: top right; /*position of content box background image*/
	background-repeat: no-repeat; /*prevent repetitive background image*/
}
.optical {
	background-image: url(); /*content box background*/
}
.electrical {
	background-image: url(); /*content box background*/
}
.design {
	background-image: url(); /*content box background*/
}
.miscellaneous {
	background-image: url(); /*content box background*/
}
.ground {
	padding-bottom: 9px; /*spacing below last link at bottom within .LED-lighting-educational plus padding on bottom of content box and 3px on text*/
}
.LED-lighting-educational {
	height: 100%; /*prevents float bug in ie6*/
}
.right_column {
	float: right; /*position right column on right*/
	width: 39%; /*overall width 300 of right column*/
	overflow: hidden; /*clips content in decreased browser widths*/
	padding-top: 10px; /*spacing below nav menu*/
}
.dark {
	position: relative; /*enable referencing for positioning the more link*/
	padding-right: 40px; /*prevent the more link from covering h2, hides the more link*/
	margin: 0px; /*offset h2 rules above for right margin used in left titles*/
	color: #ffffff; /*white- title text in right column*/
	background-color: #00198c; /*dark blue- title background for loading*/
	background-image: url(); /*title background*/
}
.LED-technology, .LED-lighting-design-support {
	background-color: #eeede9; /*special grey- background color for right column content*/
}
.LED-technology .border {
	border-bottom: none; /*remove dashed line from below last item in list*/
}
.engineering {
	width: 100%; /*reduce size of contact image 298 to fit content box- keep image clear by keeping orginal size, image must use class since bottom contact icon is also image*/
}
.article {
	border-top: 0px solid #000000; /*offset, remove border from top of element since nav menu has shared border*/
}
.block .left_column, .block .right_column {
	width: 49.5%; /*provide comlumn width near center of page for site map*/
	padding: 0px; /*remove on map page*/
	border: 0px; /*remove dotted boarder from website map page*/
	margin: 0px; /*remove on map page*/
}
/*------------------------------------------------------------------------------OTHER*/
body {
	margin-top: 0px; /*spacing between top of page and header*/
	font-family: "Arial", "Verdana", "Sans-serif"; /*global default fonts*/
	font-size: 13px; /*dark grey- global text color, black is too bold on white background*/
	color: #333333;
}
br {
	clear: both; /*prevents float bug in opera browser within LED educational box*/
}
.article div {
	border-top: 1px dashed #cccccc; /*light grey- dashed lines above sections within article*/
	margin: 15px 0px; /*spacing at top and bottom of div*/
}