/* colors
    text main: #26445B;
    text light: #6F8292;
    side bck: #F3F0ED;
*/

body { border: 0px; margin: 0px; background: url(/img/wallpaper.gif); text-align: center; font-size: 0.75em; }
body * { text-align: left; margin: 0; padding: 0; color: #26445B; }
body h1, body h2 { font-family: "Times New Roman", serif; }
body * { font-family: "Trebuchet MS", sans-serif; font-size: 1em; }
img { margin: 0; padding: 0; }
img.png { behavior: url(/css/png.htc); }
a { text-decoration: none; }
a img { border: 0; }

div#body { width: 670px; margin: 40px auto; padding: 0; }
div#header { width: 670px; height: 150px; margin: 0; padding: 0; position: relative; z-index:  1; }
div#contentbck { width: 670px; height: 100%; margin: 0; padding: 0; position: relative; }
div#footer { width: 670px; height: 35px; margin: 0; padding: 0; position: relative; }

div#header img.bck { position: absolute; bottom: 0; }
div#contentbck img.bck { position: absolute; bottom: 0; height: 100%; width: 670px; }
div#footer img.bck { }

div#menu { position: absolute; bottom: 15px; left: 24px; }
div#menu img { margin: 0 4px 0 10px; }
div#menu a { font: normal 1.4em "Times New Roman", serif; }
div#copy { position: absolute; bottom: 16px; left: 500px; font-size: 0.9em; }
div#bymillion { position: absolute; bottom: -6px; right: -26px; }

div#content { position: relative; background: url(/img/content.gif) top left repeat-y; height: 100%; padding: 0; }
div#content a { font-style: italic; }
div#default { padding: 0 20px 0 34px; }
div#content div.bigphoto { padding: 0 15px 0 15px; }
div#content div.bigphoto h1 { text-align: right; font-size: 1.8em; margin: 0 5px 0 19px; }
div#content div.bigphoto h2 { text-align: center; color: #6F8292; font-size: 1.2em; margin: 0.3em 0 0.3em 0; padding: 0 0 0 4px; }
div#content div.bigphoto h2 a { font-family: "Times New Roman", serif; color: #6F8292; font-size: 1em; padding: 0 10px 0 10px; }

div#story { float: left; left: 34px; width: 440px; }
div#story img { border: 5px solid #F3F0ED; }
div#story div.block { clear: both; padding-top: 0.8em; padding-bottom: 27px; background: url(/img/divstory.gif) bottom center no-repeat; }
div#story h1 { font-size: 1.8em; margin: 0 0 0 0; }
div#story h2 { color: #6F8292; font-size: 1.2em; margin: 0 0 0.3em 0; padding: 0 0 0 4px; }
div#story p.intro img { float: left; margin: 3px 0.7em 2px 0; }
div#story p.intro { font-size: 1.1em; padding-left: 2px; line-height: 1.5em; margin-bottom: 0.5em; }
div#story p { padding-left: 4px; line-height: 1.4em; }
div#story ul { padding-left: 4px; line-height: 1.4em; margin-left: 2em; }
div#story p.more { font-size: 0.9em; clear:  both; }
div#story dl { padding-left: 4px; line-height: 1.4em; }
div#story dt { font-weight:  bold; }
div#story dd { margin-left:  1em; }
div#story img.photo { margin: 2px 6px 2px 0; }
div#story div.pager { text-align: center; }
div#story div.pager span.selected { border: 1px solid #26445B; padding: 0 3px; }

div#side { float: right; left: 500px; top: 0; width: 150px; font-size: 0.9em; }
div#side img { border: 3px solid #6F8292; }
div#side div.block { clear: both; padding-top: 0.4em; padding-bottom: 27px; background: url(/img/divside.gif) bottom center no-repeat; }
div#side h1 { text-align: center; font-size: 1.8em; margin: 0 0 0.3em 0; }
div#side p.intro { text-align: center; margin: 0 0 0.2em; font-size: 1.1em; }
div#side p { text-align: justify; line-height: 1.4em; }
div#side p.links { text-align: center; font-size: 1.1em; }
div#side p.more { text-align: center; }

div.end { clear: both; }