/* layoutstyles.css */
*{
    margin:0;
    padding:0;
}

body {
    background-color: #1B1001;
    font-family: Arial, Helvetica, sans-serif;
}

#wrapper{
  width: 45em;
  background-color: #FFF;
  margin: 20px auto;
  position:relative;
}


a:link, a:visited{
color: #467293;
}

a:hover{
color: #8D7563;
}


/********** Major layout divisions **********/
#branding{
    /* For absolutely-positioned hyperlinks */
    position:relative;
	height:13.65em;
	background-color:#553c35;
	color:#f4dec8;
	text-align:center;
	
}

#branding img{
 display:block;
}

#leftcolumn{
  width:20em;
  text-align:center;
  position:absolute;
  top:14.75em;
  left:0;
}

#leftcolumn img{
 width:83%;
 border:solid 1.35px #1B1001;
}

#leftcolumn p{
 padding:0.25em;
 width:80%;
 font-size:0.8em;
 margin:0.75em auto;
 font-family: Helvetica, Verdana, sans-serif;
 font-weight:bold;
 color:#1B1001;
 text-align:left;
 line-height: 1.35em;
}

/********** Navbar division styles **********/
#navbar{
 background:#553c35 url(images/navbak.jpg) repeat-x center;
 height:1.6em;
 position:absolute;
 top:12.05em;
 left:21.0em;
 width:24.04em;
}

#navbar ul{
 list-style-type:none;
}

#navbar li{
 float:left;
 position:relative;
}

#navbar li ul{
 position:absolute;
 z-index:100;
 visibility:hidden;
}

#navbar li:hover ul,
#navbar li a:hover ul{
 visibility:visible;
 top:1.6em;
 left:0;
}

#navbar li:hover ul li a,
#navbar li a:hover ul li a{
 background:#553c35;
 color:#FFF;
 text-align:left;
 display:block;
 width:10em;
 padding:0 0 0 1em;
 height:auto;
}

#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{
 background:#A1948B;
 color:#000;
}

#navbar a,
#navbar a:link,
#navbar a:visited{
 text-decoration:none;
 font-family:Verdana, Geneva, Arial, Sans-Serif;
 font-size:80%;
 color:#fff;
 background:#553c35 url(images/navbak.jpg) repeat-x center;
 display:block;
 height:2em;
 width:6em;
 text-align:center;
 line-height:2em;
 outline-style:none;
}

#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
 background:#8D7563;
 color:#fff;
}

#navbar table {
    margin:-1px; 
    border-collapse:collapse; 
    position:absolute;
    top:0.5em;
    left:0;
    z-index:100;
}




#content{
 margin-left: 20em;
 margin-right: 2.5em;
 background-color:#fff;
 color:#000;
 padding:1.75em 10px 10px 20px;
}

#content h1, #content h2, #content h3{
 font-family: Helvetica, Verdana, sans-serif;
 color:#000;
 font-weight:bold;
 font-style: normal;
 letter-spacing:0.03em;
}

#content h1{
 font-size: 1.5em;
 color: #553c35;
}

#content h1 img{
 width:5%;
 margin:1em 0;
}

#content h2{
 font-size: 1.25em;
 color: #A1948B;
}

#content h3{
 font-size: 1.15em;
 font-style: normal;
 color: #553c35;
}

#content ul, #content ol{
 padding: 10px 0 10px 40px;
}

#content p{
 line-height: 1.5em;
}

div.captionpic{
   width:9em;
   padding:0.25em;
   margin:0.25em 0.25em 0 0;
   float:left;
   border:solid 1px #000;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:0.8em;
   color:#555;
   text-align:center; 
}

div.captionpic img{
   width:80%;
   border:none;
}

#footer{
	background-color:#fff;
	border-top:solid 1px #675548;
	padding:0.5em;
	text-align:center;
}

#footer p{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.8em;

}

#footer a:link,
#footer a:visited{
  text-decoration:none;
}

#footer a:hover,
#footer a:active{
  color:#8D7563;
}

.hotkey{
  text-decoration:underline;
}

/*********** Printer-Friendly Styles **********/
@media print{
/* Start printer-friendly styles */

/* Printer only-Make wrapper the full page width */
#wrapper{
    width:100%;
}

/* Printer only-Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
    display:none;
}

/* Printer only-Get rid of content div margins and 
   padding. Use a different font for print */
#content{
    margin:0;
    padding:0;
    font-family:'Century Schoolbook', Times, Serif;
    font-size:1em;
}
/*End printer-friendly styles */
}