/* Travel Independent screen.css */


h3 {
	margin-left: -0.5em ; /* was -0.5em */
	font-size: 160% ; 
	font-weight: 400 ; /* was 500 */
	/*color: rgb( 0%, 0%, 45%) ; */

	padding-top: 0.3em ; 
	margin-top: 0em ;
	margin-bottom: 0.2em ;
	line-height: 1.3em ;
	color: rgb( 0%, 0%, 30%) ; 
	}

h2 {
	margin-left: -0.5em ; /* was -1em */
	font-size: 180% ; 
	font-weight: 400 ; 
	margin-bottom: 0em ;
	line-height: 1.3em ;
	padding-bottom: 0.3em ; 
	color: rgb( 0%, 0%, 45%) ; 
	}


/*Above this updated since 31.12.17 */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	background-color: rgb(94%, 96%, 100%); 
	/*background-image: url(images/5yr_ch_pie_ksi_003_600.png);   test (works)*/
	/*background-repeat: no-repeat;*/
	}

#mainTable {
	width: 960px ;
	margin-bottom: 30px ;
	}

#mainTable a {
	text-decoration: none ; 
	}

#mainTable td {
	font-size: 90% ;
	border-top: 0px #666 solid ; 
	}

#banner {
	background-color: rgb(100%, 100%, 100%); 
	}

#banner img {
	width: 960px ;
	margin-top: 4px ;
	margin-bottom: 4px ;
	}

#logo {
	display: none ;
	}

#navbar {
	border-top: 0px #000 solid ; 
	background-color: rgb(30%, 40%, 60%); 
	}

#navbar a {
	text-decoration: none;
	padding-top: 0.6em ; /* was 0.6 */
	padding-left: 1.5em ;
	padding-right: 1.5em ; /* was 2em */
	padding-bottom: 0.6em ; /* was 0.8 */
	font-weight: 500 ; 
	color: rgb( 80%, 80%, 80%) ; 
	}

#menu-col2, #menu-col5  {
	color: rgb( 80%, 80%, 80%) ;
}

#navbar td {
	/* nb: some duplicated with #navbar a ; */
	line-height: 1.3em ;
	padding-top: 0.6em ;
	padding-left: 0px ;
	padding-right: 0px ;
	padding-bottom: 0.6em ;
	font-size: 85% ; /* was 85% */
	font-weight: 500 ; 
	background-color: rgb( 30%, 40%, 60%) ; 
	border-right: 1px rgb( 80%, 80%, 80%) solid ; 
	}

#navBarTopRow a:hover {
	color: rgb( 100%, 100%, 100%) ; 
	background-color: rgb( 50%, 55%, 70%) ; 
	}

#screenTitle {
	background-color: rgb( 100%, 100%, 100%) ; 
	}

#column1, #column2, #column3 {
	background-color: rgb( 100%, 100%, 100%) ; 
	line-height: 1.3em ;
	padding-top: 0.5em ;
	}

#column1 a, #column2 a, #column3 a {
	font-weight: 1200 ; 
	color: rgb( 30%, 40%, 70%) ;
	color: rgb( 20%, 30%, 60%) ;
	color: rgb( 10%, 20%, 50%) ;
	color: rgb( 0%, 15%, 60%) ;
	}

#column1 a:hover, #column2 a:hover, #column3 a:hover {
	text-decoration: underline ;
	}

#column1 {
	padding-left: 5px ;
	padding-right: 5px ;
	}

#column2 {
	padding-left: 5px ;
	padding-right: 5px ;
	}

#column3 {
	padding-left: 10px ;
	padding-right: 10px ;
	}

h1 {
	/*text-align: center ;*/
	text-align: center ;
	font-size: 220% ; 
	line-height: 1.3em ;
	font-weight: 400 ; 
	margin-bottom: 0em ;
	color: rgb( 0%, 0%, 45%) ; 
	}

hr {
	border: none ;
	height: 1px ;	
	background-color: rgb( 70%, 70%, 90%) ;
	}

ul {
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-left: 12px ;
	padding-left: 12px ; /*McFaland says: use both (p121)*/
	}

li {
	}

#input_table input {
	border: 1px #888 solid ; 
	margin-bottom: 1px ;
	}

.chart {
	border: 1px #000 solid ; 
	}

.casualty_table {
	font-size: 90% ; 
	border: 0px #888 solid ; 
	padding-top: 0em ;
	margin-bottom: 0.5em ;
	margin-top: 0.5em ;
	background-color: rgb( 83%, 87%, 95%) ; /* was ( 80%, 85%, 95%) */
	}

.casualty_table th {
	padding-top: 0.6em ; /* was 0.5em */
	padding-bottom: 0.6em ; /* was 1em */
	background-color: rgb( 78%, 82%, 90%) ;  /* was rgb( 75%, 80%, 90%) */
	}

.casualty_table td {
	border: 0px #888 solid ; 
	text-align: center ;
	padding-top: 0.4em ;
	padding-left: 1em ;
	padding-right: 1em ;
	padding-bottom: 0.4em ;
	background-color: rgb( 88%, 92%, 100%) ; /* was ( 85%, 90%, 100%) */
	}

.quote {
	border: 1px #000 solid ; 
	padding: 0.5em ;
	margin-top: 0.5em ;
	margin-bottom: 0.5em ;
	margin-left: 5em ;
	margin-right: 5em ;
	line-height: 1.3em ;
	background-color: rgb( 95%, 95%, 95%) ;
	}

.no_screen {
	display: none ;
	}

.screenwidth100 {
	width: 100px;
	}
.screenwidth150 {
	width: 150px;
	}
.screenwidth200 {
	width: 200px;
	}
.screenwidth260 {
	width: 260px;
	}
.screenwidth280 {
	width: 280px;
	}
.screenwidth300 {
	width: 300px;
	}
.screenwidth400 {
	width: 400px;
	}

.greyborder {
	border: #DDD 4px solid; 
	padding: 5px; 
	}

.vertical_align_top td {
	vertical-align: top;
	}

#footer {
	margin-top: 2em ;
	font-size: 65% ;
	}