@charset "UTF-8";

body, td, th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

}

body {

	/*background-color: #FFFFFF;*/

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

a:link {

	color: #CC9900;

	text-decoration: underline;

}

a:visited {

	text-decoration: underline;

	color: #CC9900;

}

a:hover {

	text-decoration: none;

	color: #009966;

}

a:active {

	text-decoration: underline;

}

p {

	margin:6px 0px 10px 0px;

	line-height:125%;

}



img {

  border: none;

}



#PageContainer {

	margin: 0px auto;

	padding: 0px;

	width: 955px;

	position: relative;

}

#HeadBanner {

   margin: 0px 0px;

   padding: 8px 0px;

   width: 955px;

   background-color: #fff;

   position: relative;

}

#ContentContainer {

	width:761px;

	margin: 0px;

	padding: 0px;

	float:left;

	position: relative;

	background-color: #000;

}

#HeadLogo {

	width:761px;

	margin: 0px;

	padding: 0px;

	height:104px;

	background-image: url(/_img/ContentHeaderGraphic.jpg);

	background-position: top right;

	position: relative;

	background-repeat: no-repeat;

}

#HeadLogo img {

	border:none;

	margin: 0px;

	padding: 0px;

}

#NLGI_logo {

	float:left;

}

#Content {

	width:424px;

	margin: 0px;

	padding: 30px 30px 25px 40px;

	float:right;

	background-color: #DFDFDF;

}

#RightColumn {

	width:164px;

	padding:104px 15px 0px 15px;

	float: right;

	text-align: center;

	background-image: url(/_img/ContentHeaderGraphicBars.gif);

	background-repeat: repeat-x;

}

#RightColumn .banner p {

   	width: 160px;
	font-size: 14px;
   	margin:20px 0px 0px 0px;

}
#RightColumn .banner p.button {
   	width: 160px;
   	margin:10px 0 10px 0px;
   	text-align: center;
}
#RightColumn .banner p.button a {
   	width: 141px;
   	margin:0;
   	text-align: center;
   	height: 40px !important;
   	background-image: url(/_img/reg-reserveButton.gif);
   	backgrond-position: top;
   	background-repeat:no-repeat;
   	display: block;
}
#RightColumn .banner span p.button a {
   	background-image: url(/_img/reg-reserveButton.jpg);
}
#RightColumn .banner p.button a img {
   	width: 141px;
   	height: 40px !important;
   	display: block;
}
#RightColumn .banner p.button a#reserveButton {
   	background-position: top right;
}
#RightColumn .banner p.button a#registrationButton {
   	background-position: top left;
}
#RightColumn .banner p.button a#reserveButton:hover {
   	background-position: bottom right;
}
#RightColumn .banner p.button a#registrationButton:hover {
   	background-position: bottom left;
}


#LeftColumn {

	margin: 0px;

	padding: 0px;

	width: 260px;

}

#LeftColumn a {

	text-decoration:none;

}

#MainNav {

	margin: 10px 0px 0px 0px;

	padding: 0px;

	width: 240px;

	text-align:right;

}

#MainNav li {

	margin: 0px 0px;

	padding: 2px 0px;

	width: 237px;

	font-size:12px;

	font-weight:bold;

	color:#66CC66;

	list-style:none;

}

#MemberNav {

   margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 30px;

   width: 130px;

}

#MemberNav li {

	margin: 5px 0px;

	padding: 0px;

	list-style-image: url(/_img/MemberNavBullet.jpg);

	font-size: 14px;

	font-weight: bold;

}

#Footer {

	width:494px;

	margin:0px 0px 0px 267px;

	padding:10px 0px 15px 0px;

	position: relative;

	text-align:center;

	color:#e0e0e0;

	background-color: #413F40;

	font-size:11px;

}

#Footer em {

	margin:0px 8px;

	padding:0px;

	text-decoration:none;

	font-style: normal;

}

#Footer a {

	color:#E0E0E0;

	text-decoration:none;

}

#Footer a:hover {

	color:#CC9900;

	text-decoration:underline;

}

#Subnav {

	width:420px;

	margin:0px 0px 25px 0px;

}

#Subnav h5{

	font-size:14px;

	font-weight:bold;

	margin:0px 0px 1px 0px;

	color:#cc9900;

}

#Subnav h5 a {

	text-decoration:none;

	color:#cc9900;

}

#Subnav h5 a:hover {

	text-decoration:underline;

}

#Subnav em {

	margin:0px 4px;

	padding:0px;

	text-decoration:none;

	font-style: normal;

}

#Subnav p {

	margin:1px 0px 0px 0px;

	padding:0px;

	text-decoration:none;

	font-style: normal;

	font-size: 11px;

	color: #cc9900;

}

#Subnav a {

	margin:0px 0px 0px 0px;

	padding:0px;

	text-decoration:none;

	color: #666666;

}

#Subnav a:hover {

	text-decoration:underline;

	color:#CC9900;

}

.ClearFloats {

	clear:both;

	height:1px;

	width:761px;

	margin: 0px;

	padding: 0px;

	line-height:1px;

}

/*  Search positioning and styles 

---------------------------------------  */

#search {

	margin: 0px 0px 0px 0px;

	padding: 0px;

	width:270px;

	position: absolute;

	right: 15px;

	top: 15px;

	text-align: right;

}

#searchCriteria {

   /*	margin: 10px 15px 0px 10px;

	padding: 0px;

*/	width:180px;

   border: 1px solid #413F40;

   margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 0px;

}

#searchForm {

	margin: 0px;

	padding: 0px;

}

#searchBtn {

   margin: 0px 2px 0px 2px;

   padding: 0px;

}

/* Sponsor/Search bar in HeadBaanner Positioning -----

---------------  */

#HeadBanner #sponsorsBar {

   width: 955px;

   top: 0px;

   text-align:center;

}

#HeadBanner #sponsorsBar td {

	vertical-align:middle;

	text-align:center;

   padding:0px;

   margin:0px;

}

#HeadBanner  #sponsorsBar #ourSponsors {

	width: 130px;

	font-size: 14px;

	font-weight: bold;

}

#HeadBanner #sponsorsBar td.sponsors {

	width: 540px;

}

#HeadBanner a img {

	border: none;

}



/*  Home Specific 

---------------------------------------  */

body.home {

	background-color: #000000;

}

#ContentContainer.home #HeadLogo {

	width:761px;

	margin: 0px;

	padding: 0px;

	height:269px;

	background-image: url(/_img/Home_ContentHeaderGraphic.jpg);

	background-position: top right;

	position: relative;

	background-repeat: no-repeat;

}

#Content.home {

	background-color: #413F40;

	color: #e0e0e0;

}

#Content.home p {

	color: #e0e0e0;

}

#Content.home h4 {

	color: #CC9900;

}

#RightColumn.home {

	width:164px;

	padding:0px 15px;

	float: right;

	text-align: center;

	background-image: url(/_img/spacer.gif);

	background-repeat: no-repeat;

}

#RightColumn.home .banner {

	background-color: #fff;
	width: 160px;
	font-size: 14px;
	margin:20px 0px 0px 0px;

}

#ContentContainer.home h1, #ContentContainer.home h2, #ContentContainer.home h3 {

	color:#E0E0E0;

}



/* Forms Stuff  

---------------------------*/



.lineUp {

	position: absolute;

	left: 400px;

}

.feesLineUp {

	position: absolute;

	left: 500px;

}



#calendar p {

	padding-left: 40px;

}



.red {

   border:1px solid #CC9900;

   background-color:  #CC9900;

   padding:10px;

}



.green {

   border:1px solid #7A9C7C;

   background-color:  #7A9C7C;

   padding:10px;

}



#cartTable {

 	width:400;

}



#cartTable th {

	background-color:#7A9C7C;

}



#cartTable td.right, #cartTable th.right {

	text-align:right;

}





/* content added for professional certification info page

------------------------------------------------------------*/



#Content li {

  /*color: #CC9900;*/

  padding-bottom: 3px;



}



#Content li ul {

  padding-top: 3px;

}



#Content li li {

  color: #000;

  list-style-type: disc;

}



#Content ul.profCertUl li {

  color: #000;

  font-style:italic;

}





/*******************************************************************************

 *******************************************************************************

 

 CSS for Drop-down menus for NLGI Main Navigation



 *******************************************************************************

 *******************************************************************************/

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************



 LAYOUT INFORMATION: describes box model, positioning, z-order



 *******************************************************************************/



/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */

ul.MenuBarVertical

{

   margin: 12px 0px 0px 15px;

   padding: 0;

   list-style-type: none;

   font-size: 100%;

   cursor: default;

   width: 230px;

}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive

{

	z-index: 1000;

}

/* Menu item containers, position children relative to this container and are same fixed width as parent */

ul.MenuBarVertical li

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 100%;

	position: relative;

	text-align: right;

	cursor: pointer;

	width: 230px;

}

/* Submenus should appear slightly overlapping to the right (95%) and up (-1%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarVertical ul

{

	margin: -1% 0 0 95%;

	padding: 0;

	list-style-type: none;

	font-size: 100%;

	position: absolute;

	z-index: 1020;

	cursor: default;

	width: 150px;

	left: -1000em;

	top: 0;

}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarVertical ul.MenuBarSubmenuVisible

{

	left: 0;

}

/* Menu item containers is different width as parent and aligned to the left */

ul.MenuBarVertical ul li

{

	width: 150px;

	text-align: left;

}



/*******************************************************************************



 DESIGN INFORMATION: describes color scheme, borders, fonts



 *******************************************************************************/



/* Outermost menu container has no borders on any sides and are bold */

ul.MenuBarVertical

{

	/*border: 1px solid #CCC;*/

   font-weight:bold;

}

/* Submenu containers have borders on all sides  */

ul.MenuBarVertical ul

{

	border: 1px solid #CCC;

}

/* Main Menu Items 

*********************/

/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarVertical a

{

   display: block;

   cursor: pointer;

   background-color: #000000;

   padding: 3px 12px 3px 3px;

   color: #8BC48E;

   text-decoration: none;

}

/* Menu items that have mouse over or focus have a White background and white text */

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus

{

   background-color: #000;

   color: #CC9900;

}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible

{

	background-color: #000;

	color: #FFF;

}



/* Sub Menu Items 

*********************/

/* Sub Menu items are a light gray block with padding and no text decoration */

ul.MenuBarVertical ul a

{

   background-color: #FFF;

   padding: 4px 12px 4px 4px;

   color: #000;

   text-decoration: none;

   font-weight:normal;

}

/* Sub Menu items that are bold and have no link apply same padding to <p> as the <a> whith Green Background and Down arrow */

ul.MenuBarVertical ul p.label

{

   background-color: #8BC48E;

   margin:0px;

   padding: 4px 12px 4px 4px;

   color: #000;

   font-weight:bold;

	background-image: url(/_img/SpryMenuBarDown.gif);

	background-repeat: no-repeat;

	background-position: 98% 50%;

}



/* Sub Menu items that have mouse over or focus have a Yellow background and White text */

ul.MenuBarVertical ul a:hover, ul.MenuBarVertical ul a:focus

{

   background-color: #CC9900;

   color: #FFF;

}

/* Sub Menu items that are open with submenus are set to MenuBarItemHover with a Yellow background and White text */

ul.MenuBarVertical ul a.MenuBarItemHover, ul.MenuBarVertical ul a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul a.MenuBarSubmenuVisible

{

   background-color: #CC9900;

   color: #FFF;

}





/*******************************************************************************



 SUBMENU INDICATION: styles if there is a submenu under a given menu item



 *******************************************************************************/



/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarVertical a.MenuBarItemSubmenu

{

	background-image: url(/_img/SpryMenuBarRight.gif);

	background-repeat: no-repeat;

	background-position: 98% 50%;

}



/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarVertical a.MenuBarItemSubmenuHover

{

	background-image: url(/_img/SpryMenuBarRightHover.gif);

	background-repeat: no-repeat;

	background-position: 98% 50%;

}



/*******************************************************************************



 BROWSER HACKS: the hacks below should not be changed unless you are an expert



 *******************************************************************************/



/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarVertical iframe

{

	position: absolute;

	z-index: 1010;

}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection

{

	ul.MenuBarVertical li.MenuBarItemIE

	{

		display: inline;

		f\loat: left;

		background: #FFF;

	}

}



/* this highlights the active page in the navigation */

#ContentContainer.home a#Home, #ContentContainer.AnnualMeeting a#AnnualMeeting, #ContentContainer.ContactUs a#ContactUs, #ContentContainer.TechnicalPapers a#TechnicalPapers, #ContentContainer.TechnicalCommittee a#TechnicalCommittee, #ContentContainer.ProfCert a#ProfCert, #ContentContainer.ProdCert a#ProdCert, #ContentContainer.NLGIStore a#NLGIStore, #ContentContainer.Membership a#Membership, #ContentContainer.InvoicePayment a#InvoicePayment, #ContentContainer.IndustryNews a#IndustryNews, #ContentContainer.EdOfferings a#EdOfferings, #ContentContainer.Calendar a#Calendar, #ContentContainer.AboutUs a#AboutUs  {

	color:#CC9900;

	text-decoration:none;

}

/*#ContentContainer.home a#Home:hover, #ContentContainer.AnnualMeeting a#AnnualMeeting:hover, #ContentContainer.ContactUs a#ContactUs:hover, #ContentContainer.TechnicalPapers a#TechnicalPapers:hover, #ContentContainer.TechnicalCommittee a#TechnicalCommittee:hover, #ContentContainer.ProfCert a#ProfCert:hover, #ContentContainer.ProdCert a#ProdCert:hover, #ContentContainer.NLGIStore a#NLGIStore:hover, #ContentContainer.Membership a#Membership:hover, #ContentContainer.InvoicePayment a#InvoicePayment:hover, #ContentContainer.IndustryNews a#IndustryNews:hover, #ContentContainer.EdOfferings a#EdOfferings:hover, #ContentContainer.Calendar a#Calendar, #ContentContainer.AboutUs a#AboutUs:hover /*this highlights the active page rollover in the navigation {

	text-decoration:underline;

}

*/



/* NLGI STORE Styles */



.box {

   padding:20px;

   clear:left;

   border-top:1px solid silver;

}



.photo {

   clear:left;

   padding-top:20px;

/*    width:150px; */

}



.description {

   border:1px solid green;

   width:200px;

}



#productPage {

 width:400px;

 border-left:1px solid silver;

 border-right:1px solid silver;

 border-bottom:1px solid silver;

}



#cats {

   

}



.sku {

   clear:left;

}



.status {

   /*position:absolute;*/

  /* left:100px;*/

   float:left;

   width:150px;

   height:20px;

   /*border:1px solid green; */

   padding:0px;

   margin:0px;

}



.price {

   /*position:relative;

   left:150px;

   top:0px;*/

   float:left;

   width:100px;

   height:22px;

/*    border:1px solid green; */

}



.addMember {

   position:relative;

   left:251px;

   top:22px;

   width:200px;

   height:20px;

/*    border:1px solid red; */

}



.addNonMember {

   position:relative;

   left:100px;

   top:5px;

   width:100px;

   height:20px;

/*    border:1px solid blue; */

}