@import url("/library/DigitalCollections/CherokeeTraditions/dropdowns.css");

body {background: url("/library/DigitalCollections/CherokeeTraditions/images/ArrowHeadBackground.jpg"); background-repeat: repeat; color: #FFA; font-family: "Times New Roman", Times, serif; margin: 0px}

a img {border: none}
a, a:link, a:visited {color: #FFF}

h1, h1 a {color: #999; font-size: xx-large; font-weight: lighter; margin: 0px; text-decoration: none}
h2 {margin: auto auto 5px 5px}
h2 em {font-style: normal; font-weight: bold}

.AlignCenter {text-align: center}
.AlignLeft {text-align: left}
.AlignRight {text-align: right}

.VAlignTop {vertical-align: top}
.VAlignBottom {vertical-align: bottom}
.VAlignCenter {vertical-align: middle}

.FloatLeft {float: left}
.FloatRight {float: right}

.ClearBoth {clear: both}
.ClearLeft {clear: left}
.ClearRight {clear: right}

/* Old */
.imgLeft, .imgRight, .imgCenter {color: #fff; padding: 10px}
.imgLeft {float: left;}
.imgRight {float: right}
.imgCenter {float: none; width: 100%}
.divImage {width: 315px}

/* New */
.imgCaption {color: #FFF}
.imgSide {padding: 10px}
.imgMultiple {margin: 10px}
.imgMultiple div img {height: 300px}

.FourthWidth {width: 25%}
.ThirdWidth {width: 33%}
.HalfWidth {width: 49%}
.TwoThirdsWidth {width: 66%}
.ThreeFourthsWidth {width: 75%}
.FullWidth {width: 100%}
.FillWidth {max-width: 100%; min-width: 1%}
.FourthWidth, .ThirdWidth, .HalfWidth, .TwoThirdsWidth, ThreeFourthsWidth {display: inline-table; float: left}

.imgList li {float: left; list-style-type: none; padding: 10px}

.IndentQuote {margin-top: -2px; padding-left: 50px; padding-right: 50px; margin-bottom: -2px; font-style: italic}

a.reference:link {font-size: 0.8em}

#divContainer {background-color: #753914; border: none; margin: 0px auto; padding: 5px 0px 0px 0px; width: 950px}

#divHeader {border-bottom: solid 3px #FFA; text-align: center}

#divTopMenu {border-bottom: solid 1px #FFA; padding: 5px 0; text-align: center}
#divTopMenu a, #divTopMenu a:link, #divTopMenu a:visited {border-right: solid 1px #FFA; color: #FFF; display: inline; font-size: x-large; padding: 5px 14px; text-decoration: none}
#divTopMenu a:hover {background-color: #ffa; color: #753914}
#divTopMenu a:first-child {border-left: solid 1px #ffa}
#divTopMenu .HomeButton {float: left}
#divTopMenu .Selected {background: #ffa; color: #753914 !important}

#divSiteSearch {width: 940px}
#divSiteSearch input:first-child {width: 200px}

#divLeftMenu {border-color: #FFA; border-style: solid solid solid none; border-width: 1px; float: left; margin-top: 10px; padding: 5px; text-align: center; vertical-align: top; width: 235px}
#divLeftMenuHeader, #divLeftMenuHeader a {background-color: #FFA; border-bottom: solid 3px #FFA; color: #753914; font-size: larger; text-decoration: none}
#divLeftMenuContent {font-size: large}
.a__CurrentMenuItem, .a__CurrentMenuItem:link, .a__CurrentMenuItem:visited {background-color: #FFA; border-bottom: solid 3px #FFA; color: #753914 !important; font-size: larger; text-decoration: none}
#divLeftMenuContent a, #divLeftMenuContent a:visited {border-top: solid 1px #FFA; color: #FFF; display: block; padding: 5px 15px; text-decoration: none}
#divLeftMenuContent a:hover {background-color: #FFA; border-top: 1px #753914 solid; color: #753914}
#divLeftMenuContent .a__ParentMenuItem, #divLeftMenuContent .a__ParentMenuItem:visited {border-top: 3px #FFA solid; color: #999; font-size: larger}
#divLeftMenuContent .a__ParentMenuItem:hover {border-top: 3px #FFA solid; color: #753914}

.divHomeIcon {display: inline-table; float: left; margin: 10px 5px 25px 5px; text-align: center; width: 175px; vertical-align: top}
.divHomeIcon h1 {margin-bottom: 7px}
.divHomeIcon a {color: #FFF; text-decoration: none}

#divContent {border: solid #FFA; border-width: 3px 5px; padding: 5px 15px; vertical-align: top}
#divContent .a__Cite {text-decoration: none}
#divContent .p__Left {float: left; margin: 0px}
#divContent .p__Right {float: right; margin: 0px}
#divContent .divShadowText {color: #000; font-size: xx-large; font-weight: lighter; margin: 0px}
#divContent .divShadowShadow {color: #FFF; font-size: xx-large; font-weight: lighter; position: relative; top: 20; left: 20; margin: 0px}

.divSearch select {background: #ffa; width: 100%}
.divSearch .SearchButtons {width: 99%}

#leadparagraph {color: #FFFFCC; font-weight: bold}

#seemore {background-color: #FFA; clear: both; color: #335566; margin: 5px; padding: 2px; position: relative}
#seemore a, #seemore a:link, #seemore a:visited {color: #753914}

#divFooter {clear: both; margin-top: 5px; padding: 5px; text-align: center}