/* ----- NORMALIZING SECTION - THANK YOU, ANDY CLARKE -----  */

/* Normalize margin, padding  */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalize font size for headers  */
h1,h2,h3,h4,h5,h6
{ font-size: 100%; }

/* Remove list-style from lists  */
ol, ul
{ list-style : none; }

/* Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes table stuff  */
table 
{ border-collapse : collapse; border-spacing: 0; }

/* Removes border from fieldset and img  */
fieldset, img
{ border : 0; }

/* Left-aligns text in caption and th  */
caption,th
{ text-align : left; }

/* Removes quotation marks from q */
q:before, q:after 
{ content:''; }

/* ----- =blocktext ----- */
h2, h3, h4, h5, p, ul {
	margin: 0;
	padding:0;
}

html {
background: #0b3e88 url(images/bg.jpg) repeat-x;
}

body {
	position: relative;
	width: 965px;
	margin: 47px auto 0 auto;
	padding-top: 10px;
	
	background: #0b3e88 url(images/content_bg.jpg) repeat-y;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #093472;


}
div#container {
	width: 965px;
	margin: 0 auto;
	padding-left: 20px;

}
ul#nav_access {

text-indent:-9999px;
display: none;
}

h3 {
	padding-top: 16px;
}

/* ----- =brand ----- */
div#branding h1 {
	width: 965px;
	height: 185px;
	text-indent: -9999px;
	background: #fff url(images/brand.jpg) no-repeat;
	margin: -12px 0 0 -20px;
}

div#branding p {
	width: 0;
	height: 0;
	display: none;
}
/* ----- =nav ----- */
#navigation{
	position: relative;
	left: 0px;
margin:;
padding:;
width: 925px;
height: 68px;
background: #fff url(images/nav_bg.jpg) no-repeat; 
border-bottom: solid 10px #000;
}

#nav {
	position: absolute;
	top:43px;
	left:175px;
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
	
  list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 25px 0 0 3px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -25px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -50px;
	}

#thome a  {
	width: 95px;
	background: url(images/thome.jpg) top left no-repeat;
	}
#tservices a  {
	width: 126px;
	background: url(images/tservices.jpg) top left no-repeat;
	}
#tabout a  {
	width: 126px;
	background: url(images/tabout.jpg) top left no-repeat;
	}
#ttools a  {
	width: 100px;
	background: url(images/ttools.jpg) top left no-repeat;
	}
#tcontact a  {
	width: 120px;
	background: url(images/tcontact.jpg) top left no-repeat;
	}
body#home #thome a, body#services #tservices a, body#about #tabout a, body#tools #ttools a, body#contact #tcontact a  {
		background-position: 0 -50px;
	}
/* ----- =nav-supp ----- */

#nav2 {
	clear:both;
	position: relative;
	left: 0px;
  width: 755px;
  font-size: 1.3em;
  height: 1.8em;
	background: #0b3e88 url(images/nav-supp-bg.jpg);
	color: #efefef;
	font-family: arial, helvetica, san-serif;
	padding-left: 170px;


	
}
#nav2 ul {
	display: inline;
}
#nav2 li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}

#nav2 a:link, #nav2 a:visited {
	float: left;
	padding: .1em .4em 0 1.2em;
	text-decoration: none;
	overflow: hidden;
	color: #8b9ec4;
	background: url(images/nav-supp-post.jpg) no-repeat;
	display: inline;
	}

#nav2 a:hover, #nav2 a:active {
	color: #efefef;
}

div#nav-supp li#fix-me a {
	text-decoration: none;
	cursor: default;
	}
/* ----- =shelf ----- */
#shelf {
	position: relative;
	top: 0px;
	left: 20px;

	padding:0;
	margin:0;
	background: ;
	height: 4.4em;
	
	background:transparent url(images/time_bg.jpg) no-repeat -20px 0;

}
#shelfHide {
	position: relative;
	top: 0px;
	left: 10px;
	height: 40px;
	width: 865px;
	text-indent: -9999px;
	font-size:1.2em;
	line-height:12px;
	padding:0px;
	margin:0px 48px 0 22px;
	background: url(images/time_button_c.jpg) no-repeat;
	outline: none;
}
#shelfHide a {
	height: 40px;
	width: 200px;
	margin-left: 600px;
	display: block;
	outline: none;
}
#shelfHide a:hover {
	
	background: url(images/time_button_c_hover.jpg) no-repeat;
	background-position: -600px 0;
}

#shelfShow {
	position: relative;
	top: 0px;
	left: 10px;
	height: 40px;
	width: 865px;
	text-indent: -9999px;
	font-size:1.2em;
	line-height:12px;
	padding:0px;
	margin:0px 48px 0 22px;
	background: url(images/time_button_o.jpg) no-repeat;
	outline: none;
}
#shelfShow a {
	height: 40px;
	width: 200px;
	margin-left: 600px;
	display: block;
	outline: none;
	}
#shelfShow a:hover {
	
	background: url(images/time_button_hover.jpg) no-repeat;
	background-position: -600px 0;
}

/* ----- =times table ----- */
#timesdiv {
		padding: 0 20px 0 20px;
	font-size:1.2em;
	line-height:18px;
}
table.timex
  {  
  margin-top: 4px;
     font-family:"arial black", arial, helvetica, san-serif;
     font-size:1.4em;
     width:847px;
     z-index: 1;
     }

  th.timex
  {
     font-size:10pt;
     color:white;
  }


  tr.timex
  { 
  }

  td.timex
  {  
     font-size:.8em;
     
     padding-top: .1em;
     text-align:center;
  }
  tr.timexr1 { color: #5587cf;
  }
  tr.timexr2 { color: #cf8760; 
  }

#content {
width: 100%;
}
	
#primaryContent{
float: left;
width: 570px;
padding: 1em 30px 1em 30px;
font-size: 1.2em;
}

#primaryContent p{
line-height: 1.5em;
padding: 5px 0;
}


#contentintro h2 {
padding: 5px 0;
}

#contentintro img {
	float: right;
}

#secondaryContent{
float: right;

width: 250px;
margin-top: 2em;
padding: 0;
border-left: 1px solid #aac3e6;
font-family: Georgia, Times New Roman, serif;
font-size: 1.3em;
color: #093472;
padding-right: 63px;
padding-left: 20px;
}

#secondaryContent h3{
padding: 0 0 5px 0;
width: 240px;
}
#secondaryContent h4{
	clear: both;
padding: 5px 0;
width: 240px;
}
#secondaryContent a:link, #secondaryContent a:visited {
	color: #006;
	text-decoration: underline;
	font-weight: bold;
}
#secondaryContent a:visited {
	color: #666;
}
#secondaryContent a:hover, #secondaryContent a:active {
	color: #c00;
	text-decoration: underline;
	font-weight: bold;
}

#secondaryContent img {
	float: left;

}
#secondaryContent p{
	line-height: 1.4em;
	padding: 5px 0;
}
#securitylink {
	float: right;
	text-align: right;
	padding: 0 20px 20px 0;
	}
#securitylink a:link, #securitylink a:visited {
	color: #093472;
	text-decoration: underline;
}
#securitylink a:hover, #securitylink a:active {
	color: #cc0000;
	text-decoration: underline;
}

#myDiv {
	background: #ebebeb;
	margin: 2em 0;
	min-height: 120px;

}
#myDiv h2, #myDiv p {
	padding: 5px 0;
	margin: 0 14px;
}
#myDiv p {
	
	font-size: 1.1em;
	color: #5a523c;
	font-weight: bold;
}

img#moxy {
	
}


ul.bullets {
	padding: 10px 0;
	}

.bullets li { 
list-style-type: square;
margin-left: 30px; 
}

/* ----- =columns ----- */
#services_columns{
	position: relative;

	width: 965px;
	clear: both;
margin-right: 10px;
padding-top: 20px;
}
div#ground, div#air, div#onboard {
	float: left;
	min-height: 12em;
	width: 259px;
	margin-right: 41px;
	padding-bottom: 1em;
	background: #ebebec;
}
div#ground {
	margin-left: 32px;
}
div#onboard {
	margin-right: 0;
}
div#ground h3, div#air h3, div#onboard h3 {
	min-height: 20px;
	padding-top: 8px;
	margin:0;
	text-align: center;
	text-transform: uppercase;
	color: #efefef;
	font-size: 1.2em;
	font-family: arial, helvetica, san-serif;
	background: #10438e url(images/servicesheader_bg.jpg) no-repeat;
}
div#ground h3:hover, div#air h3:hover, div#onboard h3:hover {
	
	background: #10438e url(images/servicesheader_bg_black.jpg) no-repeat;
}
div#ground p, div#air p, div#onboard p {
	padding: 10px 15px;
	font-size: 1.3em;
	font-family: Georgia, Times New Roman, times, serif;
}
div#ground a:link, div#ground a:visited, div#air a:link, div#air a:visited, div#onboard a:link, div#onboard a:visited {
	color: #c00;
	text-transform: uppercase;
	float: right;
	padding: 10px 15px;
	font-size: 1.2em;
	font-weight: 800;
	font-family: Georgia, Times New Roman, times, serif;
}
div#ground a:hover, div#ground a:active, div#air a:hover, div#air a:active, div#onboard a:hover, div#onboard a:active {
	color: #0b3e88;
}

/* ----- =footer stuff ----- */

#footer{
	clear: both;
		background: url(images/footer_bg.jpg) no-repeat left bottom;
	text-align: center;
}


#nav_footer li {
	float: left;
	display: inline;
	padding: 0px 7px;
}

ul#nav_footer {
	
	padding: 20px 20px 20px 330px;
}
#moxylink {
	}
img#moxy {
	position: relative;
	top: 30px;
	
}

#nfo_more ul {
	padding: 20px 10px;
}
#nfo_more li {
	padding: 10px 10px;
}
#charter_alternative p {
	padding: 6px 20px 0 20px;
}
#charter_alternative {
	margin-top: 14px;
}

/* ----- the form from http://www.websiteoptimization.com/speed/tweak/forms/css.html ---- */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: .8em verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 200px;
  max-width: 250px;
  width: 250px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 0px;
  border-style: solid;
  padding: 0px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 220px; 
	padding: 0 0 0 10px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

/* form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
/*	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
/* }  */

form fieldset legend {
	font-size:1.2em; /* bump up legend font size, not too large or it'll overwrite border on left */
  
  font-weight: 800;                     /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 10px 0 5px 4px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/* ----- end form styling ----- */

body#services #contentintro img {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
}


body#password-page #content_control {
	height: 400px;
}