	* { margin: 0; padding: 0; }
	body { font: 100% Helvetica,Arial,sans-serif; behavior: url("hover.htc"); }

	h1 { font-size: 1.25em; color: #002D62; } /* main headlines (blue) */
	h2 { font-size: 1.25em; color: #002D62; text-transform: lowercase; } /* for category headers in school catalog page */
	h3 { font-size: 0.85em; color: #000000; } /* subheads (small black) */
	h4 { font-size: 1em; font-weight: normal; color: #000000; } /* italic (delete when possible) */
	h5 { font-size: 1.078em; color: #000000; line-height: 120%; } /* black */
	h6 { font-size: 1.078em; color: #002D62; } /* blue school item page headlines */
	
/* main paragraph and table rules */	
	
	p { font-size: 0.75em ; margin: 0; line-height: 130%; }
	a { text-decoration: none; color: #002D62; }
	a:hover { text-decoration: underline; }
	a.regular { text-decoration: underline; color: #002D62; }
	a.regular:hover { text-decoration: none; color: #002D62; }
	
	.itemdescrip { font-size: 0.75em; line-height: 1.35em; } /* school catalog links */
	.itemdescrip a { color: #002D62; text-decoration: underline; }
	.itemdescrip a:hover { color: #006225; font-size: 1.25em; text-decoration: underline; }
	.searchresults { font-size: 0.75em; color: #000000; padding: 3px; } /* for search results, order history tables */
	.searchresultsheader { font-size: 0.75em; color: #FFFFFF; padding: 3px; }
	.schoolcode { font-size: 0.75em; color: #002D62; text-align: right; }
	.sizeprice { font-size: 0.75em; } /* for size/price table on Show School Item page (can't style paragraph there) */
	.information { font-size: 0.65em; color: #000000; } /* sidebar text */
	.bulletlist1 { list-style: none; font-size: 0.75em; padding-top: 2px; margin: 0 0 0 1em; text-indent: -8px; } /* all bulleted unordered lists */
	.messagered { font-size: 0.75em; font-weight: bold; color: #9F1B29; } /* for alerts, important info */
	.messageredship { font-size: 0.6em; color: #9F1B29; } /* for order status ship date */
	.messagegreen { font-size: 0.75em; font-weight: bold; color: #006225; }
	.messageblue { font-size: 0.75em; font-weight: bold; color: #002D62; }
	.messagegrey { font-size: 0.75em; font-weight: bold; color: #807A6E; }
	.specialmessagegrey { font-size: 0.75em; color: #807A6E; } /* Made in America blurb on Made in USA page */
	a.greengo { color: #006225; }
	a.backblue { color: #002D62; }
	a.backred { color: #9F1B29; }
	.orderconfirm { border-bottom: solid 1px #666666; } /* line under order confirmation header */
	.pdfs { float: left; border: 0; padding: 0; width: 265px; position: inherit; } /* 3-column divisions for pdfs and directions pages */
	
/* main page divisions */
	
	#shell { margin: 0px auto; width: 840px; min-height: 600px; padding: 1em;  background-color: #FFFFFF; }
	#navigation { margin: 0; padding: 0; min-width: 960px; }
	#slideshow { width: 829px; height: 365px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 0; clear: left; z-index: 1; }
	.specialsbutton3 { width: 68px; height: 69px; position: absolute; top: 173px; left: 690px; background-image: url(media/specialsbutton7.png); background-repeat: no-repeat; z-index: 2; } /* for round "internet special" button */
	.specialsbar4 { width: 730px; font-size: 1em; color: #002D62; border-bottom: #002D62 solid 1px; margin: 0; border-right: #002D62 solid 1px; margin: 0; border-left: #002D62 solid 1px; margin: 0; border-top: #FFFFFF solid 1px; margin: 0; padding: 5px 1em 5px 1em; background-color: #FFFFFF; position: relative; top: 6px; left: 0; } /* for home page message strip below slideshow */

/* begin rules for interactive button menu */
	
	.nav a:hover { text-decoration: none; }
	h4.tested { margin-top: 2em; }
	small { line-height: 120%; }
	a.hidden { text-decoration: none; }
	a.hidden:hover { text-decoration: none; }
	
	.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	.headersmall a { font: bold 0.625em; color: #000000; text-decoration: none; }
	
/* main navigation */	

ul.IR li { position: relative; }
.IR em { display: block; position: absolute; top: 0; left: 0; z-index: 2; }

	/* For IE5.x mac only */
	* html>body	.IR { position: static; overflow: visible; font-size: 10px; }
  	* html>body .IR em  { position: static; }

	.nav { list-style: none; }
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	.nav li { float: left; padding-bottom: 12px; } /* space underneath main buttons */
	.nav li, .nav li em { width: 120px; height: 120px; } /* size of main buttons */
	
	* html>body ul.nav li em { margin-bottom: -24px; } /* for ie5.x/mac only */
	
	/* background images for buttons */

		.home em { background: url(media/buttonBarHomeBig2.gif) no-repeat; cursor: pointer; }
		.home2 em { background: url(media/buttonBarShopBig2.gif) no-repeat; cursor: pointer; }
		.shop em { background: url(media/buttonBarShopBig2.gif) no-repeat; cursor: pointer; }
		.basics em { background: url(media/buttonBarBasicsBig2.gif) no-repeat; cursor: pointer; }
		.custserv em { background: url(media/buttonBarCSBig2.gif) no-repeat; cursor: pointer; }
		.locations em { background: url(media/buttonBarLocationsBig2.gif) no-repeat; cursor: pointer; }
		.about em { background: url(media/buttonBarAboutBig2.gif) no-repeat; cursor: pointer; }
		.newtouniforms em { background: url(media/buttonBarNewtoUniformsBig2.gif) no-repeat; cursor: pointer; }
		.PRshop em { background: url(media/buttonBarPRshopBig2.gif) no-repeat; cursor: pointer; }
		.PRCS em { background: url(media/buttonBarPR_CSBig2.gif) no-repeat; cursor: pointer; }
		.PRabout em { background: url(media/buttonBarPRaboutBig2.gif) no-repeat; cursor: pointer; }
	
		.link1 { left: 0; } /* button position in row */
		.link1 em { background-position: 0 0; } /* background image position */
		.link1:hover em { background-position: 0 -154px; } /* background image position for rollover */
		.link2 { left: 22px; }
		.link2 em { background-position: -149px 0; }
		.link2:hover em { background-position: -149px -154px; }
		.link3 { left: 44px; }
		.link3 em { background-position: -299px 0; }
		.link3:hover em { background-position: -299px -154px; }
		.link4 { left: 66px; }
		.link4 em { background-position: -449px 0; }
		.link4:hover em { background-position: -449px -154px; }
		.link5 { left: 88px; }
		.link5 em { background-position: -598px 0; }
		.link5:hover em { background-position: -598px -154px; }
		.link6 { left: 110px; }
		.link6 em { background-position: -748px 0; }
		.link6:hover em { background-position: -748px -154px; }
		
/* subnavigation (dropdown menus) */	
	
	.nav li ul { float: left; position: absolute; left: -999em; list-style: none; border: none; padding-bottom: 10px; min-width: 835px; } /* list held offscreen until rollover */
	.nav li ul.main { float: left; position: absolute; left: -1px; top: 128px; list-style: none; border: none; padding-bottom: 10px; min-width: 835px; } /* main dropdown for page */
	.nav li ul a { padding: 0.85em; color: #FFFFFF; background: #002D62; } 
	.nav li ul a:hover { color: #FFFFFF; background: #006225; } /* rollover for list items */
	
	.nav li li { height: auto; padding-bottom: 0; text-align: center; font-size: 0.55em; border: 1px solid #FFFFFF; } /* dropdown list item appearance */
	.nav li:hover ul { left: -1px; top: 128px; } /* list in view on rollover */
/* subsequent lists (must be positioned to align at left, same as first list) */
	.nav li:hover ul.dropdown0 { left: -1px; top: 128px; }
	.nav li:hover ul.dropdown1 { left: -143px; top: 128px; }
	.nav li:hover ul.dropdown2 { left: -285px; top: 128px; }
 	.nav li:hover ul.dropdown3 { left: -427px; top: 128px; }
	.nav li:hover ul.dropdown4 { left: -569px; top: 128px; }
	.nav li:hover ul.dropdown5 { left: -711px; top: 128px; }
	
/* dropdown button widths (adjust, create more as needed so full list is always width of content) */
	li.sublinkShortest { width: 90px; }
	li.sublinkShortest2 { width: 91px; }
	li.sublinkShortest3 { width: 128px; }
	li.sublinkShort0 { width: 120px; }
	li.sublinkShort { width: 110px; }
	li.sublinkShort1 { width: 134px; }
	li.sublinkShort2 { width: 135px; }
	li.sublinkMedium { width: 152px; }
	li.sublinkLong { width: 195px; }	
	li.sublinkLong1 { width: 212px; }
	li.sublinkLong2 { width: 175px; }
	li.sublinkLong3 { width: 252px; }
	li.sublinkLong4 { width: 191px; }
	li.sublinkLong5 { width: 205px; }
	li.sublinkPhoneDir { width: 322px; }
	
/* end rules for interactive button menu */
	
/* main content */
	
	#content { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; }
	#box { width: 180px; border: solid #002D62 5px; padding: 10px; float: right; position: absolute; top: 20px; right: 20px; } /* regular info box */
	#shopcontent {width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image:url(media/benjaminclare.jpg); background-repeat: no-repeat; }
	#shopcontent1 { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image:url(media/schoolcodewhiteBG.png); background-repeat: no-repeat; } /* for search results (no background image) */
	#promocontent { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/bellageneva.jpg); background-repeat: no-repeat; } /* promotions page (can we slim all these down to be descendents of content?) */
	#aboutschoolimagescontent { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/MeadowsSchoolExterior.jpg); background-repeat: no-repeat; }
	#feedbackcontent { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/olivia.jpg); background-repeat: no-repeat; }
	#orderstatuscontent2 { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/mattAnthony1.jpg); background-repeat: no-repeat; }
	#welcomecontent { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/wilsonplaidjumper.jpg); background-repeat: no-repeat; }
	#whyuniformscontent { /* width: 46em; */ width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/colchrwillBig.jpg); background-repeat: no-repeat; }
	#howtobuildcontent { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/genevaBig.jpg); background-repeat: no-repeat; }
	#guaranteecontent2 { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/michelleDENNISslsBig.jpg); background-repeat: no-repeat; }
	#madeinUSAcontent { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/plaidrollsBig.jpg); background-repeat: no-repeat; }
	#servicebenefitscontent { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/siddarthBig.jpg); background-repeat: no-repeat; }
	#ourschoolscontent2 { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/justinAmera1Big.jpg); background-repeat: no-repeat; }
	#contactcontent2 { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/nicolasEliz1.jpg); background-repeat: no-repeat; }
	#PRaboutcontent3 { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; background-image: url(media/PRlogoBig.jpg); background-repeat: no-repeat; }
	#contentalt { width: 797px; min-height: 335px; position: relative; top: 31px; left: 0; margin: 0 0 24px 0; border: #002D62 solid 1px; padding: 1em; clear: left; }
	#shopping { width: 797px; min-height: 335px; position: relative; top: 29px; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; }
	#shoppingalt { width: 797px; min-height: 335px; position: relative; top: 0; left: 0; margin: 0; border: #002D62 solid 1px; padding: 1em; clear: left; }
	
/* shopping area */
	
	.shopnav { font-size: 0.65em; color: #FFFFFF; }
	.shopnav a { text-decoration: none; color: #FFFFFF; }
	.shopnav a:hover { text-decoration: none; }
	ul.shopnavtop li { display: inline; position: relative; }
	ul.shopnavbottom li { display: inline; position: relative; }
	li.arrow { display: inline; position: relative; top: 1px; }
	li.arrow1 { display: inline; position: relative; top: 1px; width: 5px; }
	li.cart { position: relative; top: -4px; margin: 0 7px 0 2px; }
	#shopnavtop { width: 811px; height: 23px; position: relative; top: 30px; padding: 2px 0 0 20px; background-color: #002D62; z-index: 1; } /* top blue stripe */
	#shopnavalttop { width: 811px; height: 23px; position: relative; top: 0; padding: 2px 0 0 20px; background-color: #002D62; z-index: 1; }
	#shopnavbottom { width: 811px; height: 23px; border: 0; position: relative; background-color: #002D62; top: 29px; padding: 2px 0 0 20px; } /* bottom blue stripe */
	#shopnavaltbottom { width: 811px; height: 23px; border: 0; position: relative; background-color: #002D62; top: 0; padding: 2px 0 0 20px; }
	.shoppingcart { border: #002D62 solid 1px; padding: 0; margin-top: 5px; }
	.checkout { border: 0; margin-top: 5px; }
	.infobox { border: solid #002D62 5px; padding: 10px; width: 205px; } /* NCS, store and promo info box for shopping pages */
	.infobox2 { border: solid #002D62 5px; padding: 5px 0 0 5px; width: 175px; font-size: 65%; height: 30px; text-align: left; background-image: url(media/usaicon.gif); background-repeat: no-repeat; background-position: bottom right; } /* "Made in USA" box */
	.usaicon { position: relative; top: -15px; left: 140px; }
	
/* footer */
	
	.footer { font-size: 0.65em; color: #FFFFFF; margin: 0; padding: 4px 0 4px 0; } 
	.footerlinks { font-size: 0.58em; }
	.footerlinks a { text-decoration: underline; color: #FFFFFF; }
	.footerlinks a:hover { text-decoration: none; color: #FFFFFF; }
	#footer { /* width: 46em; */ width: 797px; border: #002D62 solid 1px; margin: 0; padding: 5px 1em 5px 1em; background-color: #002D62; position: relative; top: 31px; left: 0; }
	#footershop { /* width: 46em; */ width: 797px; border: #002D62 solid 1px; margin: 0; padding: 5px 1em 5px 1em; background-color: #002D62; position: relative; top: -9px; left: 0; }
	.footer1 { font-size: 0.65em; font-weight: bold; color: #002D62; margin: 0; padding: 2px 0 2px 0;  }
	#footeralt { /* width: 46em; */ width: 797px; border: 0; margin: 0; padding: 0.5em 0 0 0; position: relative; top: 0; left: 0; }
	
	#sponsorlogo2 { position: absolute; top: 45px; left: 730px; width: 85px; height: 5px; border: 0; margin: 0; padding: 0; }
	
/* size chart styles - in development - fonts still in pixels */
	
	.sizechart { border: #002D62 solid 1px; padding: 5px; margin-top: 5px; }
	.sizechartheader { border-bottom: #807A6E solid 1px; padding: 0; margin-bottom: 2px; }
	.sizechartsubhead { background-color: #006225; padding: 0; margin-bottom: 0; }
	.sizechartcontent1 { background-color: #FFFFFF; padding: 0; margin-bottom: 0; }
	.sizechartcontent2 { background-color: #E2E3E4; padding: 0; margin-bottom: 0; }
/* end size chart styles */
	
	#waterMark { font-family: Arial; font-size: 8pt; color: FFFFFF; position: absolute; } 
