body					{	padding:0px; margin:0px; 
							background:#FFF;
							color:#FFF;
							font-size:80%;
							font-family: Verdana,Arial,Helvetica,sans-serif;
							text-align:center; }	

/* CENTER div places everything in the center of the page, and has the vertically tileable
blue background with the left and right white borders */

#center					{	width:776px;
							background:#4C83D6 url(images/bg_tile.jpg) repeat-y top left;
							margin-left:auto;
							margin-right:auto }

/* WRAPPER div is used for the content within the centering DIV. Has the whole island and plane
background image non-repeatable, aligned to top left, so that content fills the extra blue space
at the bottom, and the tileable background shows through. 168pixels padding on left shifts everything
to the right for most pages. On home page, elements have a negative margin applied to counteract this*/

#wrapper				{	padding-left:168px;
							text-align:left;
							background:url(images/bg_main.jpg) no-repeat top left }

/* All H tags set to bottom left background alignment and no repeat to use Image Replacement */

h1,h2,h3,h4,h5,h6		{	background-repeat: no-repeat;
							background-position: bottom left;
							color:#FFF }
							
/* For image replacement, H tags contain a span that is hidden when styles are ON. The text within
the SPAN displays when styles are OFF */

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span
						{	display:none }							

/* general tags */

p						{	width:400px }
.floatleft				{	float:left	}
.floatright				{	float:right }
.left					{	text-align:left	}
.right					{	text-align:right }
.clear 					{	clear:left; float:none }


/* FARLEFT paragarph style only used on homepage to shift the intro text to the left */

p.farleft				{	margin-left:-131px; }

p.textcol				{	width:388px;	}

ul.listcol				{	width:388px;	}

/* SEARCH class used only for the search button on the home page */

p.search				{	float:right; width:186px; margin-right:14px; padding-top:10px }
p.search a				{	height:25px;
							display:block;
							color:#FFF }
p.search span 			{	display:none }							
p.search a#search		{	background: url(images/button_search.gif) no-repeat bottom center; width:186px }
p.search a#search:hover	{	background: url(images/button_search.gif) no-repeat top center; width:186px }

/* Setup H tags and give specific backgrounds and offsets to ID'd tags */

h1						{	height:34px; margin:0px; padding:0px; padding-top:266px }
h1#welcome				{	padding-top:331px; margin-left:-131px; background-image: url(images/h1_welcome.gif) }
h1#search				{	background-image: url(images/h1_search.gif) }
h1#contact				{	background-image: url(images/h1_contact.gif) }
h1#about				{	background-image: url(images/h1_about.gif) }
h1#register				{	background-image: url(images/h1_register.gif) }
							
/* remove borders from any images */
img						{	border:none }

/* Text anchors that appear within paragraphs are style here */

a						{	color:#ECF4E0; font-weight:bold }
a:visited				{	color:#ECF4E0 }
a:hover					{	color:#FFF }


/* Setup navigation bar at bottom */
							
#navbar					{	background:#2C59B1 url(images/bg_bottom.gif) no-repeat top left;
							height:56px;
							width:776px; }
							
/* Remove all padding and effects from unordered navigation list */

#navbar ul				{	margin:0px;
							padding:0px;
							margin-left:26px;
							list-type:none }
							
/* Make all list items float next to each other horizontally */

#navbar li				{	margin:0px;
							padding:0px;
							display:block;
							float:left	}
							
/* Set anchors to fill the bottom bar and fill each list item */

#navbar a				{	display:block;
							height:46px;
							line-height:46px;
							background:#2C59B1;
							color:#FFF }
							
/* Hide the navigation text if styles are switched on */

#navbar li span 			{	display:none }		
							
/* Each navigation element uses one background image with two distinct halves: each half is exactly half the height
of the image, so switching the positioning from top to bottom 'swaps' the image. The image is not repeated and
centered so that it appears in the center of the anchor. The widths are 20 pixels wider than the actual images,
so that the background color shows through the 'invisible' left/right margins, creating space around the image */

#navbar a#home				{	background:#2C59B1 url(images/button_home.gif) no-repeat bottom center;	width:56px }
#navbar a#home:hover		{	background:#4C83D6 url(images/button_home.gif) no-repeat top center; }

#navbar a#register			{	background:#2C59B1 url(images/button_register.gif) no-repeat bottom center;	width:74px }
#navbar a#register:hover	{	background:#4C83D6 url(images/button_register.gif) no-repeat top center; }

#navbar a#about				{	background:#2C59B1 url(images/button_about.gif) no-repeat bottom center; width:80px }
#navbar a#about:hover		{	background:#4C83D6 url(images/button_about.gif) no-repeat top center; }

#navbar a#contact			{	background:#2C59B1 url(images/button_contact.gif) no-repeat bottom center; width:69px }
#navbar a#contact:hover		{	background:#4C83D6 url(images/button_contact.gif) no-repeat top center; }

#navbar a#email				{	background:#2C59B1 url(images/button_email.gif) no-repeat bottom center; width:147px }
#navbar a#email:hover		{	background:#4C83D6 url(images/button_email.gif) no-repeat top center; }

/* FOOTER */

#footer						{	font-size:0.80em;
								width:776px;
								margin-left:auto;
								margin-right:auto }
								
#footer p					{	color:#2C59B1; width:auto; padding-left:20px; padding-right:20px }								

#footer a,#footer a:hover,#footer a:visited
							{	color:#2C59B1 }
							
/* Flights list. Constructed as unordered lists, like the navigation bar. They are set to float next
to each other for a maximum of three columns. */

ul.flights					{	list-style-type: none;
								margin:0px;
								padding:0px;
								float:left; }

ul.flights li				{	margin:3px;
								padding:0px }

ul.flights a				{	display: block;
								background:url(images/icon_plane_light.gif) no-repeat center left;
								color:#FFF;
								font-weight:bold;
								font-size:0.90em;
								text-decoration:none;
								padding:1px;
								padding-left:25px;
								width: 120px;
								line-height:22px }
								
ul.flights a:visited		{	color:#FFF }
ul.flights a:hover			{	background:#2C59B1 url(images/icon_plane_dark.gif) no-repeat center left }

/* FLIGHT DETAILS TABLE */
/* Styles for the 'book flights' button within the last row of the table */

a.bookbutton				{	display: block;
								background:url(images/button_book.gif) no-repeat top right;
								color:#FFF;
								width: 160px;
								height: 17px }
								
a.bookbutton:hover			{	display: block;
								background:url(images/button_book.gif) no-repeat bottom right; }

a.bookbutton span			{	display:none }								

/* General styles for the table and text content */

table.flightdetails p		{	margin:0px; padding:0px; width:auto }

table.flightdetails			{	width:440px;
								empty-cells: show;
								margin-top: 12px }
								
/* Specific styles for individual rows and cells */

table.flightdetails  th 		{	background-color:#2C59B1;
									font-weight:bold;
									color:#FFF }
									
table.flightdetails  td 		{	border-top:3px solid #4C83D6 }									
								
table.flightdetails tr.row1	td	{	background:#3F71C6;
									color:#FFF;
									font-size:0.70em;
									text-align:center }
								
table.flightdetails tr.row2	td	{	background:#DDE9D3;
									color:#2C59B1;
									font-size:0.85em;
									font-weight:bold;
									text-align:center }
								
table.flightdetails tr.row3	td	{	background:#C8EAF5;
									color:#2C59B1;
									font-size:0.85em;
									font-weight:bold;
									text-align:center }
									
/* Form elements */

table.form td					{	vertical-align:top }

input,textarea					{	background:#C8EAF5;
									color: #2C59B1; color:#000;
									border-top:1px solid #FFF;
									border-left:1px solid #FFF;									
									border-bottom:1px solid #2C59B1;
									border-right:1px solid #2C59B1;
									padding:2px; }
									
input.button					{	font-weight:bold;
									background:#DDE9D3;
									font-size:0.80em }
									
a.sendbutton				{	display: block;
								background:url(images/button_send.gif) no-repeat top left;
								color:#FFF;
								width: 89px;
								height: 17px }
								
a.sendbutton:hover			{	display: block;
								background:url(images/button_send.gif) no-repeat bottom left; }

a.sendbutton span			{	display:none }