/* John Scarry 2003                              */
/*   Copied and modified with permission from    */
/*   http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html  */

/* @import url(reset.css);*/


body, #page
{
	min-width: 1200px;
	margin: 0;
	padding: 0;
 	font-family: "Helvetica Neue", Tahoma, "Lucida Grande", Helvetica, sans-serif;
 	font-size: 14px; 
	background-color: #FFFFFF; 
}

img {
	border: 0px;	/*Required for Firefox */
}

/* this is the overall container for the page */
div#container {
   	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;     
	padding-right: 0px; 
   color: #34598D;
}

#header {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#subcontainer {
	 width: auto;
    padding: 0 6px .5em 12px;
	overflow: visible;
	min-width: 1230px;
	clear: both!important;
	top:0em!important;
	margin-bottom:1em!important;
  }
  
/* this is the box that the info appears in */
div#content, div#content900W {
	position: relative; 
	top: 0px; 
	left: 180px; 
	width: 800px;
	padding-top: 10px;
	color: #36455A;
	/*border: solid #25397A;;  */
   }
   
div#content900W {
	width: 900px;
}

div#rhs {
	float: right;
	width: 160px;
	}


div#rhs h1 { 
		padding: 10px; 
		margin: -10px -10px 0.5em;
		font: bold 25px sans-serif; 
		height: 28px; 
		vertical-align: middle;
		white-space: nowrap;
	}
	
/* this is the box that the info appears in on the Misc pages */
div#contentMisc {
	display: block;
	text-align: center;
   }
   

/* This is the content of the articles */
.postmetadata, .shaded_bg, .shaded_box {
	font: 12px Verdana, sans-serif; 
	padding: 10px;
	background-color: #FFFFFF; /* #DDDDEE; */
	}

.postmetadata {
	font-size: 11px;
	}

.shaded_box {
	border: solid #25397A;
	}

div#content p {
	margin: 10px 1em 1em;
	}

div#content h1 {
		text-align: left; 
		background: #FFFFFF;  /*#46527A; */
		color: #BBBBCC; 
		/*letter-spacing: 0.5em; */ 
		/*text-transform: lowercase; */ 
		padding: 10px 0 5px 5px; 
		margin: -10px -10px 0.5em;
		font: bold 25px sans-serif; 
		height: 28px; 
		vertical-align: middle;
		white-space: nowrap;
	}
	
div#content h1 a, div#content h1 a:visited {
    color: #BBBBCC;
    text-decoration: none;
	}

div#content h2 {
	background-color: #FFFFFF;
	font-size: 140%;
	margin-bottom: 0em;
	}
	
div#content h3{
	background-color: #FFFFFF;
	font-size: 120%;
	margin-top: 10pt;
	margin-bottom: 0em;
	}

div#content h4{
	background-color: #FFFFFF;
	font-size: 110%;
	margin-top: 24pt;
	margin-bottom: 0em;
	}
	
div#content h6 {
	text-align: center; 
	background: #FFFFFF; 
	font: bold 15px sans-serif; 
	}
	
div#content hr {
	color: #002244; 
	}
	
div#content th, td {
	text-align: left; 
	}

div#content review{
	background-color: #FFFFFF;
	font-size: 100%;
	margin-top: 10pt;
	margin-bottom: 0.25em;
	}
	

div#content a:link {
	color: #25397A; /* #47394B; */
	}
div#content a:visited, .entry a:visited {
	color: #182F7A;
	}
div#content a:link:hover {
	color: #000; /* #232850; */
	}
	
div#content a:visited:hover {
	color: #8888FF; /*#25397A; */
	}

div#content img {
	border: 0px;	/*Required for Firefox */
	padding: 0px 0px 5px 5px;
}

	
.post h2{
	padding: 30px 5px 10px 0px;
	}

.post h2 a {
	text-decoration: none;
	}
	
.navigation .description {
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	}

.navigation a {
	text-decoration: none;
	}
	
.description {
	width: 780px;
	margin-bottom: 0px;
	}

.indent {
	margin-left: 30px;
	margin-right: 30px;
}

.indented {
	padding-left: 25px;
	padding-right: 80px;
	}
	
	/* the links div is for the links to sections that are on the lhs of the page */
div#links {
	position: absolute; 
	top: 100px; 
	left: 0px;
	width: 160px; 
	min-height: 800px;
	height: 100%; 
	font-size: 100%;
	background: #34598D; 
	/*border-right: 2px solid #34598D;*/
	}

.sublinks {
	margin-top: 20px;
	background: #34598D; 
	font-size: 90%;
	border-right: 1px solid #46527A;
	}
	
#sidebar {
	font-size: 80%;
	background: #34598D; 
}

div#sidebar h2 {
	font-size: 120%;
	color: #FFFFFF;
}
	
div#links li {
	list-style-type: none;
	
	}
	
div#links li a {
	background: #BAC6DF;
	display: block;  /* this forces a line break after each link */
	text-align: left; 
	font: bold 1em sans-serif; 
	padding: 0.25em 0.5em 0.25em 0.25em;
	border-left: 1em solid #7498CC; 
	border-top: 1px solid #7498CC;
	border-bottom: 1px solid #7498CC;
	margin-left: -3.4em;   /* positions the list along left edge */
	color: #25397A;
	text-decoration: none;
	 }
	 
div#links  li a:visited {
 color: #526499;
  }
	 
div#links li a:hover {
	color: #565E7A;
	background: #DDDDEE; 
	}
	

/* this is for the footer-note that it is relative to the container div */
	div.disclaimer	
	{
		position: relative;
		top: 26px;
		left: 180px; 
		width: 800px;
		padding: 10px;
		font: 10px Verdana, sans-serif;
		text-align: center;
		text-transform: inherit;
	}
	
	div.photodisclaimer	
	{
		width: 800px;
   		margin: 0px auto;
		font: 10px Verdana, sans-serif;
		text-align: center;
	}
	
	div#loginBox {
	position: absolute; 
	top: 52px; 
	left: 300px; 
	width:400px;
	}
	
	div#loginBox h3 {
	font: 16px Verdana, sans-serif;
	text-align: center;
	}
	
	div#loginBox p {
	font: 12px Verdana, sans-serif;
	text-align: center;
	}
	
	div#loginError {
	position: absolute; 
	top: 26px; 
	left: 300px; 
	width:400px;
	}
	
	div#printBox {
		width: 8in;
		padding-left: 1in;
		font: 13px Verdana, sans-serif; 
	  background-color: #FFFFFF;
		}
		
	div#printDisclaimer {  
		width: 8in;
		padding-left: 1in;
		font: 9px Verdana, sans-serif; 
		text-align: center; 
		background-color: #AEBCD9;
	}
	
	/* use this class with a span tag to make small tables */
	.pseudo-table {
	white-space: pre;
	font-family: 'Andale Mono', 'Courier New', monospace;
	}
	
/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.caption {
	text-align: center; 
	font-weight: bold;
	font-style: italic; 
	}

.attribution {
	width: 700px;
	text-align: right; 
	color: #002244; 
	font-weight: 900;
	font-style: italic; 
	font-variant: small-caps;
	}	
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0px 0px 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0px 2px 2px 0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* End Images */

/* Inline images JS */
.figure {
  float: left;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
}

.clearBoth, .clearboth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

/* Don't usually want markers on lists */
ul {
	list-style-type: none;
}

ul.nomarker {
	list-style-type: none;
}

.nextButton {
	text-align: right;
}

.prevButton {
	text-align: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.video {
	float: left;
	margin: 5px 5px 5px 10px;
}

pictColumnBooks {
	float: left;
	width: 150px;
	margin-top: 5px;
	padding-left: 5px;
}

img.pictColumnBooks {
	margin-left: 3px;
	margin-right: 3px;
}

.textColumnBooks {
	float: left;
	margin-top: -135px;
	margin-left: 160px;
	margin-bottom: 20px;
	width: 450px;
}

.textColumnBooks h2, .textColumnBooks h3 {
	margin: 0em 0em 0em 0em;
}
.bold, b, strong {font-weight: bold; }
.muchlarger {font-size: 140%; }
.larger {font-size: 120%; }

.smaller {font-size: 90%; }
.smallest {font-size: 80%; line-height: 120%;}
.verysmall {font-size: .5em; line-height: 1em;}

.invisible {
	color: #000000;
}
.clearBoth { clear: both; }

/*Table styles from eCFR for Weather Minimums */
.hang { text-indent: -2em; }
table { empty-cells: show; border-collapse: collapse ; padding-top: .5em; border: 2px solid black ;}
.table_title { 
	font-weight: bold; 
	border:1px solid black;
	text-align: center; 
	padding-bottom: .5em 
}
.table_description { text-align: center; }
.table_cell { border: 1px solid black ; vertical-align: top }
.table_colhed { border: 1px solid black ; vertical-align: bottom }
.table_note { }
.underline  {text-decoration: underline}

/* Table with borders */
.borders table {
	border: 2px solid black ;
	border-collapse:collapse;
	empty-cells: show;
}

.tr_even { background: rgba(190,190,190,.55); }
.tr_odd { background: rgba(190,190,190,.35); }

.indent {
	padding-left: 3em;
	padding-right: 3em;
}