body {margin: 0; padding: 0; text-align: center; color: #000; background: #fff;}
img {display: block; border: 0;}
h1 {margin: 0;}
h2 {margin: 0 0 13px; color: #fff; font: 195%/90% helvetica, arial, verdana, san-serif; font-weight: bold; letter-spacing: -1px;}
h2 a:link {color: #f60;}
h2 a:visited {color: #f60;}
h2 a:hover {color: #fff;}
h3 {margin: 0 0 13px; color: #f60; font: 23px/90% helvetica, arial, verdana, san-serif; font-weight: bold; letter-spacing: -1px;}
h3 a:link {color: #f60;}
h3 a:visited {color: #f60;}
h3 a:hover {color: #fff;}

h3 span {color: #fff;}

h4 {font: 130%/110% helvetica, arial, verdana, san-serif; font-weight: bold; letter-spacing: -1px; color: #fff; margin: 5px 0 8px 10px;}
p {margin: 0 0 12px 0;}

h5 {font: 110%/110% helvetica, arial, verdana, san-serif; font-weight: bold; letter-spacing: -1px; color: #fc3; margin: 0 0 10px;}

a {text-decoration: none;}
a:link {color: #69c;}
a:visited {color: #69c;}
a:hover {color: #69f;}

#container {position: relative; width: 879px; margin: 12px auto 0; padding: 0; text-align: left; color: #fff; font: 14px "Myriad", Verdana, Helvetica, sans-serif;}
body#home #header {width: auto; height: 193px; margin: 0; padding: 0; background: url(images/header.jpg) 0 0 no-repeat; text-indent: -9999px;}
body#curr #header {width: auto; height: 193px; margin: 0; padding: 0; background: url(curriculum/images/header.jpg) 0 0 no-repeat; text-indent: -9999px;}
body#post #header {width: auto; height: 193px; margin: 0; padding: 0; background: url(posters/images/header.jpg) 0 0 no-repeat; text-indent: -9999px;}
body#books #header {width: auto; height: 193px; margin: 0; padding: 0; background: url(books/images/header.jpg) 0 0 no-repeat; text-indent: -9999px;}
body#res #header {width: auto; height: 193px; margin: 0; padding: 0; background: url(resources/images/header.jpg) 0 0 no-repeat; text-indent: -9999px;}
body#catalog #header {width: auto; height: 193px; margin: 0; padding: 0; background: url(images/headerCatalog.jpg) 0 0 no-repeat; text-indent: -9999px;}
#header a {height: 193px; display: block;}

#mainNav {height: 25px; width: 870px; margin: 0 auto 0; padding: 0; border: 0; background: #fff;}
div#mainNav ul#navMenu {position: relative; height: 25px; width: 870px; background: transparent url("elements/mainNav.jpg") top left no-repeat; margin: 0; padding: 0;}
div#mainNav ul#navMenu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#navMenu li, ul#navMenu a {height: 25px; display: block;}
div#mainNav ul#navMenu li a {text-indent: -9999px; text-decoration: none;}
#curriculum {left: 0; width: 320px;}
#posters {left: 321px; width: 210px;}
#resources {left: 532px; width: 338px;}
#curriculum a:hover	{background: transparent url("elements/mainNav.jpg") 0 -25px no-repeat;}
#posters a:hover	{background: transparent url("elements/mainNav.jpg") -321px -25px no-repeat;}
#resources a:hover	{background: transparent url("elements/mainNav.jpg") -532px -25px no-repeat;}

body#curr #curriculum {background: transparent url("elements/mainNav.jpg") 0 -25px no-repeat;}
body#post #posters {background: transparent url("elements/mainNav.jpg") -321px -25px no-repeat;}
body#res #resources {background: transparent url("elements/mainNav.jpg") -532px -25px no-repeat;}

#main {background:  url("elements/bgBG.gif") repeat; position: relative; margin: 0 auto 0; padding-bottom: 15px; top: 0; border: solid #ccc; border-width: 3px 5px; /* box model fix*/width: 846px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/width: 836px;}

#cnrL {font-size: 1px; line-height: 1px; position: relative; width: 24px; height: 22px; left: -5px; top: -3px; background:  url("elements/cnrL.gif") top left no-repeat;}
#cnrR {font-size: 1px; line-height: 1px; position: absolute; width: 24px; height: 22px; right: -5px; top: -3px; background:  url("elements/cnrR.gif") top left no-repeat;}
#fthr {position: absolute; background: transparent url("elements/fthr.gif") 0 0 no-repeat;width: 31px; height: 85px; top: 11px; left: 24px;}

/*FRONT PAGE*/

#topCon {position: relative; top: 0; line-height: 1.1;}

#column {float: left; /*hopeful ie6 float fix*/display: inline; width: 270px; margin: 45px 50px 20px 60px; color: #9cc;}
div.dmd {background: transparent url("elements/dmd.gif") 0 0 no-repeat; width: 44px; height: 20px; margin: 0 auto 20px;}
#column h2 {font-size: 1px; line-height: 1px; background: transparent url(images/txtAbt.gif) 0 0 no-repeat; width: 180px; height: 20px; text-indent: -9999px;}
#column h3 {font-size: 1px; line-height: 1px; background: transparent url(images/txtUpd.gif) 0 0 no-repeat; width: 169px; height: 19px; text-indent: -9999px;}
#new {float: left; /*hopeful ie6 float fix*/display: inline; margin: 20px 0 35px 0; padding: 20px; font-size: 12px; border: 1px dashed #ccc; /* box model fix*/width: 426px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 384px; height: auto;}
#new h2 {font-size: 230%;}
#new img {float: left; margin-bottom: 13px;}
#preview {float:left; width: 135px; height: auto; margin: 0 0 0 25px;}
#preview img {clear: both;}
div.chkr {background: transparent url("elements/chkr.gif") 0 0 repeat-x; height: 15px; width: 100%; margin: 13px 0 13px; clear: both;}

#smNews {position: relative; width: 749px; height: 215px; top: 0; left: 60px; clear: both; overflow: visible; font-size: 12px; color: #fff;}
#smNews img { margin: 0 auto;}
div.catalog {float: left; width: 242px; height: auto; margin: 0; border: 1px dashed #ccc;  text-align: center;}
.catalog h4{text-align: left; font-size: 170%;}
div.new2 {float: left; width: 215px; height: auto; margin: 0 22px; border: 1px dashed #ccc; text-align: center;}
div.new2 h4{ text-align: left; font-size: 170%;}
div.new3 {float: left; width: 215px; height: auto; margin: 0; border: 1px dashed #ccc;  text-align: center;}
div.new3 h4{text-align: left; font-size: 170%;}

/*FOOTER*/

#footer {position: relative; width: 836px; height: 27px; margin: 30px auto 20px auto; padding-top: 5px; font-size: 11px; clear: both;}
#footer a {text-decoration: none;}
#footer a:link, a:visited {color: #fff;}
ul#contact {position: relative; width: 836px; height: 27px;}
ul#contact li {float: left; line-height: 22px; list-style: none; margin: 0 10px 0 0; width: auto; height: 27px; white-space: nowrap;  display: block;}
li#email {background: transparent url("elements/smX.gif") 2px 50% no-repeat; padding: 0 0 0 40px; height: 27px;}
li#phone {background: transparent url("elements/smX.gif") 2px 50% no-repeat; padding: 0 0 0 40px; height: 27px;}
li#fax {background: transparent url("elements/smX.gif") 2px 50% no-repeat; padding: 0 0 0 40px; height: 27px;}

.hiLt {color: #69C;}

/*CURRICULUM NAV*/
div#currNav {height: 84px; width: 696px; margin: 20px 0 35px 70px; padding: 0; border: 0; background: transparent;}
div#currNav ul#currBut {position: relative; height: 84px; width: 696px; background: transparent url("curriculum/images/currNav.gif") top left no-repeat; margin: 0; padding: 0;}
div#currNav ul#currBut li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#bufmp li, ul#currBut a {height: 84px; display: block;}
div#currNav ul#currBut li a {text-indent: -9999px; text-decoration: none;}
#ani {left: 0; width: 70px;}
#tra {left: 70px; width: 70px;}
#pla {left: 141px; width: 70px;}
#foo {left: 211px; width: 70px;}
#nat {left: 281px; width: 70px;}
#trn {left: 351px; width: 70px;}
#bug {left: 421px; width: 70px;}
#fee {left: 491px; width: 70px;}
#alp {left: 561px; width: 70px;}
#bas {left: 631px; width: 70px;}
#ani a:hover {background: transparent url("curriculum/images/currNav.gif") 0 -86px no-repeat;}
#tra a:hover {background: transparent url("curriculum/images/currNav.gif") -70px -86px no-repeat;}
#pla a:hover {background: transparent url("curriculum/images/currNav.gif") -141px -86px no-repeat;}
#foo a:hover {background: transparent url("curriculum/images/currNav.gif") -211px -86px no-repeat;}
#nat a:hover {background: transparent url("curriculum/images/currNav.gif") -281px -86px no-repeat;}
#trn a:hover {background: transparent url("curriculum/images/currNav.gif") -351px -86px no-repeat;}
#bug a:hover {background: transparent url("curriculum/images/currNav.gif") -421px -86px no-repeat;}
#fee a:hover {background: transparent url("curriculum/images/currNav.gif") -491px -86px no-repeat;}
#alp a:hover {background: transparent url("curriculum/images/currNav.gif") -561px -86px no-repeat;}
#bas a:hover {background: transparent url("curriculum/images/currNav.gif") -631px -86px no-repeat;}

#maincBox {position: relative; margin: 0 0 0 20px; padding: 0; width: 770px;}

/*CURRICULUM HOME ONLY*/
#cHBoxTop {width: 770px; height: 300px; margin: 0 0 0 20px;}
#cHBoxMid {width: 770px; height: 300px; margin: 20px 0 0 20px; clear:both;}
#cHBoxBot {width: 770px; height: 300px; margin: 20px 0 0 20px; clear:both;}

#cHBoxDesc {float: left; display: inline; color: #9cc; line-height: 1.1; margin: 5px 0 0 40px; padding: 0 7px; height: 310px; /* box model fix*/ width: 314px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 300px;}
.cHBox {float: left; display: inline; margin: 5px 0 0 40px; padding: 0 7px; border: 1px dashed #ccc; height: 310px;/* box model fix*/ width: 316px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 300px;}
.cHBox h3 {margin: 5px 0 0 5px;}

/*ALL OTHER CURRICULUM & POSTER*/
h2#postcurr {margin: 15px 0 10px 60px;}
h3#postcurr {margin: 10px 0 10px 40px; clear: both;}

.cBox3 {font: normal 95%/140%  Georgia, Times New Roman, Times, Serif; width: 770px; height: 275px; margin: 0 0 45px; clear: both;} /*clear: none;*/
#cBoxDesc { float: left; display: inline; margin: 5px 0 0 40px; padding: 0; height: auto; color: #9cc; width: 214px;} /*height: 275px*/
#cBoxDesc p {margin: 0 0 2px;}
#cBoxDesc p+p {margin: 9px 0 2px;}
#cBoxDesc h2 {margin: 0 0 2px;}

body#curr #cBoxDesc {line-height: 1.3;} 

.cBox {float: left; display: inline; margin: 5px 0 0 40px; padding: 0 7px; border: 1px dashed #ccc; height: 275px; color: #f93; /* box model fix*/width: 216px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 200px;}
.cBox2 {float:left;  display: inline; margin: 5px 0 0 294px; padding: 0 7px; border: 1px dashed #ccc; height: 275px; color: #f93; /* box model fix*/width: 216px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 200px;}
.cBox h3, .cBox2 h3 {margin: 5px 0 0 5px; padding-bottom: 10px;}
.cBox img.h, .cBox2 img.h {margin-top: 20px;}
div.cBox2+div.cBox2 {margin: 5px 0 0 40px;}

h3#download {height: auto; margin: 5px auto 0; text-align: center; clear: both;}
h3#download+#footer {margin-top: 20px;}

/*POSTERS HOME AND SUB HOMES ONLY*/
.cBoxPoster { background: transparent url(posters/images/transparent.gif); text-align: center; float: left; display: inline; margin: 5px 0 0 40px; padding: 0 7px 10px; border: 1px dashed #ccc; height: auto; color: #ccc; /* box model fix*/width: 456px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 440px;}
.cBoxPoster h3 {padding: 5px 0;}
h3#sets {margin: 15px 0 10px; padding: 0; color: #fff;}

ul#poster {margin: 0;}
ul#poster li {list-style: none; text-indent: -28px;}
ul#poster h3 {margin: 0 0 20px 0; color: #f60;}

/*POSTERS NAV*/
div#postersNav {height: 97px; width: 335px; margin: 10px 0 35px 250px; padding: 0; border: 0; background: transparent;}
div#postersNav ul#postersBut {position: relative; height: 97px; width: 335px; background: transparent url("posters/images/postersNav.gif") top left no-repeat; margin: 0; padding: 0;}
div#postersNav ul#postersBut li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#bufmp li, ul#postersBut a {height: 97px; display: block;}
div#postersNav ul#postersBut li a {text-indent: -9999px; text-decoration: none;}
#historical {left: 0; width: 67px;}
#dinetah {left: 67px; width: 67px;}
#bikeyah {left: 135px; width: 67px;}
#traditional {left: 202px; width: 67px;}
#other {left: 268px; width: 67px;}
#historical a:hover {background: transparent url("posters/images/postersNav.gif") 0 -97px no-repeat;}
#dinetah a:hover {background: transparent url("posters/images/postersNav.gif") -67px -97px no-repeat;}
#bikeyah a:hover {background: transparent url("posters/images/postersNav.gif") -135px -97px no-repeat;}
#traditional a:hover {background: transparent url("posters/images/postersNav.gif") -202px -97px no-repeat;}
#other a:hover {background: transparent url("posters/images/postersNav.gif") -268px -97px no-repeat;}

div#subNav {margin: 15px 0 10px 60px;}
div#subNav h2 {display: inline; margin: 0 20px 0 0;}
div#subNav ul {display: inline; margin: 0; padding: 0;}
div#subNav li {list-style: none; display: inline;}
div#subNav li a {display:block; display: inline;}

#cBoxDesc h3 {color:#fff;}

/*BOOKS*/

h2#books {margin: 15px 0 10px 100px;}

#bookTop {margin: 0 0 20px 30px; padding: 15px 0; width: 100%; font: normal 100%/150%  Georgia, Times New Roman, Times, Serif; color: #9cc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.bBox2 {margin: 0 0 45px 80px; font: normal 100%/150%  Georgia, Times New Roman, Times, Serif; color: #9cc;}
.bBoxDesc {float: left; display: inline; margin: 0 0 45px; width: 275px;}
.bBoxBook {float: left; display: inline; margin: 0 0 45px 130px; width: 214px; padding: 25px 0; border: 1px dashed #ccc;}


/*LIGHT BOX http://www.huddletogether.com/projects/lightbox/ */
#lightbox {background-color: #252a30; color: #fff; padding: 10px; border: none;}
#lightboxCaption {font-size: 0.8em; padding-top: 0.4em;}
#lightbox img {border: none;} 
#overlay img {border: none;}
#overlay{ background-image: url(elements/overlay.png);}
* html #overlay {background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="elements/overlay.png", sizingMethod="scale");}

/*RESOURCE PAGE*/
.rBoxDesc {float: left; display: inline; font: normal 100%/150%  Georgia, Times New Roman, Times, Serif; color: #9cc; margin: 15px 0 0 60px; padding: 0 7px; height: 310px; /* box model fix*/ width: 314px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 300px;}
.rBox {float: left; display: inline; font: normal 100%/100%  helvetica, arial, verdana, san-serif; margin: 15px 0 0 40px; padding: 12px 12px; border: 1px dashed #ccc; background: transparent url(posters/images/transparent.gif); /* box model fix*/ width: 376px; voice-family: "\"}\""; voice-family: inherit; /*end fix*/ width: 350px;}

/*.rBoxDesc {float: left; display: inline; font: normal 120%/150%  Georgia, Times New Roman, Times, Serif; color: #9cc; margin: 15px 0 0 60px; padding: 0 7px; height: 310px; width: 314px; voice-family: "\"}\""; voice-family: inherit; width: 300px;}
.rBox {float: left; display: inline; margin: 15px 0 0 40px; padding: 12px 12px; border: 1px dashed #ccc; width: 376px; voice-family: "\"}\""; voice-family: inherit;  width: 350px;}
.cBoxRes {background: transparent url(posters/images/transparent.gif); text-align: left; float: left; display: inline; margin: 5px 0 0 40px; padding: 0 7px 10px; border: 1px dashed #ccc; height: auto; color: #ccc; width: 456px; voice-family: "\"}\""; voice-family: inherit; width: 440px;}
*/

#article {margin: 40px 0 0 60px; width: 710px; font: normal 100%/150%  Georgia, Times New Roman, Times, Serif; color: #fff;}
#article h3 {color: #f60; margin-top: 18px;}
#article h3.subheading {color: #ccc;}
#article h2 {color: #f60;}
#article h2, h3.subheading, #article h4 {text-align: center; line-height: 1;}
#article h4 {font-size: 110%; letter-spacing: 0; margin-bottom: 20px; color: #ccc;}
#article p {margin: 15px 0 15px;}

ul#resList {list-style: disc url(elements/arrow.gif) outside;}
ul#resList li {margin: 15px 0;}


/*404 ONLY*/
div.oBox {position: relative; margin: 0 auto; padding: 20px 0; width: 650px; height: auto; border: 1px dashed #ccc; line-height: 1.1;}
div.oDesc {margin: 12px 50px 0; padding: 0; width: auto; height: auto; color: #f93;}

/*CATALOG PAGE*/
div.catBox {position: relative; margin: 10px 0 0 150px; padding: 20px 0; width: 525px; height: auto; border: 1px dashed #ccc; line-height: 1.1;}
div.catBoxItem {margin: 12px 50px 0; padding: 0; width: auto; height: auto;}
div.catBoxItem img {float: left; margin: 0; padding: 0;}
div.oList {margin: 0 50px 0; padding: 0; height: auto;}

.catBoxItem+.catBoxItem {margin-top: 30px;}

div.oClear {clear: both;}
div.border {margin: 0 auto; width: 651px; height: auto; border: 1px dashed #ccc;}

h2.catalog {margin: 15px 0 0 150px; font-size: 1px; line-height: 1px; background: transparent url(images/catalogTitle.gif) 0 0 no-repeat; width: 118px; height: 44px; text-indent: -9999px;}
h3.dine {margin: 0 0 0 50px; font-size: 1px; line-height: 1px; background: transparent url(images/catDine.gif) 0 0 no-repeat; width: 125px; height: 24px; text-indent: -9999px;}
h3.dineOrder {margin: 0 0 0 50px; font-size: 1px; line-height: 1px; background: transparent url(images/catDineOrder.gif) 0 0 no-repeat; width: 255px; height: 24px; text-indent: -9999px;}
h3.dineNon {margin: 0 0 0 50px; font-size: 1px; line-height: 1px; background: transparent url(images/catNonDine.gif) 0 0 no-repeat; width: 170px; height: 24px; text-indent: -9999px;}

#optIn {margin: 30px auto 0; width: 380px; text-align: center;}
#optIn img {margin: 0 auto 0;}
h3.optIn {margin: 0 auto 0; font-size: 1px; line-height: 1px; background: transparent url(images/catJoin.gif) 0 0 no-repeat; width: 275px; height: 20px; text-indent: -9999px;}

/*DOWNLOAD ICONS*/
div#dl {height: 16px; width: 533px; margin: 20px 0 20px 80px; padding: 0; border: 0; background: transparent;}
div#dl ul#dlLinks {position: relative; height: 16px; width: 533px; margin: 0; padding: 0;}
div#dl ul#dlLinks li {height: 16px; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#dlLinks a {height: 16px; display: block;}
div#dl ul#dlLinks li a {text-indent: -9999px; text-decoration: none;}
#dlCat {left: 0; width: 253px; background: transparent url("curriculum/images/dlCat.gif") 0 0 no-repeat;}
#dlAll {visibility: hidden; left: 363px; width: 280px; background: transparent url("curriculum/images/dlAll.gif") 0 0 no-repeat;}
#dlCat a:hover {background: transparent url("curriculum/images/dlCat.gif") 0 -16px no-repeat;}
#dlAll a:hover {background: transparent url("curriculum/images/dlAll.gif") 0 -16px no-repeat;}
div#dl h3 {margin: 0; text-indent: -9999px;}