body 	{ background-color: #424242; background-image: url(../interface/BGSweep04.gif); background-repeat: repeat-x; margin: 0; padding: 0; }

/*body 	{ background-color: #424242; background-image: url(../interface/BGSweep03.gif); background-repeat: repeat-x; background-position: 0 140px; margin: 0; padding: 0; }
 height of navigation section -- must match (minus 1) the offset of the background position in"body"*/
															

.lmLogo img 	{ vertical-align: top; }

.bodyText 	{color: gray; font-size: 14px; line-height: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-right: 6px; padding-left: 8px }

.flashHolder 	{background-color: white;width: 704px;height: 280px; }
.flashLeft{background-color: white;vertical-align: top;width: 50px; }
.flashRule{background-color: white;vertical-align: top; }
.flashStuff{height: 280px;margin: 0;padding: 0;display: block; }



.blackBox 	{color: #e4e4e4; font-size: 12px; line-height: 14px; background-color: #000; width: 940px; height: 199px; margin:0 0 0 42px; padding: 0; }

		
.blackBoxShadow 	{background-color: black; background-image: url(../interface/bottomBoxShadow.gif); width:940px; height: 29px; margin:0 0 0 42px;padding: 0; }

.bottom {width:100%;}

a:focus 	{ outline: none; }

a:active 	{ outline: none; }

/* fonts and typography*/	
.sample, .statement, .sampleArea, .sampleTable, .footer, .blackBox 	{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

	
.statementTopic 	{font-family:  "Times New Roman", Georgia, Times; font-weight: bold; font-size: 36px; line-height: 38px; letter-spacing: -1px    }

.statementSubhead 	{font-family:  "Times New Roman", Georgia, Times; font-weight: bold; font-size: 20px; line-height: 22px; vertical-align: top; }

.statementText 	{font-size: 14px; line-height: 22px; vertical-align: top; }

.picture 	{ text-align:right; }

.title 	{font-size: 14px; line-height: 18px; font-weight: bold; }

.vTitle 	{ font-size: 14px; line-height: 18px; font-weight: bold; }

.description 	{font-size: 14px; line-height: 18px; vertical-align: top; }

.description2 	{font-size: 14px; line-height: 18px; vertical-align: top; }

.caption 	{font-size: 9px; line-height: 10px; font-weight: bold; text-transform: uppercase; }

.credit 	{font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; font-size: 9px; line-height: 10px; text-transform: uppercase; }

.footer 	{ font-size: 10px; }

/* ----------------------------------------- position ----------------------------------------*/	


.bottomInner { margin:0 auto;width:1024px;}
.sampleTable{ margin:0 auto;width:1024px;background-color:white;}
		

.statement 	{width: 599px; padding: 43px 90px 43px 83px; min-height: 205px; }

.statementTopic 	{ margin-bottom: 15px; }

.statementSubhead 	{width: 100%; padding: 6px 0 3px; }

.statementText 	{ padding: 3px 0 3px 0px }

.picture 	{width: 463px; padding: 0; float:left; margin-right: 10px; }

.title 	{ margin-bottom: 10px; }

.vTitle 	{ margin-bottom: 10px; }

.description 	{width: 401px; padding: 15px 0 0 0; float:left;}

.description2 	{width: 463px; padding: 15px 0 0 0; float:left; margin-right: 10px;margin-left: 171px; }

.sample 	{padding: 15px 40px 43px 43px; min-height: 330px; }

.caption 	{ margin-top: 10px; }

.credit 	{ margin-top: 10px; }

.lmLogo 	{ width: 150px; vertical-align:top; float:left;background-color:#fff;height:290px; }

.lmLogo img 	{ vertical-align: top; }

.sampleArea 	{ width:877px; padding: 0; vertical-align:top; float:left;background-color:#fff; }

.indexKey 	{ width: 60px; padding: 0; vertical-align:top; float:left; }

.rightEdge 	{ width: 72px; padding: 0; vertical-align:top; float:left; }

.flashTable 	{width: 886px; background-color: white; height:290px; }

.sampleFullImage 	{width: 770px; padding: 0; vertical-align:top; margin: 0 0 0 116px; }

.sampleFullImage img 	{ vertical-align:top; }

.sampleFullSpacer 	{width: 700px; padding: 0; margin: 0 0 0 155px; background-color: black; }

.clr 	{ clear: both; }

.sample 	{ clear: both; }

.noMarginPict 	{background-color:white; padding-top:15px; vertical-align:top; }

.lowerMenu 	{ padding:30px 35px 0 108px; font-size:13px;}		

.lowerMenu a:link 	{ color: #fff; text-decoration: none; }

.lowerMenu a:visited 	{ color: #fff; text-decoration: none; }

.lowerMenu a:hover 	{ color: #f00; text-decoration: underline; }

.footer {width:940px;margin: 0; height:30px; margin-left:42px; padding: 0;}


/* -------------------------- color ---------------------------------------------*/	
.statement 	{ 					background-color: white; }

.statementTopic 	{ color: #5774be; }

.statementSubhead 	{ color: #676767; border-top: 1px solid gray; }

.statementText 	{ color: #6b6b6b; }

.picture 	{ 					background-color: white; }
.picture img 	{vertical-align:bottom; }
.title 	{ color: #6b6b6b; }

.vTitle 	{ color: #6b6b6b; }

.description 	{color: #6b6b6b; background-color: white; }

.description a:link 	{color: #6b6b6b; text-decoration: none; }

.description a:visited 	{color: #6b6b6b; text-decoration: none; }

.description a:hover 	{color: #000; text-decoration: underline; }

.description2 	{color: #6b6b6b; background-color: white; }

.sample 	{ 					background-color: white; }

.credit 	{color: #404040; background-color: white; }

.caption 	{color: #404040; background-color: white; }

.indexKey 	{ 					background-color: white; }

.rightEdge 	{ 					background-color: white; }

.sampleArea 	{ 					background-color: white; }

img 	{ border-style: none; }

.descriptionFull 	{color: #6b6b6b; background-color: white; }

a:focus 	{ outline: none; }

a:active 	{ outline: none; }

.footer 	{color: #a7a7a7; }




.box 	{vertical-align: middle; height: 20px; width: 15px; margin: 2px; background-color: #aaa; text-decoration:none; }

.redLine 	{height: 24px; width: 19px; border: 1px solid #f00; display: block; float:right; margin-right:3px; margin-top:1px; text-decoration:none; }

.redLine a:link 	{ text-decoration:none; }

.dimBox 	{height: 24px; width: 19px; border: 1px solid #fff; display: block; float:right; margin-right:3px; margin-top:1px; }

.dimBox a:link 	{ text-decoration:none; }

.dimBox a:active 	{ text-decoration:none; }

.dimBox:hover 	{height: 24px; width: 19px; border: 1px solid #f00; display: block; float:right; margin-right:3px; margin-top:1px; }

.boxGroup 	{margin-left:20px; padding-top:4px; width:33px; text-align:right; background-color:#fff; border-right:1px solid #000000; padding:3px; }

.hiddenRow 	{	display:none; height:290px; }

.showingRow 	{	display:block; height:290px; }

.whiteSampleBox 	{background-color:#fff;height:290px;float:left;width:1024px;text-align:left;min-height:290px; }

.sampleTable 	{clear:both; }	


/* moved to LMmenus.css -------
.header 	{ 					padding:0; height: 141px; float: none; background: #b7b7b7 url(../interface/image2.gif) no-repeat ; clear: both; margin:0; empty-cells: show; }


.headerInner 	{ 					width:1012px; }


.symbol 	{ 						padding: 0 0 0 148px;width: 142px; float: left; text-align: right; vertical-align: top; margin: 0; }

.symbol  img 	{ 						vertical-align: top; }
.rule img 	{ 						vertical-align: bottom; width:1px; height:130px; margin-top:20px; }

.menuMain 	{ 								padding-top: 20px; width: 180px; float: left; background-color: #000; vertical-align: top; }
.menuCenter 	{ 								padding-top: 20px; width: 180px; float: left; background-color: #000; vertical-align: top; }
.menuCenterplusRight 	{ 						padding-top: 20px; width: 360px; float: left; background-color: #000; vertical-align: top; }
.menuRight 	{ 				padding-top: 20px; width: 180px; float: left; background-color: #000; vertical-align: top; }
.rightHeaderEdge 	{ 				padding-top: 20px; width: 10px; float: left; vertical-align: top; }
.rule 	{ 	vertical-align: bottom; padding: 0; width: 1px; float: left; background-color: #000; height:141px; overflow:hidden; }
*/





/*---------------IPHONE---------------------*/
	

@media screen and (max-device-width: 480px){
.symbol 	{ 						padding: 0 0 0 148px;width: 142px; float: left; text-align: right; vertical-align: top; margin: 0; }

.symbol  img 	{ 						vertical-align: top; }
.rule img 	{ 						vertical-align: bottom; width:1px; height:130px; margin-top:20px; }

.menuMain 	{ 								padding-top: 20px; width: 180px; float: left; background-color: #000; vertical-align: top; }
.menuCenter 	{ 								padding-top: 20px; width: 180px; float: left; background-color: #000; vertical-align: top; }
.menuCenterplusRight 	{ 						padding-top: 20px; width: 360px; float: left; background-color: #000; vertical-align: top; }
.menuRight 	{ 				padding-top: 20px; width: 180px; float: left; background-color: #000; vertical-align: top; }
.rightHeaderEdge 	{ 				padding-top: 20px; width: 10px; float: left; vertical-align: top; }
.rule 	{ 	vertical-align: bottom; padding: 0; width: 1px; float: left; background-color: #000; height:141px; overflow:hidden; }

.whiteSampleBox 	{background-color:white;height:290px;float:left;width:780px;text-align:left;min-height:290px; }
}