@media screen, print {
/*---Background Settings---*/
body 		{ background-image: url(mainbanner.jpg);
		  background-repeat: no-repeat;
		  background-position: center;
		  background-color: rgb(209,238,238);
		  background-repeat: no-repeat;
		  background-position: left top;
		}
}

/*---Link Properties---*/


a:link		{ color: rgb(0,0,255); /*---blue---*/
		  text-decoration: none; 
		}
a:visited	{ color: rgb(0,0,255); /*---blue---*/
		  text-decoration: none;
		}
a:active	{ color: rgb(0,0,255); /*---blue---*/
		  text-decoration: none;
		}
a:hover		{ color: rgb(173,216,230); /*---lightblue---*/
		  background-color: rgb(0,0,255); /*---blue---*/
		  text-decoration: none;
		}
a.styl:hover	{ color: rgb(0,0,255);
		  text-decoration: none;
		}

/*---Drop-shadow Effect---*/
h1.title	{ color: rgb(135,206,235); /*---skyblue---*/
		  font-size: 28pt;
		  position: absolute;
		  left: 232px;
		  top: 191px;
		  font-family: sans-serif;
		  text-align: center;
		  z-index: 2;
		}

h1.shadow	{ color: rgb(0,0,128); /*---navy---*/
		  font-size: 28pt;
		  font-family: sans-serif;
		  position: absolute;
		  left: 235px;
		  top: 194px;
		  z-index: 1;
		}  

/*--Navigation Bar---*/

.nav		{
		 position: absolute;
		 top: 300px;
		 left: 50px;
		 margin-right: 80%;
		 padding-top: 135px;
		 padding-left: 10px;
		 padding-bottom: 250px;
		 background-color: rgb(209,238,238);
		 color: rgb(173,216,230); /*---lightblue---*/
		}
.content	{
		 position: absolute;
		 top: 200px;
		 left: 220px;
		 margin-right: 20%;
		 }

/*---Headings---*/

h2		{ font-size: 21pt;
		  font-family: sans-serif;
		}
h3		{ font-family: sans-serif;
		  font-size: 18pt;
		  line-height: 1.5;
		}
h4		{ font-family: sans-serif;
		  line-height: 1.5;
		  font-size: 16pt;
		}

/*---Contents---*/
p		 { line-height: 1.5;
                   font-size: 15pt;
		   font-family: sans-serif;
		 } 
p.footer	 { font-family: sans-serif;
		   font-size: 12pt;
		 }

ul		 { list-style-type: square;
		   line-height: 1.5;
		   font-family: sans-serif;
	 	   font-size: 14pt;
		 }
ol		 { list-style-type: decimal;
		   line-height: 1.5;
		   font-family: sans-serif;
		   font-size: 14pt;
		 }
li		 { font-size: 14pt;
		   font-family: sans-serif;
		   line-height: 1.5;
		 }

/*---Classes and Spans---*/
.sub		{ vertical-align: sub;
		}
.smallcaps	{ font-variant: small-caps;
		}
.i		{ font-style: italic;
		}
.u		{ text-decoration: underline;
		}
.b		{ font-weight: bold;
		  color: rgb(255,0,0); /*---red---*/
		}
.emph		{ font-weight: bold;
		}
.name		{ font-family: sans-serif;
		  font-size: 12pt;
		  font-weight: bold;
		  font-style: normal;
		}
.optional	{ color: rgb(255,0,255);
		}
.complete	{ color: rgb(0,0,128); /*---navy---*/
		  font-weight: bold;
		}
.planning	{ color: rgb(10,10,240); /*---blue---*/
		  font-weight: bold;
		}	

/*--------Table for layout------------*/
table.layout	{ border: 0px;
		  padding: 0px;
		  margin: 0px;
		  position: absolute;
		  top: 1px;
		  font-family: sans-serif;
		} 
table.itinerary	{ rules: rows;
		  border: 5px;
		  padding: 0px;
		  margin: 10px;
		} 
td.padded	{ padding: 15px;
		}

div.nat		{ position: absolute;
		  visibility: visible;
		  z-index: 2;
		  left: 1px;
		  top: 200px;
		  width: 160px;
		}