/* -------------
GENERAL STYLING
---------------- */
html {
	margin: 0;
	padding: 0;
	border: 0;
	}


body {
	width: 763px;
	margin: 0 0 0 0;
	padding: 0;
	}

#pagetop {
	width: 763px;
	margin: 0 0 16px 0;
	padding: 0;
	}
	

#logo { 
	float: left;
	margin: 15px 0 0 14px;
	}

#logo img {
	margin-bottom: 14px;
	}
#globaltools { 
	width: 29em;
	float: right;
	margin: 10px 0 5px 0;
	}
	
#gt1 {
	width: 4em;
	height: 40px;
	float: left;
	margin: 0 .5em 0 0;
	border-right: 1px solid #ccc;
	}
	
#gt2 {
	width: 10em;
	height: 40px;
	float: left;
	margin: 0 .5em 0 .5em;
	padding: 0 .5em 0 0;
	border-right: 1px solid #ccc;
	}
	
#gt3 {
	width: 11em;
	height: 40px;
	float: left;
	margin: 0 .5em 0 1em;
	}
	
/* --------------
COLUMNS LAYOUT
----------------- */
#column-wrap {
	width: 545px;
	position: relative;
	}
#sidelinks {
	width: 180px;
	position: absolute;
	left: 0;
	top: 0;
	}
#bodytext {
	width: 545px;
	position: absolute;
	left: 180px;
	top: 0;
	}
#sidebar {
	margin-left: 545px;
	width: 218px;
	}

#sidelinks-content { 
	margin: 0 0 0 10px;
	padding: 27px 20px 24px 0;
	border-right: 1px solid #999; 
	}
#bodytext-content {
	margin: 0 20px 40px 20px;
	padding: 0; 
	}
#sidebar-content {
	margin: 0 10px 0 0; 
	padding: 0; 
	}
	
#sidebar-content > p:first-child { margin-top: 0 } /* makes sure right column top-aligned if <p><img starts it */

#column-padding-after {
	display: none;
	}
#pagebottom {
	height: 10px;
	width: 563px;
	font-size: 1px;
	line-height: 0px;
	position: absolute;
	border-bottom: none;
	margin-left: 100px;
	top: 2000px;
	display: none; /* javascript takes care of display and position */
	}
   
/* -------------------------------------------
	tabs
   ------------------------------------------- */
	
#tabimage { 
	margin: 0;
	padding: 0;
	width: 763px;
	clear: left;
    }

#tabs { 
	margin: 0;
	padding: 0;
	width: 783px;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
    }
    
.tab { position:absolute; top: 0; height: 25px; }  
.tab a { display:block; background-color: #fff; }
.tab a:link { background-color: #fff; }
.tab a:visited { background-color: #fff; }
.tab a:hover { background-color: #cbfc64; }
.tab a:active { background-color: #fff; }

#tab-seatac    { width: 161px; left: 0; }
#tab-seaport   { width: 122px; left: 161px; }
#tab-business  { width: 126px; left: 283px; }
#tab-community { width: 142px; left: 409px; }
#tab-about     { width: 113px; left: 551px; }
#tab-news      { width: 99px;  left: 664px; }


#toplinks {
	clear: left;
	width: 763px;
	margin: 0;
	padding: 5px 0 5px 0;
	background-color: #f4f4f0;
	border-bottom: 1px solid #ccc;
	}




/* -------------------------------------------
	Some styles tucked away here, to simplify
	the big STYLE stylesheets 
   ------------------------------------------- */
   
hr { width: 100%; height: 1px; color: #ddd; border: none; margin-top: 2em; } /* For Internet Explorer */
html>body hr { width: 100%; height: 1px; background-color: #ddd; border: 0px solid #ddd; margin-top: 2em; } /* For Opera and Gecko-based browsers */


/* -------------------------------------------
	toplinks
   ------------------------------------------- */

div#toplinks h4 {
	display: none;
	}
div#toplinks ul {
	margin: 0 10px 0 10px;
	padding: 0;
	}
div#toplinks li {
	font-size: 10px;
	line-height: 16px;
	list-style-type: none;
	display: inline;
	margin: 0 2em 0 0;
	padding: 0;
	}
div#toplinks a { white-space: nowrap; text-decoration: none; }
div#toplinks a:link { color: #339; }
div#toplinks a:visited { color: #339; }
div#toplinks a:hover { color: #c60; }
div#toplinks a:active {  }
 
 
/* -------------------------------------------
	tables
   ------------------------------------------- */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}

td  {
	vertical-align: top;
	text-align: left;
	}

th {
	color: #666;
	align: center;
	background-color: #d5d5d5;
	text-align: center;
	}
	
tr {
	text-align: center;
	}	
tr.headrow {
	background-color: #ddd;
	}
.headrow th {
	border-bottom: 1px solid #aeaeae;
	}
	
table.basic, table.sidehead, table.tophead, table.twohead  {
	background-color: #fff;
	border-top: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 2px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	margin: 0 0 10px 0;
	}

td.novert {
	border: none;
	}
table.novert {
	background-color: #fff;
	border-top: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 2px solid #aeaeae;
	border-left: 1px solid #aeaeae;	
	}

table.basic td, table.sidehead td, table.tophead td, table.twohead td,
table.basic th, table.sidehead th, table.tophead th, table.twohead th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aeaeae;
	}

table.sidehead th {
	text-align: left;
	}

tr.altrow {
	background-color: #ebebeb;
	}
tr.altrow th, tr.altrow td.totals {
	background-color: #acacac;
	}
tr.totals td {
	font-weight: bold;
	border-top: 1px solid #c1c1c1;
	background-color: #ddd;
	}
td.totals {
	font-weight: bold;
	background-color: #ddd;
	}
td.highlight, tr.highlight {
	background-color: #FD7;
	}
.altrow td.highlight, .altrow tr.highlight {
	background-color: #EC6;
	}
td.num {
	text-align: right;
	}


/* CSS HACK:  position:relative needed by IE6 */ 
/*/*/
.infobox, #topbox { 
	p\osition: relative; 
	}
/* */