/* Alces Post and Beam CSS */

body { margin: 0; padding: 0; background-color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }

h1 { text-align: center; font-size: 14px; margin-top: 22px; }
h2 { text-align: left; font-family: "Times New Roman", Times, serif; font-size: 18px; color: #6C3D0F; }
h3 { text-align: left; font-size: 13px; }
h6 { text-align: center; font-size: 10px; font-weight: normal; }

a:link { color: #000; }
a:visited { color: #000; }
a:active { color: #000; }
a:hover { color: #060; }

#homepage, #page { position: relative; margin: 8px auto 0; width: 723px; }
#homepage { border-top: 1px solid #633; border-right: 1px solid #633; border-left: 1px solid #633; }
#homeheader, #header { position: relative; padding: 8px 11px 0; }
#homeheader { height: 111px; }
#header { height: 79px; }
#header2 { position: relative; margin: 0 11px; height: 60px; border-right: 1px solid #633; border-left: 1px solid #633; }
#header2 ul { margin: 0 11px; }
#homemain, #main { position: relative; clear: left; margin: 0 11px; padding: 5px 20px 0; width: 659px; border-right: 1px solid #633; border-left: 1px solid #633; }
#sub { position: relative; clear: left; height: 40px; }
#subright { position: absolute; top: 0; right: 0; text-align: right; }
#content { position: relative; padding-bottom: 20px; }
/* From Zoe:
#content { clear: left; margin: 50px 30px 30px 30px; padding: 10px; }*/
#content td { padding: 10px; }
#content table.pad10 td { padding: 10px; }
#content table.pad0 td { padding: 0px; }
#content table.pad0 ul { padding-left: 20px; }
#homefooter, #footer { position: relative; margin: 0 auto; height: 73px; }
#homefooter { width: 725px; }
#footer { width: 699px; border-right: 1px solid #633; border-left: 1px solid #633; border-bottom: 1px solid #633; }
#footerleft { position: relative; width: 24px; }
#homefootermid, #footermid { position: absolute; bottom: 0px; width: 677px; }
#homefootermid { height: 66px; left: 24px; border-bottom: 1px solid #633; }
#footermid { height: 66px; left: 11px; }
#footerright { position: absolute; top: 0;left: 701px; width: 24px; }
#homefootermid p, #footermid p { margin: 0 0 10px; padding: 5px; color: #633; font-weight: bold; text-align: center; border: 1px solid #633; }
#homefootermid table, #footermid table { margin: 0 0 10px; padding: 5px; color: #633; width: 100%; font-weight: bold; text-align: center; border: 1px solid #633; }
/* #homefooter h6 { position: relative; margin: 5px; padding: 10px 0 0; text-align: center; }
#footer h6 { position: relative; margin: 5px; padding: 10px 0 0; text-align: center; } */
#bottom h6 { margin: 5px; padding: 10px 0 0; text-align: center; }

#project { position: relative; }
#project td { padding: 10px 5px; }
#project td img { border: 1px solid #000; }
#project td.double { padding: 10px 12px; }
#project table.captionmajor { font-family: Arial, sans-serif; font-size: 12px; text-align: center; font-weight: bold; }
#project table.captionmajor img { margin: 0 0 5px 0; }
#glossary td { padding: 0; }

/* Drop-downs */
#nav { position: relative; }
#nav, #nav ul { /* all lists */ float: left; /* float containment */ padding: 0; margin: 0;  
    border-right: 2px solid #7d6340; list-style: none; line-height: 1; font-family: Times New Roman, Times, serif; }
#nav a { display: block; font-weight: bold; color: #000; text-decoration: none; vertical-align: middle; }
#nav a:hover { color: #060; }
#nav li { float: left; width: 77px; height: 2em; padding: 3px; border: 2px solid #7d6340;
	border-right: none; background: #C5CC99; }
#nav li:hover { border-top: 2px solid #3F2A10; border-left: 2px solid #3F2A10; background: #DADFB5; }
#nav li div { height: 100%; text-align: center; }
#nav li ul { /* second-level lists */ position: absolute;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 100%; margin: 5px 0; padding: 10px 0; border-right: none; text-align: center; }
#nav li li { display: inline; float: none; width: auto; height: auto; padding: 0;
	border: none; background: none; }
#nav li li:hover { border: none; background: none; }
/* #nav li li:last-child a { border-right: 1px solid #3F2A10; } */
#nav li li a.last { border-right: 1px solid #3F2A10; }
/* #nav li:last-child { width: 72px; } */
#nav #last { width: 72px; }
#nav li li a { display: inline; padding: 4px 8px 8px; border-left: 1px solid #3F2A10;
	color: #57300E; font-weight: bold; }
#nav li li a:hover { color: #060; }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: 0; }

#nothome p img { display: block; border: 1px solid #633; }

hr { margin: 25px 0px; color: #6C3D0F; background-color: #6C3D0F; height: 1px; border: 0; }
hr.marginbottom10 { margin-bottom: 10px; }
.s9 { font-size: 9px; }
.s10 { font-size: 10px; }
.s11 { font-size: 11px; }
.s12 { font-size: 12px; }
.s14 { font-size: 14px; }
.green { color: #060; }
.brown { color: #6C3D0F; }
.bold { font-weight: bold; }
.times { font-family: "Times New Roman", Times, serif; }
.tight { line-height: 12px; }
.caption { font-family: Arial, sans-serif; font-size: 11px; text-align: center; }
.caption img { margin-bottom: 5px; }
.attribution { font-size: 11px; font-weight: bold; text-align: right; margin-bottom: 30px; }
.center { text-align: center; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.fcenter { text-align: center; width: 20%; }
.fleft { text-align: left; width: 43%; }
.fright { text-align: right; width: 37%; }
.homeimgleft { float: left; margin: 8px 15px 8px 0; }
.homeimgright { float: right; margin: 8px 0 8px 15px; }
.imgleft { float: left; margin: 8px 15px 8px 0; border: 1px solid #000; }
.imgright { float: right; margin: 8px 0 8px 15px; border: 1px solid #000; }
.imgleftno { float: left; margin: 8px 15px 8px 0; }
.imgrightno { float: right; margin: 8px 0 8px 15px; }
/* .imgleftno { float: left; margin: 8px 15px 8px 0; border: 0px solid #000; }
.imgrightno { float: right; margin: 8px 0 8px 15px; border: 1px solid #FFF; } */
.imgcenter { margin: 0 5px; border: 1px solid #000; }
.imgcenterno { margin: 0 5px; }
.img2 { margin: 0 2px; border: 1px solid #000; }
.padbot { padding-bottom: 18px; }
.margintop0 { margin-top: 0px; }
.margintop30 { margin-top: 30px; }
.padtop10 { padding-top: 10px; }
.w316 { width: 316px; }
.w431 { width: 431px; }
.w381 { width: 381px; }
