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

	body
	{
		font-family: "Comic Sans MS", Tahoma, sans-serif;
		font-size: small;
		/*11pt;*/
		color: #000000;
/*		background-color: #C3D9E4;*/
		background-color: #fff;
		margin: 0;
	}
	h1
	{
		color: #B06316;
		font-size: 22pt;
	}
	h2 {
		color: #B06316;
		font-size: 18pt;
		}
	h3 {
		color: #B06316;
		font-size: 12pt;
		margin-bottom: .2em;	/* Make definition lists look better */
		}
	a {
		color: #3C3049;
		}
	
	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;
		background-image: url(/static/inquiry_team/blue.jpg);
		color: #3C3049;
		/*		background-color: #AAC9DD;*/
		background-position: left top;
		background-repeat: repeat-x;
	}

	.navbar h1{
		color: #fff;
	}
	
	.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: 700px;*/
		width: 510pt;
		
/*		border: solid 1px pink;*/
	}

	.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;
	}
	.contentNavOn a:hover {
		text-decoration: underline;
	}
	
	.contentNavOff, .contentNavOff a {
		color:#000000;
		text-decoration: none;
	}
	.contentNavOff a:hover {
		text-decoration: underline;
	}
	
	.content td {
/*		background-color: #CED4E7;*/ /* sky color */
		background-color: #fff;
		vertical-align: top;
	}
	
	/* Some whitespace around photos of people */
	.photoRight {
		margin: 5px 15px 5px 15px;
		float: right;
	}
	.photoLeft {
		margin: 5px 15px 5px 0px;
		float: left;
	}


/* 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 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: #fff;
		background-color: #CED4E7;*/
	}
	.tableThinLines th
	{
		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;
}


/* Pages which need emphasis, or which have few lines so they need to be spaced out more. */

.larger li {
    font-size: large;
    line-height: 150%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.larger{
    font-size: large;
    line-height: 150%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}