﻿/* Litwack Screen Cascading Style Sheet */
/* SCREEN */
/* Copyright 2007 All Rights Reserved */
/* Tom Pleatman, Media, PA  19063 USA */


@page { margin: 10% }


/* default body - white background, black print ; supposed new times roman is easier to read...*/
body{ font-family: "Times New Roman",serif; background-color: white; color: black; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0; }
a:link {color: black;	text-decoration: none;}
a:visited {	color: black;	text-decoration: none}
a:active {color: black;	text-decoration: none}

/* do not print these selected areas */
DIV.vertical_nav {display: none}
DIV.top_tabs {display: none}
DIV.tree_graphics {display: none }
DIV.nav_graphics {display: none }
DIV.screen_notes {display: none }
DIV.web_ad {display: none }
DIV.force_break { page-break-before:always; clear:both}
div.container {text-align:center}

/* images */
img {border:0px; }
img.ctr { margin-left:auto; margin-right:auto; text-align:center }
/* general tables */
table { width: 100%; margin-left:auto; margin-right:auto; }
td.left_nav{width:0px;text-align:left; vertical-align:top}
td.center_txt{ vertical-align:top; margin-right:auto; margin-left:auto; text-align:center}
td.pale_pix { font-size: 70%; color:#222222; text-align:center; margin-top: 0; margin-bottom: 0;}
/* default font */
/* headers */
h1 { font-size:200%; color: #800000; text-align: center;margin-top: 0; margin-bottom: 0}
h2 { font-size:150%; color: #800000; text-align: center;margin-top: 0; margin-bottom: 0}
h3 { font-size:125%; color: #800000; text-align: center;margin-top: 0; margin-bottom: 0}
h3.non-bold { font-size:125%; color: #800000; text-align: center;margin-top: 0; margin-bottom: 0; font-weight:normal}
h3.gray { font-size:110%; color: #222222; text-align: center;margin-top: 0; margin-bottom: 0}
h4 { font-size:100%; color: #800000; text-align: center;margin-top: 0; margin-bottom: 0}
h4.non-bold { font-size:100%; color: #800000; text-align: center;margin-top: 0; margin-bottom: 0; font-weight:normal}
h4.newpage{font-size:100%; color: #800000; text-align: center;margin-top: 0; margin-bottom: 0; page-break-before:always}
/* other fonts */
p{text-align: left; margin-top: 0; margin-bottom: 0}
p.ctr{text-align: center; margin-top: 0; margin-bottom: 0}
p.rd-brwn {font-size: 100%; color: #800000; text-align:left; margin-top: 0; margin-bottom: 0}
p.rd-brwn_bold {font-size: 125%; color: #800000; text-align:left; font-weight:normal; margin-top: 0; margin-bottom: 0}
p.med_ctr {font-size: 85%; color: #222222; text-align:center; margin-top: 0; margin-bottom: 0}
p.med_ctr_rd-brwn {font-size: 85%; color: black; text-align:center; margin-top: 0; margin-bottom: 0}
p.xsmall {font-size: 70%; font-family: "Times New Roman", serif; color: #222222; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
p.xsmall_rt {font-size: 70%; color: #222222; font-weight: normal; text-align: right; margin-top: 0; margin-bottom: 0 }
p.xsmall_ctr {font-size: 70%; color:gray; text-align:center;margin-top: 0; margin-bottom: 0}
p.xsmall_ctr a:link{color:gray;text-decoration: underline;}
p.xsmall_ctr a:visited{color:gray;text-decoration: underline;}
p.xsmall_ctr a:active{color:gray;text-decoration: underline;}
p.xsmall_ctr a:hover{color: red; background-color: white; text-decoration: none;}
p.xsmall_ctr_red {font-size: 70%; font-family: "Times New Roman", serif; color: red; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
/* other fonts */
p.booklet_title { font-size:xx-large; font-family: "Times New Roman", serif; background-color: white; color: black; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
.xsmall_gray{ font-size:70%; color:gray}
p.xsmall_ctr_gray {font-size: 70%; color:gray; text-align:center;margin-top: 0; margin-bottom: 0}
p.tiny{	font-size: 50%} /* for spacing only*/
p.tinynewpage{font-size: 50%;} /* for breaking in print all only*/

span.bold-underline { font-weight: bold; text-decoration: underline;}

/* for copyright */
td.cpyrght_l{width: 50%;font-size: 70%; font-family: Verdana, Arial, Helvetica,sans-serif; color: gray; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0}
td.cpyrght_r{width: 50%;font-size: 70%; font-family: Verdana, Arial, Helvetica,sans-serif; color: gray; font-weight: normal; text-align: right; margin-top: 0; margin-bottom: 0}
tr.newpage{page-break-before:always}

/* image sizes - specific for each image ?? */
/* the pale */
img.pale_map1 {width: 300px; height: 298px}
img.pale_map2 {width: 300px; height: 450px}
/* the passengers */
img.passengers{ margin-left:auto; margin-right:auto; text-align:center; width: 300px; height: 225px}
/* portal schools */
img.portal_school1 {width: 300px; height: 525px; margin-left: 4px;margin-right: 4px;}
img.portal_school2 {width: 300px; height: 490px; margin-left: 4px;margin-right: 4px;}
img.ships{	margin:8px;}

/* trees - cannot seem to do, therefore use text */
/* for lists */
ul { text-align: left; color: black; margin-top: 0; margin-bottom: 0; margin-left:50px}
