/*
Colors

pale teal: #edf7f1 (nav background)
mid teal: #c1e4cf
teal: #7cb2b0
dark teal: #115e6e
scarlet: #8b0304

black body text: #000

yellow: #ffffcc

*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, b, i, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/* remember to define focus styles! */
:focus
{
outline: 0;
}

body
{
line-height: 1;
color: #000;
background: #fff;
}

ol, ul
{
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td
{
text-align: left;
font-weight: normal;
}

/*End reset - start site specific*/

#wrapper
{
width: 970px;
margin: 0 auto;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, 'Times New Roman', Times, serif;
}

p
{
line-height: 1.5em;
margin: 1.5em 0;
}

em, i
{
font-style: italic;
}

strong, b
{
font-weight: bold;
}

h1
{
font-size: 1.3em;
color: #8b0304;
}

h2
{
font-size: 1.1em;
margin: 15px 0;
font-weight: bold;
font-variant: small-caps;
color: #115e6e;
}

#pageID_timeline_alt h2
{
float: left;
width: 48%;
}

h3
{
font-weight: bold;
margin-bottom: -1em;
clear: left;
}

ul
{
padding: 0 0 .5em 0;
margin-top: 1.5em;
}

li
{
margin: .7em 0 .7em 2em;
line-height: 1.5em;
list-style-type: square;
}

dl
{
margin: 0 0 2em 0;
line-height: 1.5em;
}

dd
{
margin: 0 0 .8em 0;
}

.skiplinks
{
visibility: hidden;
font-size: .5em;
display: block;
}

#logo
{
margin: 20px 0 40px 0;
height: 221px;
width: 970px;
}

/* nav */
#navWrap
{
float: left;
width: 155px;
margin: 0 10px 0 0;
}

#nav
{
width: 155px;
border: 1px solid #C1E4CF;
border-bottom: none;
padding: 0;
font-size: .8em;
margin-top: 0;
}

#nav li
{
padding: 0;
margin: 0;
list-style-type: none;
}

#nav li a
{
text-decoration: none;
display: block;
padding: 0 0 0 20px;
line-height: 32px;
font-weight: bold;
text-transform: uppercase;
color: #8b0304;
width: 135px;
height: 32px;
}

#nav li a,
#nav li a:visited
{
background: transparent url(../img/nav.png) 0 0 no-repeat;
}

#nav li a:hover
{
background-position: 0 -32px;
}

#nav li.current a,
#nav li.current a:link
{
background-position: 0 -64px !important;
}

#nav li.current li a,
#nav li.current li a:link
{
background-position: 0 0 !important;
}

#nav ul
{
margin:0;
padding:0;
display: none;
}

#nav li.current ul,
#nav li.parent ul
{
display: block;
}

#nav ul li a
{
padding: 0 0 0 30px;
font-size: .9em; /* inherits parent font size. Thus this is 80% of top level nav items. */
width: 125px;
text-transform: capitalize;
font-weight: normal;
}

#cse-search-box
{
width: 155px;
margin: 10px 10px 0 0;
}

#cse-search-box .emph
{
color: #8b0304;
display: block;
margin: 0 0 2px 0;
}

#cse-search-box input#q
{
font-size: .8em;
width: 115px;
border: 1px solid #C1E4CF;
padding: 2px 5px;
float: left;
margin: 0 2px 0 0;
}

#cse-search-box input#sa
{
font-size: .8em;
width: 2em;
margin: 0;
}
/* end nav */

#content
{
float: left;
width: 790px;
}

#foot
{
clear: both;
font-size: .75em;
margin: 0;
padding: 20px 0 0 0;
text-transform: uppercase;
text-align: center;
}

#ie #foot
{
padding: 0;
margin: 20px 0 0 0;
}

#foot ul
{
font-size: 1.15em;
text-align: center;
text-transform: capitalize;
font-style: italic;
display: inline;
}

#foot li
{
display: inline;
background: url(../img/blt_star.gif) 0 50% no-repeat;
padding: 0 0 0 12px;
margin: .7em 0;
list-style-type: none;
}

#foot .copyright
{
text-transform: capitalize;
}

#foot .vcard
{
font-size: 1.15em;
border-top: 1px solid #000;
padding: 5px 20px;
margin: 5px 0 0 0;
text-align: center;
}

#foot .org
{
display: none;
}

#foot .url,
#foot .email
{
text-transform: lowercase;
}

/* global use */
.right
{
float: right;
margin-left: 10px;
}

.right img
{
display: block;
}

.left
{
float: left;
margin-right: 10px;
}

.caption
{
display: block;
font-size: .8em;
margin-top: 5px;
line-height: 1.2em;
}

/* Timeline */
.hattip
{
font-size: .7em;
line-height: 1.5em;
}

#pageID_timeline_alt p
{
margin-left: 2em;
}

/* Pull quotes */
blockquote
{
padding: 1em;
width: 12em;
text-align: right;
float: right;
position: relative;
font-size: 1.3em;
line-height: 1.5em;
background-color: #ffc;
vertical-align: middle;
}

#ie blockquote
{
top: -.6em;
padding-top: 0;
}

.lgLeftQuote,
.lgRightQuote
{
font-family: Times;
font-style: italic;
font-size: 3em;
position: relative;
top: .3em;
padding: 0 .2em 0 0;
line-height: 1px;
}

.lgLeftQuote
{
left: -.2em;
}

.lgRightQuote
{
left: 0;
}

#ie .lgLeftQuote,
#ie .lgRightQuote
{
line-height: 1em;
}

#ie .lgRightQuote
{
top: -.2em;
vertical-align: bottom;
}

#ie .quoted
{
top: -1em;
margin-bottom: -1em;
position: relative;
}

.indent
{
text-indent: 20px;
}

/* forms */
form
{
margin: -25px 0 20px 0;
overflow: auto;
}

fieldset
{
width: 40em;
margin: 0 0 20px 20px;
}

label
{
width: 8em;
display: block;
text-align: right;
float: left;
padding: 0;
line-height: 1.2em;
}

input, textarea
{
font-family: Arial, Helvetica, sans-serif;
float: none;
z-index: 1;
position: relative;
}

#pageID_Contact input,
#pageID_Contact textarea
{
width: 30em;
margin: 0 0 5px 5px;
}

#pageID_Contact label
{
width: 9em;
}

#pageID_Contact #submit
{
color: #fff;
background: #8b0304;
border: none;
cursor: pointer;
display: block;
margin: 0 0 0 11em;
padding: 5px;
width: 6em;
text-align: center;
line-height: 2.5em;
}

#pageID_Contact #ie #submit
{
margin: 0 0 0 10em;
line-height: 1.5em;
}

#donationForm
{
margin: 0;
}

#donationForm fieldset
{
width: 500px;
margin: 0;
}

#donationForm label
{
clear: left;
}

#donationForm #donationAmt
{

}

#donationForm legend
{
visibility: hidden;
}

#donationForm #donationAmt select
{
margin: 0 10px 5px 5px;
float: left;
}

#donationForm p
{
margin-top: 0;
}

#donationForm #donator input,
#donationForm #donator select
{
margin: 0 5em 5px 5px;
}

.radio
{

}

#donate
{
display: block;
margin: 10px 0 0 10em;
}

#ie #donate
{
margin: 20px 0 0 0;
}

textarea
{
font-size: .8em;
}

p.required
{
position: relative;
text-align: right;
top: 35px;
right: 0;
}

sup
{
vertical-align: top;
padding: 0 0 0 1px;
}

/* biographies & learn more */
#featured_photo
{
margin-left: 20px;
}

#pageID_bios h2,
.biographies
{

}

.biographies
{
margin-top: 0;
}

.openAll
{
display: block;
text-align: right;
}

.biographies li
{
margin-bottom: 2em;
clear: both;
}

.biographies li#Angelina,
.biographies li#JaneLong,
.biographies li#EmilyWest,
.biographies li#DonaPatriciadelaGarzadeLeon,
.biographies li#SarahHortonCockrell,
.biographies li#MaryAnnDyerGoodnight,
.biographies li#LizzieJohnson,
.biographies li#HenriettaKing,
.biographies li#ElisabetNey,
.biographies li#CynthiaAnnParker
{
clear: none;
}

.biographies li.closed
{
margin-bottom: 0;
}

.biographies li a.woman
{
color: #00c;
text-decoration: underline;
cursor: pointer;
margin-bottom: -1em;
display: block;
}

.biographies li.closed a.woman
{
margin-bottom: 0;
}

.biographies li p
{
margin-left: .75em;
}

.biographies li.closed p,
.biographies li.closed .left,
.biographies li.closed .right
{
display: none;
}

p.footnote
{
font-size: .8em;
margin-left: 0 !important;
clear:left;
font-style: italic;
}

a.return
{
float: left;
text-align: right;
width: 50%;
margin: 15px 0;
font-size: .8em;
}

a.return,
a.return:visited,
a.openAll,
a.openAll:visited,
ul.toc a,
ul.toc a:visited
{
color: #00e;
}

/* about us */
#pageID_aboutus h3
{
font-style: italic;
}
#pageID_aboutus p span
{
font-weight: bold;
}
#pageID_aboutus .right
{
margin-top: 1.5em;
}

#pageID_aboutus .right .caption
{
width: 182px;
}

/* short history */
#pageID_history #sabina
{
margin-top: .5em;
}

#pageID_history .right .caption
{
width: 249px;
}

#pageID_history #citizens
{
width: 195px;
margin-top: .5em;
}

#pageID_bios #craft,
#pageID_bios #jordan
{
width: 195px;
margin-top: 2em;
margin-bottom: 6em;
}

#pageID_bios #stinson
{
width: 250px;
margin-top: 2em;
margin-bottom: 2em;
}

#pageID_bios #coleman
{
width: 195px;
margin-top: 2em;
}

#pageID_bios #cunningham
{
width: 200px;
margin-top: 2em;
margin-bottom: 1.5em;
}

#pageID_timeline_alt #caddoPottery1
{
width: 250px;
margin-top: 2em;
margin-bottom: 2em;
}

#pageID_timeline_alt #petty
{
width: 250px;
margin-top: 2em;
margin-bottom: 6em;
}

#pageID_timeline_alt #arcadia
{
width: 195px;
margin-top: 2em;
}

#pageID_timeline_alt #carter
{
width: 195px;
margin-top: 2em;
}

#pageID_timeline_alt #palomo
{
width: 306px;
margin-top: -2em;
}

#pageID_timeline_alt #lewin
{
width: 250px;
margin-top: 12em;
clear: right;
}

#pageID_timeline_alt #wasp
{
width: 195px;
margin-top: 2em;
}

#pageID_timeline_alt #jones
{
width: 300px;
margin-top: 2em;
}

#pageID_timeline_alt #caddoPottery2
{
width: 195px;
margin-top: 2em;
}

#pageID_learn #ames
{
width: 195px;
margin-top: 2em;
}

#pageID_learn #basketball
{
width: 250px;
margin-top: 2em;
}

/* future features hidden for now */
.map
{
cursor: default;
text-decoration: none;
color: #000;
}

/*left and right image frames and video frame*/
	#leftimageframe {
	z-index:1; 
	padding:8px; 
	margin:10px 0 5px 5px; 
	float:left;
	line-height:1.15em;
	font-size:.80em;
	}
	
	#rightimageframe {
	z-index:1; 
	padding:8px; 
	margin:10px 0 5px 5px; 
	float:right;
	line-height:1.15em;
	font-size:.80em;
	}
	
	#videoframe {
	float:right;
	margin:0 0 0.5em 0.5em;
	padding:0.625em;
	font-size:0.84em;
	color:#174A7C;
	line-height:1.35em;
}