@charset "UTF-8";

/* html5 */
canvas { position:absolute; top:0; left:0; height:100%; width: 100% }
#message { position:absolute; left:50%; width:100px; margin-left:-50px; top:30% }

/* layout */
#container { width:790px; margin:auto }
body.pix #container{ width:960px; margin:auto }

#header { position:relative; width:760px; height:255px; padding:20px 0 0 30px; background:#999 url("../folio7/grfx/hp_oldtown.jpg") no-repeat }
#nav1 { width:780px; padding:5px; background:#000 }
#mainContent { width:270px; float:left; }
#secondaryContent { width:500px; float:right; margin:1px 0 0 20px; }
#tertiaryContent, #tertiaryContentNested, #mainContentNested, #secondaryContentNested  { display:none; }
.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
#footer {}

/* navigation */
#nav1 { text-align:center; }
#nav1 li { display:inline; } 
#nav1 a { font:bold 13px "Courier New", Courier, monospace; color:#fff; text-decoration:none; padding:0 5px 0 12px; border-left:1px solid #fff; }
#nav1 li:first-child a { border-left:none; }
.breadnav {font:10px Arial, Helvetica, sans-serif; padding: 3px 0px 3px 0px; border-bottom:solid #000 4px; border-collapse:collapse; }
.breadnav a { color:#00F; text-decoration:none; }
.breadnav a:hover { text-decoration:underline; }
.emphasizzze { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1.5em; color:#990; }
.inactive { color:#ccc; }
#nav1 a:hover { text-decoration:underline; color:#FFC; }

/* styles */
body { font:.9em/1.1em arial,sans-serif; margin:0px; background-color:#eee }
p {	font:.8em Verdana, sans-serif; color:#fff; margin:5px 0 5px 0; font-size: 0.8em;}
h1 { font:1.3em Georgia, serif; color:#333; margin:10px 0 5px 0; padding-bottom:3px; width:790px; border-bottom:solid #000 4px; }
h2 { font:bold 1em Georgia, serif; color:#555; margin:5px 0 5px 0px; }
h3 { font:bold .9em Georgia, serif; color:#777; margin:5px 0px 5px 0px; }
#secondaryContent h1, #mainContent h2 { font:.8em arial, sans-serif; color:#333; margin:0 0 5px 0; padding-bottom:4px; width:auto; border-bottom:solid #555 1px; }
#secondaryContent h1 { margin-top:45px; font-weight:bold; }
#secondaryContent h1.secondary { margin-top:10px; }
.date { color:#a50; }
.sm { color: #666; font: 0.7em arial; }
ul, ol {margin:0; padding:0 7px 7px 18px}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
#secondaryContent img { float:right; margin:10px 0 10px 10px; }
.introText {font:1.5em/1em "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#990;}
#title {background:#000; width:200px; -moz-border-radius:8px; -webkit-border-radius:8px}
#title p {color:#fff; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0}
#title .lgHeader {font-size:2em; padding:6px 0 0 10px}
#title .smHeader {font-size:1em; padding:0 0 10px 10px}

/* pix */
body.pix #container{ width:960px; margin:auto }
body.pix #nav1 { width:960px; padding:5px; background:#000 }