/* @import "all.css"; */ /* just some basic formatting, no layout stuff */

body {
	font:	12px/1.2 Verdana, Arial, Helvetica, sans-serif; 
	/*	font:	12px/1.2 Georgia, "Times New Roman", Times, serif; */
	/* background:#ddd;*/   /* light gray */
	background:white;   
	padding:0px;
	margin:20px 10px 0px 10px;
	}


/* beginning of new */

/* body {
	margin-top:5px;
	color: black;
	background: white; 
     }
*/	/* Body display settings */
span.pictitle {
	color: #055183;
	background: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-size: 2em;
 	padding:0px;
	line-height: 30px;
	margin:5px 0px 0px 5px;

	}
	/* Picture title display settings */
img.left {
	float: left;
/*	border-width: 5;
	border-color: red;
*/
	margin-right: 10px;
	margin-bottom: 10px;
	}
	/* Left image float settings */
img.right {
	float: right;
	border-width: 5;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	/* Right image float settings */


/* end of new */





div.ImageRow{
	height:  150px;
/*	BACKGROUND-COLOR: #005DA3; */ /* same as background to spectragraph */
	BACKGROUND-COLOR: #055183; */ /* same as background to cutouts */
	margin-bottom: 20px;
	padding: 4px;
}


/* a {
	text-decoration:none;
	font-weight:bold;
	color:#c00;
	}
*/

pre {
	font-size:11px;
	color:blue;
	}
	
.greek {
	color:#999; 
	}
	
.copyright {
	color:#999; 
	}

ol {
	margin-right:40px;
	}
li {
	margin-bottom:10px;
	}

#leftcontent
	{
	float: left;
	left: 0px;
	padding: 0px 0px 0px 0px;
	width: 140px;
	background:#fff;
	/* background:red; */
	margin: 0px 0px 0px 0px;
	height: 150px;   /* doesnt seem to have any effect????*/
	/* BORDER-LEFT: yellow 1px solid; */   /* used to see area */
	/* BORDER-RIGHT: yellow 1px solid; */
	/* BORDER-RIGHT: #C7C7C7 1px solid;  */
	/* BORDER-RIGHT: red 1px solid;      */
	}

#centercontent_2col
	{
	margin: 0px 0px 0px 151px;   /* margin=left width + padding */
	padding: 0px 10px 0px 10px;
	background:#fff;
	BORDER-LEFT: blue 1px solid;
	BORDER-RIGHT: blue 1px solid;
	}

#centercontent_3col
	{
	margin: 0px 200px 0px 150px;
	padding: 0px 10px 0px 10px;
	background:#fff;
	BORDER-LEFT: green 1px solid;
	BORDER-RIGHT: green 1px solid;
	/* BORDER-LEFT: #C7C7C7 1px solid; */
	/* BORDER-RIGHT: #C7C7C7 1px solid; */
	}

#rightcontent
	{
	position: static;
	float: right;
	width: 200px;
	margin: 0px, 0px, 0px, 0px;
	padding: 0px, 0px, 0px, 5px;
	height: 400px;
	BORDER-LEFT: red 1px solid;
	BORDER-RIGHT: red 1px solid;
	/* BORDER-LEFT: #C7C7C7 1px solid; */
	}

/**** Bottom content *******/

#bottomBrownSpacer
{
	border-top: solid 3px #ECE9D9;
	margin-top: 10px;
}

.footer{
    FONT-SIZE: 12px;
    COLOR: #666666;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center;    
}
.footer:link
{
    FONT-SIZE: 12px;
    COLOR: #666666;
    TEXT-DECORATION: none
}
.footer:visited
{
    COLOR: #666666
}
.footer:hover
{
    COLOR: #0054a6;
    TEXT-DECORATION: underline
}

div.copyright
{
	FONT-SIZE: 10px;
	COLOR: #666666;
	TEXT-DECORATION: none;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px;
}

/**** End of Bottom content *******/


/**** Tags for Menu on Left *****/



	div.subNavs{
		WIDTH: 140px;
	}

	div.subNav
	{
		BACKGROUND-COLOR: #ECE9D9;
		PADDING: 2px 0px 2px 15px;
		BORDER-TOP: #FFFFFF 1px solid;		
	}

	div.subNav_rollover
	{
		BACKGROUND-COLOR: #DBD8CB;
		PADDING: 2px 0px 2px 15px;
		BORDER-TOP: #FFFFFF 1px solid;
	}

	div.subNav_active
	{
		BORDER-TOP: #FFFFFF 1px solid;
		BACKGROUND-COLOR: #DBD8CB; 
		PADDING: 2px 0px 2px 9px;
		BORDER-LEFT: #055183 6px solid;
		BORDER-RIGHT: #055183 6px solid;
		/* BORDER-RIGHT: #005DA3 6px solid;  */
		/* BORDER-LEFT: #CC3300 6px solid;  RED */
	}
/*
	div.subChildNav
	{
		BORDER-TOP: #999999 1px solid;
		BACKGROUND-COLOR: #FFFFFF;
		HEIGHT:  18px;
		PADDING: 2px 0px 2px 30px;
		VERTICAL-ALIGN: "middle";
	}
*/
	div.subNavTopBorderGrey{
		BORDER-TOP: #999999 1px solid;
	}
	
	.subNav
	{
		FONT-SIZE: 13px;
		COLOR: #000000;
		TEXT-DECORATION: none;
	}

	A.subNav:link
	{
		COLOR: #000000;
		TEXT-DECORATION: none
	}
	A.subNav:visited
	{
		COLOR: #000000;
		TEXT-DECORATION: none
	}
	A.subNav:active
	{
		COLOR: #000000;
		TEXT-DECORATION: none
	}
	A.subNav:hover
	{
		COLOR: #000000;
		TEXT-DECORATION: none
	}

	.subChildNav
	{
		FONT-SIZE: 13px;
		COLOR: #666666;
		TEXT-DECORATION: none
	}
	A.subChildNav
	{
		COLOR: #cc0033;
	}
	A.subChildNav:link
	{
		COLOR: #666666;
		TEXT-DECORATION: none
	}
	A.subChildNav:visited
	{
		COLOR: #666666;
		TEXT-DECORATION: none
	}
	A.subChildNav:active
	{
		COLOR: #666666;
		TEXT-DECORATION: none
	}
	A.subChildNav:hover
	{
		COLOR: #cc3300;
		TEXT-DECORATION: none
	}

	/*when this is the active page */
	.subChildNav_active
	{
		FONT-SIZE: 13px;
		COLOR: #cc3300;
		TEXT-DECORATION: none
	}


/**** End of Tags for Menu on right *****/


/* Various font faces */
	.pageContentHeader
	{
		FONT-WEIGHT: normal;
		FONT-SIZE: 30px;
		/* FONT-SIZE: 18px; */
		COLOR: #0667bc;
		MARGIN: 0px 0px 10px 0px;
	}
	
	.text_body01
	{
		FONT-SIZE: 12px;
		COLOR: #333333;
		TEXT-DECORATION: none;
	}
	.text_body01:link
	{
		COLOR: #0000ff;
	}
	.text_body01:visited
	{
		COLOR: #800080;
	}
	.text_body01:hover
	{
		COLOR: #0000ff;
		TEXT-DECORATION: none;
	}

/* End of Various font faces  */

/* Miscellaneous */

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0px; 
	padding:0px;
	background:transparent;
	}


#banner {
	background:#fff;
	height:40px;

	/* border-top:1px solid #000; */
	/* border-right:1px solid #000; */
	/* border-left:1px solid #000; */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:39px;
	}
html>body #banner {
	height:39px;
	}
		
		
#banner h1 {
	font-size:14px;
	padding:10px 10px 0px 10px;
	margin:0px;
	}


/*********************/
/*   Font Effects    */
/*********************/

p,h1,pre {
	margin:0px 10px 10px 10px;
	}

h2,h3,h4,h5,h6 {
	margin:0px 10px 20px 10px;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 14px;
	margin-top: 10px;
	margin-bottom: 10px; 
	}

.inp {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	color: brown;
	margin-top: 0;
	margin-bottom: 0;
	}
h1blue {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	COLOR: blue;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #0667bc;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

.pageheading {
	color:#003366; 
	}
.copyright {
	color:#003366; 
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	

/*********************/
/*   Link Effects    */
/*********************/

a:link {
	color: #4682B4;
	background-color: transparent;
	text-decoration: none;
}

a:visited {
	color: #483D8B;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #DA70D6;
	background-color: transparent;
	text-decoration: none;
}

a:active {
	color: #483D8B;
	background-color: transparent;
	text-decoration: none;
}


/*********************/
/*   Button Effects  */
/*********************/

.myButton {
	margin-bottom: 4px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.myButton a:link {
	padding: 4px;
	text-decoration: none;
	width: 130px;
	display: block;
	color: #333366;
	background-color: #CFCFCF;
	border-top: 2px #E9E9E9 solid;
	border-left: 2px #E9E9E9 solid;
	border-bottom: 2px #8E8E8E solid;
	border-right: 2px #8E8E8E solid;

}

.myButton a:visited {
	padding: 4px;
	text-decoration: none;
	width: 130px;
	display: block;
	color: #333366;
	background-color: #CFCFCF;
	border-top: 2px #E9E9E9 solid;
	border-left: 2px #E9E9E9 solid;
	border-bottom: 2px #8E8E8E solid;
	border-right: 2px #8E8E8E solid;

}

.myButton a:hover {
	padding: 4px;
	text-decoration: none;
	width: 130px;
	display: block;
	color: #333366;
	background-color: #CFCFCF;
	border-top: 2px #8E8E8E solid;
	border-left: 2px #8E8E8E solid;
	border-bottom: 2px #E9E9E9 solid;
	border-right: 2px #E9E9E9 solid;

}

.myButton a:active {
	padding: 4px;
	text-decoration: none;
	width: 130px;
	display: block;
	color: #333366;
	background-color: #CFCFCF;
	border-top: 2px #E9E9E9 solid;
	border-left: 2px #E9E9E9 solid;
	border-bottom: 2px #8E8E8E solid;
	border-right: 2px #8E8E8E solid;

}