@charset "utf-8";
/* Litwack Screen Cascading Style Sheet */
/* SCREEN */
/* Copyright 2007 All Rights Reserved */
/* Tom Pleatman, Media, PA  19063 USA */

/* this sheet is based upon a Compass style sheet - #800000 is kind of a dark reddish brown */

/* Default Body */
body { margin-left: 2%; margin-right:4%; background-image: url('images/page_bkgrd_lt.gif');background-repeat:no-repeat;
font-size: 100%; font-family: Verdana, Arial, Helvetica,sans-serif; color: #222222; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
a:link {color: green;	text-decoration: underline;}
a:visited {	color: green;	text-decoration: underline}
a:active {color: green;	text-decoration: underline}
a:hover {color: red; background-color: white; text-decoration: none;}

/* headers */
/* not used 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{font-size: 100%; font-family: Verdana, Arial, Helvetica,sans-serif; color: #222222; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
p.bold{font-size: 100%;text-align: left; margin-top: 0; margin-bottom: 0; font-weight:bold}
p.ctr{font-size: 100%;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_rt {font-size: 85%; color: #222222; text-align:right; margin-top: 0; margin-bottom: 0}
p.med_ctr_rd-brwn {font-size: 85%; color: #800000; text-align:center; margin-top: 0; margin-bottom: 0}
p.xsmall {font-size: 70%; font-family: Verdana, Arial, Helvetica,sans-serif; color: #222222; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0 }
p.xsmall_rt {font-size: 70%; font-family: Verdana, Arial, Helvetica,sans-serif; color: #222222; font-weight: normal; text-align: right; margin-top: 0; margin-bottom: 0 }
p.xsmall_ctr {font-size: 70%; color:#222222; text-align:center;margin-top: 0; margin-bottom: 0}
p.xsmall_ctr_gray {font-size: 70%; color:gray; text-align:center;margin-top: 0; margin-bottom: 0}
p.xsmall_ctr_gray a:link{color:gray;text-decoration: underline;}
p.xsmall_ctr_gray a:visited{color:gray;text-decoration: underline;}
p.xsmall_ctr_gray a:active{color:gray;text-decoration: underline;}
p.xsmall_ctr_gray a:hover{color: red; background-color: white; text-decoration: none;}
p.xsmall_ctr_red {font-size: 70%; font-family: Verdana, Arial, Helvetica,sans-serif; color: red; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 }
p.xsmall_red {font-size: 70%; font-family: Verdana, Arial, Helvetica,sans-serif; color: red; font-weight: normal; text-align: left; 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 web business ad*/
td.web_ad{width: 50%;font-size: 70%; font-family: Verdana, Arial, Helvetica,sans-serif; color: olive; font-weight: normal; text-align: center }
.web_ad a:link {color: olive;text-decoration: underline;}
.web_ad a:visited {color: olive;text-decoration: underline;}
.web_ad a:active {color: olive;	text-decoration: underline;}
.web_ad a:hover {color: red; background-color: white; text-decoration: none;}
/* for left nav*/
td.left_nav{width:170px;text-align:left; vertical-align:top}
td.center_txt{ vertical-align:top; margin-right:auto; margin-left:auto; text-align:center}
/* images */
img {border:0px; }
img.ctr { margin-left:auto; margin-right:auto; text-align:center;}
img.passengers { margin-left:auto; margin-right:auto; text-align:center;}
/* general tables */
table { width: 100%; margin-left:auto; margin-right:auto;  }
table.top_nav { width: 100%; margin-left:auto; margin-right:auto; text-align:center;}
td.2column_disabled{width:50%;font-size: 80%; text-align:center; background-color:#FFFFCC; color:#222222;font-weight:bold;font-style:italic}
td.3column_disabled{width:33%;font-size: 80%; text-align:center; background-color:#FFFFCC; color:#222222;font-weight:bold;font-style:italic}
td.4column_disabled{width:25%;font-size: 80%; text-align:center; background-color:#FFFFCC; color:#222222;font-weight:bold;font-style:italic}
td.5column_disabled{width:20%;font-size: 80%; text-align:center; background-color:#FFFFCC; color:#222222;font-weight:bold;font-style:italic}
td.2column{width:50%;font-size: 80%; text-align:center; color:#222222;font-weight:normal; font-style:italic;  }
td.3column{width:33%;font-size: 80%; text-align:center; color:#222222;font-weight:normal;  }
td.4column{width:25% } /* we would put borders here like border:2px ridge #FFFFCC; BUT Mozilla does NOT support it in css */
td.5column{width:20% } /* we would put borders here like border:2px ridge #FFFFCC; BUT Mozilla does NOT support it in css */

/* for top nav */
.xsmall_gray{ font-size:70%; color:gray}


/* center the table with equal margins!! */
table.relationship {width=100%; font-size: 100%; font-family: Verdana, Arial, sans-serif; color:navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0; margin-left: auto;
margin-right: auto;}

td.relationship {font-size: 100%; font-family: Verdana, Arial, sans-serif; color: navy; font-weight: normal; text-align: left; margin-top: 0; margin-bottom: 0;margin-left: auto;
margin-right: auto;}
td.relationship_lbl {font-size: 85%; font-family: Verdana, Arial, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0;margin-left: auto;
margin-right: auto;}
td.relationship_ctl {font-size: 85%; font-family: Verdana, Arial, sans-serif; color: navy; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0;margin-left: auto;
margin-right: auto;}

td.nav{width:25%}
.nav a:link {}
.nav a:visited {}
.nav a:active {}
.nav a:hover { background-color:transparent;}
/* for side navigation */
div.vertical_nav { text-align:left}
.vertical_nav table { width:164px;}
.vertical_nav td { padding-top:2px; padding-bottom:2px;  }

/* to center the text under narrow pictures on pale page */
/* this works to center a table of fixed width - and little else does!!! */
div.container {text-align:center}
table#px1 {text-align:center; margin-left:auto; margin-right:auto; width:280px;}
table#px2 {text-align:center; margin-left:auto; margin-right:auto; width:280px;}
table#px3 {text-align:center; margin-left:auto; margin-right:auto; width:280px;}
table#px4 {text-align:center; margin-left:auto; margin-right:auto; width:320px;}
table#px5 {text-align:center; margin-left:auto; margin-right:auto; width:320px;}
td.pale_pix { font-size: 70%; color:#222222; text-align:center; margin-top: 0; margin-bottom: 0;}
/* for print */
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}
/* do not display these selected areas */
DIV.tree_text {display: none }
DIV.print_notes {display: none }
div.print_page_notes{	display:none}
DIV.force_break {clear:both}

/* for booklet titles */
/* not used p.booklet_title { font-size:xx-large; font-family: Verdana, Arial, Helvetica,sans-serif; color: gray; font-weight: normal; text-align: center; margin-top: 0; margin-bottom: 0 } */
/* for lists */
ul { text-align: left; color: #222222;margin-top: 0; margin-bottom: 0; margin-left:50px}
/* portal schools */
img.portal_school1 { margin-left: 4px;margin-right: 4px;}
img.portal_school2 { margin-left: 4px;margin-right: 4px;}
img.ships{	margin:8px;}