/* Style sheet for Stratolab.com - screen */

	body	
	{
		font-family: "Trebuchet MS", Tahoma, sans-serif;
		font-size: small; /*11pt;*/
		color: #000000;
		background-color: #CED4E7;
		margin: 0;
	}
	h1 {
		font-size: 18pt;
		}
	h2 {
		font-size: 14pt;
		}
	h3 {
		font-size: 12pt;
		margin-bottom: .2em;	/* Make definition lists look better */
		}
	a {
		color: #663333;
		}
	
	table {
		color: #000000;
		vertical-align: top;
		font-size: small;	/*11pt;*/
	}
	img {
		border: 0;
	}
	tt {
		font-family: "Monaco", "Courier New", "Courier", mono;
	}

/* Navigation Area at Top */

	.navbar	{
		padding: 0 25px;
/*  Overriddent by members.css
        background-image: url(/static/images/masthead.gif);
*/
		color: #FF9900;
		background-color: #011248;
		background-position: right top;
		background-repeat: no-repeat;
		font-size: 12pt;
	}
	
	.navbar a {
		color: #F90;
		text-decoration: none;
	}
	.navbar a:hover {
		text-decoration: underline;
	}

	/* Tabs in the navbar area */
	.navbarTabOn {
		background-color: #CED4E7;	/* sky color */
		text-decoration: none;
		font-weight: bold;
	}
	.navbarTabOn span, .navbarTabOn a  {
		color: #930;
	}
	.navbarTabOff a {
		color: #F90;
	}
	

/* Content area in middle */

	.content	
	{
		margin: 0 25px;
		max-width: 600px;
	}

	.content td {
		background-color: #CED4E7; /* sky color */
		vertical-align: top;
	}
	

	.signature {
/*		margin-left: 50%;*/
		text-align: right;
		font-style: italic;
	}

	/* Navigation Area under tabs */
	.contentNavOn, .contentNavOn a {
		color: #930;
		background-color: #CED4E7;
		text-decoration: none;
		font-weight: bold;
		font-size: 12pt;
	}
	.contentNavOn a:hover {
		text-decoration: underline;
	}
	
	.contentNavOff, .contentNavOff a {
		color:#000000;
		text-decoration: none;
		font-size: 12pt;
	}
	.contentNavOff a:hover {
		text-decoration: underline;
	}
	
	/* Some whitespace around photos of people */
	.photoRight {
		margin: 5px 15px 5px 15px;
		float: right;
	}
	.photoLeft {
		margin: 5px 15px 5px 0px;
		float: left;
		clear: left;
	}


	/* Hide navbar area when printing */
	@media print {
		.navbar, #submenu	{
			display: none;
		}
	}
/* Related to errors and runtime messages. */


	/* 	messagebox is for messages that appear at the top of pages usually
		in response to some action like successfully submitting a form. 
	*/
	.messagebox	
	{
		background-color: #ffffff;
		font-weight: bold;
		text-align: center;
		padding: 10px;
		border-color: #090;
		border-width: medium;
		border-style: solid;
	}
	/* 	errorbox is similar to messagebox.  It's for errors that appear in a box
		at the top of the form. 
		See also the errortext class which is for messages within the form.
	*/
	.errorbox {
		color: #ffffff;
		background-color: #990000;
		padding: 10px;
	}
	
	/* error is the class for widgets that have an error inside them.  This is 
		set automatically by FormKit. 
	*/
	.errorflag	
	{
		color: #990000;
		border-color: #900;
		border-width: thin;
		border-style: solid;
		padding: 2px;
		margin: 0;
	}

/* This class is used for forms. */
	.BlueForm	
	{
	}
	.BlueForm table	
	{
		padding: 4px;
		background: #C3C9DB;
	}
	.BlueForm th {
		background: #C3C9DB;
		padding: 2px;
	}
	.BlueForm td				
	{
		background: #C3C9DB;
		padding: 3px;
	}
	
/* This class has faint blue line between each row, but no lines between the columns.  
	Use it for lists of things such as search results. */
	.blueHorizTable table	
	{
		background: #9ac;
	}
	.blueHorizTable th {
		background: #9ac;
		padding: 2px;
	}
	.blueHorizTable td				
	{
		padding: 3px;
		border-color: #9ac;
		border-width: 1px 0 0 0;
		border-style: solid;
	}

/* This class has light blue lines between each cell.  You must have cellspacing="1"
	in your table to make the lines actually thin though.
*/
	.tableThinLines {
		background-color: #9ac;
	}
	.tableThinLines td				
	{
		background-color: #CED4E7;
	}

/* Footer at bottom */

.footer {
	margin: 25px;
	font-size: 7pt;
	color: #666;
	max-width: 600px;
}

.rightSideBar
{
	position: relative;
	float: right;
	width: 120pt;
	
/*	border-color: #818181;
	border-width: 0 0 0 1pt;
	border-style: solid;
	padding: 0 0 0 10pt;
*/
	margin: 0 0 0 20pt;
}

/* Definition styles from: http://www.moronicbajebus.com/playground/cssplay/dl/ */
	dl{
		position: normal;
		float: left;
		
		width: 97%; 
	/*				padding: 1%;
		margin-left: -1em; /*Push it over to the left.*/ 
	/*				margin-bottom: 1em;*/
	   } 
	dl dt{ 
		float: left;
		clear: left; 
		width: 25%; 
		
		padding: .2em 0.5em 0.2em .5em; 
		/*The -1px on the right margin pulls 
		the dd over top of it by 1px.*/ 
		/*The Overlap is because they
		 both create the middle border and 
		by overlapping them it does not matter
		 if the dt or the dd are longer.*/ 
		margin: 0 -1px 0 0;    
		
		font-weight: bold; 
	} 
	dl dd{ 
		width: 60%; 
		padding: 0em 4.5% 0em 5%; 
		float: left;
		margin: 0 ; 
		clear: right; /*Forces the dd to break to the next line.*/
	} 
	/*Creates the horizontal border between each *row*.*/
	dl> dd + dt,
	dl > dd + dt + dd {
		border-top: 1px #abd solid;
	}