/* Fort Crawford Museum */
/* CONTAINER STYLES */
html {
height:100%;
width:100%;
}
body {
height:100%;
width:100%;
margin:0;
padding:0;
background-color:#5583a8;
background-image:url(./img/background2.png);
background-repeat:repeat-x;
font-family:'trebuchet ms', arial, sans-serif;
font-size:100%;
}
div#container {
min-height:100%;
min-width:100%;
position:relative;
text-align:center;
}

* html div#container {
width:100%;
margin: 0 auto;
}

div#header {
max-width:900px;
min-width:740px;
position:relative;
margin:13px auto 0;
padding:10px 20px;
border:dotted #90ACC2;
border-width:1px 1px 0;
background-color:#fff;
text-align:left;
}
* html div#header {
width:760px;
}
div#navigation {
width:100%;
height:20px;
padding:2px 0;
border:#FFE799 solid;
border-width:1px 0;
background-color:#FFF2C9;
font-size:1em;
line-height:1.25em;
clear:both;
}

div#content {
max-width:900px;
min-width:740px;
margin:0 auto;
padding:15px 20px;
border:dotted #90ACC2;
border-width:0 1px;
color:#000;
background-color:#fff;
font-size:.875em;
line-height:1.5em;
text-align:left;
}

* html div#content {
width:760px;
}

div#footbar {
width:100%;
height:20px;
clear:both;
padding:2px 0;
border:#FFE180 solid;
border-width:1px 0;
background-color:#FFEDB3;
color:#A68311;
font-size:.875em;
line-height:20px;
}
div#footer {
max-width:900px;
min-width:740px;
margin:0 auto 13px;
padding:10px 20px 20px;
border:dotted #90ACC2;
border-width:0 1px 1px;
color:#444;
background-color:#fff;
font-size:.75em;
text-align:right;
}
* html div#footer {
width:760px;
}

/* COLUMN STYLES */
div#MainColumn {
width:64%;
float:left;
margin:0px 10px 0px 0px;
}
div#SideColumn {
width:31%;
float:left;
border-left:1px solid #ccc;
margin:0px;
padding:0 0 15px 15px;
}
div.tidbit {
height:141px;
display:block;
margin-bottom:10px;
}
/* CONTENT STYLES */
h1 {
margin:0;
padding:0;
font-family:georgia,'times new roman',serif;
font-size:2.375em;
font-variant:small-caps;
}
h1 a {
color:#000;
text-decoration:none;
}
h1 a:hover {
color:#444;
text-decoration:none;
}
h2 { 
font-size:1.5em;
font-weight:bold;
margin:0 0 .5em;
}
h3 {
margin:0 0 .25em;
font-size:1.125em;
}
h4 {
margin:0 0 .25em;
font-size:1em;
}
p {
margin:0 0 1em;
}
p.ImageCaption {
font-size:.87em;
line-height:1.2em;
}
div#footbar p {
max-width:900px;
min-width:740px;
margin:0 auto;
padding:0 20px;
text-align:left;
}
* html div#footbar p {
width:760px;
}
img {
border:0px;
}
div.tidbit img {
float:left;
margin:0 10px 0px 0px;
}
div.ImageBlock {
float:right;
clear:right;
margin: 0 0 20px 15px;
border:1px solid #ccc;
padding:5px;
font-size:.75em;
font-family:arial, sans-serif;
line-height:1em;
}
div.ImageBlockLeft {
float:left;
clear:left;
margin: 0 15px 4px 0;
border:1px solid #ccc;
padding:5px;
font-size:.75em;
font-family:arial, sans-serif;
line-height:1em;
}
div.clear {
clear:both;
}
div.ImageBlock p, div.ImageBlockLeft p {
margin:3px 0 0;
}
div.ImageBlock a, div.ImageBlockLeft a {
color: #63A0D1;
}
div.ImageBlock a:hover, div.ImageBlockLeft a:hover {
color: #0000ff;
}
div.BookDescription {
margin-left:220px;

}
span.UpCap {
font-size:1.25em;
}
hr {
width:100%;
height:1px;
color:#ccc;
background-color:#ccc;
border:none;
margin:1em 0;
}
dl {
margin:0;
padding:0;
}
dt:first-child
{
padding:0;
}
dt {
margin:0;
padding:1em 0 0;
font-weight:bold;
}
dd {
margin:0;
padding:0;
}
ul.flat {
margin:0 0 1em 0;
padding:0;
list-style-type:none;
}
ul.flat li {
margin:0;
padding:0;
}

/* NAVIGATION STYLES */
a {
text-decoration:none;
color:#0065B4;
}
a:hover {
text-decoration:underline;
color:#00F;
}
a.current {
font-weight:bold;
font-style:italic;
}
a.Toe {
text-decoration:none;
color:#444;
}
a.Toe:hover {
color:#444;
text-decoration:underline;
}
ul#PrimeLinks {
max-width:900px;
min-width:740px;
height:20px;
margin:0 auto;
padding:0 20px;
list-style-type:none;
text-align:left;
}
* html ul#PrimeLinks {
width:760px;
}
ul#PrimeLinks li {
display:inline;
margin:0;
padding:0 15px 0 0;
font-weight:bold;
}
ul#PrimeLinks a {
color:#804031;
}
ul#PrimeLinks a:hover {
color:#C94B2D;
}
ul#SecondLinks {
position:absolute;
right:20px;
top:32px;
margin:0;
padding:0;
list-style-type:none;
font-size:.875em;
}
* html ul#SecondLinks {
position:absolute;
top:5px;
} 

ul#SecondLinks li {
display:inline;
margin:0;
padding:0 5px;
}
* html ul#SecondLinks li {
display:block;
} 

li.strong {
font-weight:bold;
}
/*EVENTS*/
div.Event {
margin:15px;
}
div.EventTitle {
font-weight:bold;
color:#222;
line-height:1.2em;
}
div.EventDate {
font-weight:bold;
font-style:italic;
color:#444;
line-height:1.2em;
margin-left:2px;
}
div.EventDescription {
margin-top:5px;
margin-left:2px;
}