/* Bullitt County History Museum */

body {
font-family: "Century Schoolbook", "New Century Schoolbook", Palatino, Times, "Times New Roman", serif;
font-size: 90%;
background-image:url(images/parchmentbg.jpg); /* location of background graphic */
margin: 0em;
color: #663300; /* brown text color */ 
}

.titlebar { /* used to center header graphic */
margin: 5px auto;
text-align: center;
}

/* main menu bar */

.mainmenubar { 
text-align: center;
font-size: 1.1em;
line-height: 80%;
}

.mainmenubar ul { 
margin-left: 0;
padding-left: 0;
list-style-type: none; /* display without dots */
padding-bottom: 0;
}
		
.mainmenubar ul li { 
display: inline; /* display list items in a horizontal line */
}

.mainmenubar ul li a {
text-decoration: none; /* turn off link underlining */
color: #663300;
padding: .2em .4em .2em .4em;
}

.mainmenubar ul li a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #663300; /* background color brown */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}

.currentmenu { /* identify current menu */
background-color: #eee; /* gray */
border-bottom: 1px gray solid; /* underline menu name */
}

/* content boxes */

.outerbox { /* used to define content window */
width:725px; /* size of graphic used for background */
margin:0px auto; /* center the box */
}


.container { /* used as an innerbox to define general content placement */
width: 98%;
margin: 0px auto; /* center container */
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;
line-height: 130%;
border-color: #663300;
border-top: 3px solid; /* draw solid brown line at top and bottom of container */
border-bottom: 3px solid;
}

.container a:link {
color: #663300;
 }

.container a:visited {
color: #663300;
 }

.container a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #663300; /* background color blue */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}

.innerbox { /* used to set margins within the container  */
margin: .5em 1em ;
}


/* code for a footer window beneath divided windows */

.footer {
clear: both; /* clear to both sides of divided windows */
margin: 0;
padding: .5em;
 }

.footer a:link {
text-decoration: none; /* do not underline links */
color: #663300;
 }

.footer a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #663300; /* background color blue */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}

/* used as an innerbox to define bottom content placement */

.bottomcontainer { 
width: 98%;
margin: 0px auto; /* center container */
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;
line-height: 120%;
font-size: 80%;

}

.bottomcontainer a:link {
text-decoration: none; /* do not underline links */
color: #663300;
 }

.bottomcontainer a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #663300; /* background color blue */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}


.tablecontents ul li a {
text-decoration: none; /* turn off link underlining */
color: #663300;
 }

.tablecontents ul li a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #663300; /* background color brown */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}

.reducemargin {
padding-left: 2em;
padding-right: 2em;
}


/* text manipulation */

.center { /* center text */
text-align: center; 
}

.bigtext { /* use for larger type */
line-height: 135%;
font-size: 1.4em;
}







.smalltxt { /* use for normal type */
font-size: 1.2em; 
}

.xsmalltxt { /* use for small type */
font-size: 1em; 
}

.italic { /* make type italic */
font-style: italic; 
}

.bold { /* make type bold */
font-weight: bold; 
}

.right { /* align type to right of current window */
text-align: right; }

/* Use this to center an image within a DIV */

.centeredimage {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}


.footnote {
text-indent: -1.5em;
padding-left: 3.5em;
padding-right: 2em; }

.fn {
vertical-align: super;
font-size: .8em; 
color: red;
line-height: 0em; }


/* code to divide the page into two similar sized columns */

.leftcontent {
float:left; /* float the content to the left of available window */
width:45%; /* set available display to slightly less than half of available window */
margin-left: .5em;
margin-right: 2em;
padding-bottom:20px;
font-size: 1em;
padding-right: 1em; 
}

.leftcontent p {
margin-top: 0em;
padding-top: 0em; 
}

.leftcontent ul {
font-size: .9em; /* make lists print slightly smaller */
}


.rightcontent { /* uses window space left available to right of left column */
margin-right: 1em;
font-size: 1em;
}

.rightcontent p {
margin-top: 0em;
padding-top: 0em; 
}

/* code for front page columns */

.leftfront {
float:left; /* float the content to the left of available window */
width: 550px; /* set available display to 550 pixels */
margin-left: .5em;
margin-right: 2em;
padding-bottom:20px;
font-size: 1em;
padding-right: 1em; 
}

.leftfront p {
margin-top: 0em;
padding-top: 0em; 
}

.leftfront ul {
font-size: .9em; /* make lists print slightly smaller */
}


.rightfront { /* uses window space left available to right of left column */
margin-right: 1em;
font-size: 1em;
}

.rightfront p {
margin-top: 0em;
padding-top: 0em; 
}




.clearboth {
clear: both;
 }


.left-floating {
float: left;
padding-right: 20px;
}

.bottomedge {
padding-bottom: 2em;
}


.rightcontent2 ul {
font-size: .8em;
}

/* code for headers */

.fullh1 {
font-size: 1.5em;
font-weight: bold;
text-align: center;
margin-top: 0em;
padding-top: 0em; 
line-height: 130%; }

.aboutush1 {
font-size: 1.2em;
font-weight: bold;
margin-top: 0em;
padding-top: 0em; 
margin-bottom: 0em;
}

.fullh2 {
font-size: 1.1em;
font-weight: bold;
margin-top: 0em;
padding-top: 0em; }

.aboutush2 {
font-size: 1.1em;
font-weight: bold;
margin-top: 0em;
padding-top: 0em;
margin-bottom: 0em;
}

P {
line-height: 140%;
}

.top {
padding: 0em;
 }

.leftside {
float:left;
width:53%;
margin-left: 1em;
margin-right: 2em;
padding-bottom:20px;
font-size: .8em;
border-right: 1px gray solid;
padding-right: 1em;
}

.leftside ol li a {
text-decoration: none;}

.leftside2 {
float:left;
width:53%;
margin-left: 1em;
margin-right: 2em;
padding-bottom:20px;
border-right: 1px gray solid;
padding-right: 1em;
}



.navcontainer ul {
margin-left: 0;
padding-left: 0;
font-size: .9em;
list-style-type: none;
text-align: center;
padding-bottom: 0;

}
		
.navcontainer ul li { display: inline; }


.navcontainer ul li a {
text-decoration: none;
padding: .2em .4em .2em .4em;
color: #000033;
background-color: #fff;
border: 1px #369 solid; }
		
.navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}

.leftside3 {
clear: both;
float: left;
width: 325px;
margin: 0;
padding: 1em;
}


.rightside
{
margin-left: 340px; 
padding: .5em; 
max-width: 325px; 
}


.leftmenu 
{
float: left; 
width: 160px; 
margin: 0; 
padding: 1em; 
}

.leftmenu ol {
text-indent: 0em;
padding-left: 1em; }

.leftmenu ol li a {
text-decoration: none;
 }

.leftmenu ol li a:hover {
color: #ffffff; }

.leftmenu ul {
text-indent: 0em;
padding-left: 1em; }

.leftmenu ul li a {
text-decoration: none;
 }

.leftmenu ul li a:hover {
color: red; }

.rightstuff
{
margin-left: 200px; 
border-left: 1px solid gray; 
padding: 1em; 
max-width: 40em; 
}

.leftnarrow 
{
float: left; 
width: 75px; 
margin: 0; 
padding: 1em; 
}

.rightwide
{
margin-left: 100px; 
padding: 1em;  
}

.rightwide ol {
margin-top: 0em;
margin-bottom: 0em;
}

.rightwide ol li a {
text-decoration: none; }

.noliststyle {
list-style-type: none; }


.scripture {
font-style: italic;
font-size: .9em;
 }

.scriptref {
font-size: .9em; }


.notextdec a {
text-decoration: none; }


ul#navigation 
{
list-style-type: none; 
margin: 0; 
padding: .5em 0; 
}

ul#navigation li a 
{
display: block; 
width: 5em; 
color: #FFF; 
background-color: #036; 
padding: .2em 0; 
text-align: center; 
text-decoration: none; 
}

ul#navigation li a:hover 
{
color: #FFF; 
background-color: #69C; 
}

ul#navigation .left { float: left; } 
ul#navigation .right { float: right; } 


.red {
color: #cc0000; }

.bgcolor {
background-color: yellow; }




/* sub menu bar */

.submenubar {
text-align: center;
font-size: .9em; /* slightly smaller than main menu */
line-height: 60%;
}

.submenubar ul {
margin-left: 0;
padding-left: 0;
list-style-type: none; /* display without dots */
padding-bottom: 0;
}
		
.submenubar ul li { 
display: inline; /* display list items in a horizontal line */
}

.submenubar ul li a {
text-decoration: none; /* turn off link underlining */
color: #663300;
padding: .2em .4em .2em .4em;
}
		
.submenubar ul li a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #663300; /* background color brown */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}

.footnote1 {
text-indent: -1em; margin-left: 1.5em;
}

.footnote2 {
text-indent: -1.5em; margin-left: 1.5em;
}

.footnote2a {
text-indent: -2em; margin-left: 1.5em;
}


.footnote3 {
margin-left: 1.5em;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.centertable
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.underlineoff a {
text-decoration: none; /* turn off link underlining */
color: #663300;
 }


.reducemargin {
padding-left: 3em;
padding-right: 3em;
}