@charset "utf-8"

/*  006300 is standard bold green
	8D0000 is red
	004000 is very dark green
	2CB12C is active limish green
	50B150 is dullish green
	DBEDDD is light green
	FEBABA is light red
	h1 { font-size: 2em; margin: .67em 0 }
	h2 { font-size: 1.5em; margin: .75em 0 }
	h3 { font-size: 1.17em; margin: .83em 0 }
*/

										/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
td, th, caption {
	font-weight: normal;
	text-align: left;
	}
img, fieldset {
	border: 0;
	}
ol {
	padding-left: 1.4em;
	list-style: decimal;
	}
ul {
	padding-left: 1.4em;
	list-style: square;
	}
q:before, q:after {
	content:'';
	}
										/* end reset styles */

html {
	background-color: #006300;
	} 

body {
	background-color: #FFF;
	border: 0px solid blue;
	max-width: 800px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding:  0px;
	text-align: left;
	}

html, body {
    font-family:Georgia,tahoma,arial,verdana;
    font-size:16px;
    line-height: 16pt;
    color:#8D0000;
}

.immerbody {
/*	border: 1px solid #006300;  */
	border-top: 0;
	border-right: 15px solid #DBEDDD; 
	border-bottom: 15px solid #DBEDDD; 
	border-left: 15px solid #DBEDDD; 
/*	margin-top: 20px;  */
	margin-top: 0px;
	margin-left: 0px;;
	margin-right: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: left;
	}


.header {
	color: #006300;
	text-align:center;
	padding-bottom: 10px;
	padding-top: 10px;
	}

ul.navbar a:link {color: #006300; }
ul.navbar a:visited {color: #2CB12C;}
ul.navbar a:hover {
	background-color: #2CB12C;
	color: #DBEDDD;
/*	color: #004000;  */
	text-decoration: none;
	}
ul.navbar a:active {color: #2CB12C;}
	
ul.navbar {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	font-family: Trebuchet MS, sans-serif;
	font-size: 1.0em;
    line-height: 1.0em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	background-color: #DBEDDD;
	border-top: 2px solid #DBEDDD;
	border-bottom: 2px solid #DBEDDD;
	border-left: 0;
	border-right: 0;
	overflow: hidden;
	zoom: 1;
	}

ul.navbar li{
	float: left;
	padding: 0;
	border: 0;
	margin: 0;
	}
	
ul.navbar a{
	color: #004000;
	margin:2px 4px 2px 4px;
	display: block;
	padding: 2px 4px 2px 4px;
	text-decoration:none;
	vertical-align: top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #006300;
	}
	
ul.navbar li:first-child a{
	margin:2px 6px 2px 46px;
	display: block;
	padding: 2px 4px 0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #006300;
	}	

#alphahome #homelink,
#alphaabout #aboutlink,
#alphaimmersions #immersionslink,
#alphaspqm #spqmlink,
#alphajoin #joinlink,
#alphacontact #contactlink {
	background-color: #2CB12C;
	color: #DBEDDD;
	text-decoration: none;
	}

h1, h2, h3 {
	font-family: "Trebuchet", sans-serif;
	color: #006300;
	text-align: center;
	line-height: 1.1em;
	}
	
h1 {
	font-size: 2.4em; 
	margin: 0px 0px 0em 0px;
	border:  1px solid red;
	background-color: #FFF;
	padding: 10px 5px 10px 5px;
	}

	
.immerbody h1 {
	font-size: 2.4em; 
	margin: 0px 0px 0em 0px;
	border:  0px solid red;
	background-color: #FFF;
	padding: 10px 5px 10px 5px;
	}



									/* for immerbody figures  */

.immerfigure {
	text-align: center;
	}
	
.immerfigure img.immerphoto{
	margin: 0 auto 0 auto; 
	max-height: 300px;
	max-width: 450px;
	border: 0;
	}
	
.immerfigure p.caption{
    font-family:Georgia,tahoma,arial,verdana;
    font-size:12px;
    line-height: 12pt;
    color:#8D0000;
	margin: 0.5em;
	max-width: 450px;
	text-align: justify;
	}  

#immer_main_h1 {
	border: 0px solid blue;
	margin: 0 0 0 0;
	}
	
h1.subtitle {
	clear:both; 
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.3em;
    margin: 1.5em 0 1em 0;
    border-top: 0;
    padding: 0;
	}
h2 {
	margin: 2.12em 0 0.5em 0;
	}
	
h2.withsub {margin: 1.12em 0 0.375em 0}
h2.subtitle {
	font-style: italic;
	line-height: 1.12em;
	font-size: 1.2em;
	margin: 0.375em 0 1.12em 0;
	}

h3 {margin: 1.12em 0 0.5em 0}

h4 {
	font-family: "Trebuchet", sans-serif;
	color: #006300;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 1.62em 0 0.5em 0; 
	}
	
p.copyright {text-align: center}
p.photo {text-align: center}
p.center {text-align: center}
p.justify {text-align: justify}
p.nomargin {margin: 0;}
p.bold {font-weight: bold;}
p.indent {margin-left: 3em}

a:link {color: #006300}
a:visited {color:#313131}

p > a:link {
	color: #006300; 
	text-decoration:underline;
	}
p > a:visited {color: #2CB12C; text-decoration:underline;}
p > a:hover {color: #004000; text-decoration:underline; }
p > a:active {color: #2CB12C; text-decoration:underline;}

hr {color: #006300;}

/*test 
h2 > a {text-decoration: none;}


h2 {text-decoration:none;}
h1, h2, h3 > a:hover {color: #004000; text-decoration:underline; } 
*/



ul a:link {color: #006300; }
ul a:visited {color: #2CB12C;}
ul a:hover {color: #004000; text-decoration:underline; }
ul a:active {color: #2CB12C;}
	
ul {
	margin: 0px 0 5px 30px;
	padding: 0;
	list-style-type: none;
	font-size: 1.0em;
    line-height: 1.2em;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 0;
	border-right: 0;
	overflow: hidden;
	zoom: 1;
	}
	
ul li {
	margin: 0 0 0.5em 0;
	}
	
ul a{
	margin:0px 0em 0 0em;
	display: inline;
	text-decoration:none;
	}

ol.references {
	margin: 0px 0 0px 30px;
	list-style-type: decimal;
	list-style-position:  outside;
	font-size: 1.0em;
    line-height: 1.2em;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	border-left: 0;
	border-right: 0;
	overflow: hidden;
	zoom: 1;
	}
ol.references li {
	margin: 0 0 0.5em 0;
	}
	
ol.references a{
	margin:0px 0em 0 0em;
	display: inline;
	text-decoration:none;
	color:#8D0000
	}	
							/* Subheader on Immersions Pages */


.subheader h1 {
	clear: both;	
	font-size: 2.4em; 
	margin: 0px 0px 0em 0px;
	border:  0px solid red;
	background-color: #FFF;
	padding: 25px 5px 0px 5px;
	}	

h1#subtitle {
	clear:both; 
	border: 0px solid blue;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.3em;
    margin: 0;
    padding: 0;
	}

div.subheader h2 {
	border: 0px solid blue;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	}	

.subheader h3 {
	border: 0px solid green;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	}
	
div.rbutton {
	border: 0px solid red;
	display: block;
	padding: 0 0 0 306px;
	margin: 0;
	}
.rbutton a {
 	display: block;
    width: 128px;
 	height: 36px;
 	border: 1px solid #006300;
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #DBEDDD;
	font-family: "Trebuchet", sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
	}
	
.rbutton p{
	margin-top: 0px;
	color: #006300;
	border: 0px;
	font-size: 9px;
    line-height: 12pt;
    font-style: oblique;
	}

.rbutton a:link {color: #006300; }
.rbutton a:visited {color: #2CB12C;}
.rbutton a:hover {
	color: #FFFFFF; 
	background-color:#004000; }
.rbutton a:active {color: #2CB12C;}

.buttonlink {
	border: 0px solid blue;
	display: block;
	padding: 0;
	padding-left:  260px;
	margin: 2px 0 0 0;
	list-style-type: none;
	font-family: "Trebuchet", sans-serif;
	font-size: 1.0em;
    line-height: 1.2em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	}	
.buttonlink a{
	margin: 0;
	background-color: #DBEDDD;
	width: 200px;
	display: block;
	padding: 0.1em 0.8em 0.1em 0.8em;
	text-decoration:none;
	vertical-align: top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #006300;
	}
.buttonlink a:link {color: #006300; }
.buttonlink a:visited {color: #2CB12C;}
.buttonlink a:hover {
	background-color: #2CB12C;
	color: #DBEDDD;
/*	color: #004000;  */
	text-decoration: none;
	}
.buttonlink a:active {color: #2CB12C;}


.buttonindescription {
	border: 0px solid blue;
	display: block;
	padding: 0;
	padding-left:  115px;
	margin: 16pt 0 16pt 0;
	list-style-type: none;
	font-family: "Trebuchet", sans-serif;
	font-size: 1.0em;
    line-height: 1.2em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	}	
.buttonindescription a{
	margin: 0;
	background-color: #DBEDDD;
	width: 200px;
	display: block;
	padding: 0.1em 0.8em 0.1em 0.8em;
	text-decoration:none;
	vertical-align: top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #006300;
	}
.buttonindescription a:link {color: #006300; }
.buttonindescription a:visited {color: #2CB12C;}
.buttonindescription a:hover {
	background-color: #2CB12C;
	color: #DBEDDD;
/*	color: #004000;  */
	text-decoration: none;
	}
.buttonindescription a:active {color: #2CB12C;}


ul.logolist1 {
	border: 0;
	margin: 0px 0px 0px 0;
	float: left;
	padding: 0;
	}
ul.logolist1 li,a {
	border: 0;
	margin: 0;
	padding: 0;
	}
ul.logolist2 {
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
	}
ul.logolist2 li,a{
	border: 0;
	margin: 0;
	padding: 0;
	}


/* Immersions Logo is 504x216 or 350x150 or 338x145*/
img#immerlogo {
	display: inline;
	border: 0px solid red;
	margin: 0px auto 0 0px;
	padding: 0 0 0 0;
	float: left;
	vertical-align: top;
	max-height: 145px
	}
	
/* AAPT Logo is 144x133 or 81x75 or 78x72*/
img#aaptlogo {
	border: 0px solid red;
	margin: 0;
	padding: 0 0 0 64px;
	max-height: 72px;
	}	

/* NSF Logo is 166x167 */
img#nsflogo {
	border: 0px solid red;
	margin: 0;
	padding: 0 0 0 67px;
	max-height: 72px;
	}

/* Excelitas Logo is 243x62 or 196x50 */
img#exclogo {
	border: 0px solid red;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	max-height: 50px;
	}	

/* NI Logo is 361x87 or 207x50 or 187x45 or 166x40 */
img#nilogo {
	border: 0px solid red;
	margin: 5px 0 0 15px;
	padding: 0;
	max-height: 40px;
	}	

/* Teachspin Logo is 374 x 100 or 187x50 */
img#teachlogo {
	border: 0px solid red;
	margin: 0;
	padding: 0 0 0 4px;
	max-height: 50px;
	}
	

						/*  End Subheader on Immersions Page   */


img#bethsuite, img#bethhouse {
	padding: 0em 3.5em 0em 3.5em;
	max-width: 150px;
	}
img#reedport, img#reedcamp {
	padding: 0em 6.7em 0em 6.7em;
	max-width: 150px;
	}
img#buffmap {
	padding: 0em 0em 0em 0em;
	max-width: 150px;
	}
	

img.apparatus {
	margin: 0 auto 0 auto; 
	max-height: 300px;
	max-width: 450px;
	border: 0;
	}	


.button {
	display: inline;
	margin: 0 0 0 0;
	list-style-type: none;
	font-family: "Trebuchet", sans-serif;
	font-size: 1.0em;
    line-height: 1.2em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	}
.button a{
	margin: 0;
	background-color: #DBEDDD;
	display: inline;
	padding: 0.1em 0.8em 0.1em 0.8em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #006300;
	}
	
.button a:link {
	text-decoration: none;
	color: #006300; 
	}
.button a:visited {
	text-decoration: none;
	color: #2CB12C;
	}
.button a:hover {
	background-color: #2CB12C;
	color: #DBEDDD;
/*	color: #004000;  */
	text-decoration: none;
	}
.button a:active {
	text-decoration: none;
	color: #2CB12C;
	}


										/* Specific to index.html */
	
	
.mainbody {
/*	border: 1px solid #006300;  */
	border-top: 0;
	border-right: 15px solid #DBEDDD; 
	border-bottom: 15px solid #DBEDDD; 
	border-left: 15px solid #DBEDDD; 
/*	margin-top: 20px;  */
	margin-top: 0px;
	margin-left: 0px;;
	margin-right: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: left;
	}	
	
.mainbody hr {
	margin-bottom: 15px;
	}
								/*	For special BFY announcement */
									
.bfyfigure {
	border: 0px solid blue;
	background-color: #FFFFFF;
	margin: 0 0 15px 0;
	}

img.bfy {
	float: right;
	width: 314px;
	border: 0px solid red;
	margin: 5px 0 15px 15px;
	}

p.bfycaption {
	border: 0px solid orange;
/*	font-family: Times New Roman,Times,serif;   */
	font-family:Georgia,tahoma,arial,verdana;   
    font-size:16px;
    line-height: 16pt;
    color: #013A58;
	text-align: justify;
	margin: 0;
	}  	
	
p.bfycaption a {
	text-decoration: none;
	color: #013A58;
	}
							/*  End special BFY announcement */
	
.sidebar-home {
	width: 37%;
	float: right;
	margin: 0 0 15px 20px;
	background-color: #DBEDDD;
	padding: 10px 20px;
	border-style: none;
	border-width: 5px 5px 5px 5px;
	border-color:#006300;
	text-align: justify;
	}
	
div.sbar-home-item {
	margin: 1em 0 2em 0;
	}
	

.sidebar-home h1 {
	font-size: 1.5em; 
	margin: 0.5em 0 0.5em 0;
	border: 0;
	background-color: #DBEDDD;
	padding: 0;
	}
	
.sidebar-home h2 {
	font-size: 1.10em; 
	font-style: italic;
	margin: 1.0em 0 0 0;
	border: 0;
	background-color: #DBEDDD;
	padding: 0;
	}

.emph_h2 {
	color: #8D0000;
	}

.sidebar-home p {
	border: 0px solid blue;
	line-height: 14pt;
	text-align: justify;
	font-style: oblique;
	font-size:0.85em;
	margin-top: 1px;
	}

.sidebar-home p.image {
	border: 0px solid red;
	text-align: center;
	margin-bottom: 1px;
	}

.sidebar-home p.caption {
	border: 0px solid blue;
	line-height: 14pt;
	text-align: justify;
	font-style: oblique;
	font-size:0.85em;
	margin-top: 1px;
	}

.sidebar-home img {
	margin: 0 auto 0 auto;
	max-width: 240px;
	text-align: center;
	}

.sidebar-home a {
	text-decoration: none;
	}
	
.sidebar-home .italic {
	font-style: oblique;
	}
		
.sidebar-home a:link {color: #006300; }
.sidebar-home a:visited {color: #2CB12C;}
.sidebar-home a:hover {color: #004000; text-decoration:underline; }
.sidebar-home a:active {color: #2CB12C;}	
	
									/* End of Specific to index.html */	




									/* Specific to Membership Form */
	
#membershipform fieldset {
	margin-top: 2.0em;
	}
	
#membershipform .label {
	font-size: 0.8em;
	float: left;
	width: 230px; 
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	clear: left;
	}
	
#personalinfo p {
	margin-top: 0.2em;
	margin-bottom: 0;
	}

#memberrelations .label2 {
	font-size: 0.8em;
	}

#memberrelations p {
	margin-top: 0em;
	margin-bottom: 0em;
	}

#memberrelations textarea {
	margin-top: 0em;
	margin-bottom: 1.0em;
	}
	
#memberrelations p:first-child {
	margin-bottom: 1.0em;
	}
	
#memberrelations #alpha_radio {
	margin-left: 5em;
	font-size:  0.8em;
	font-weight: bold;
	margin-bottom: 1.0em;
	}
	
									/* End Specific to Membership Form */
	
fieldset#participant {
	margin-top: 2.0em;
	}
	
#participant .label {
	font-size: 0.9em;
	float: left;
	width: 230px; 
	margin-right: 10px;
	text-align: right;
	font-weight: normal;
	clear: left;
	}
#participant .labelp {
	font-size: 0.9em;
	line-height: 16px;
	margin-bottom: 0.5em;
	}

#participant p {
	margin-top: 0.3em;
	margin-bottom: 0em;
	}

fieldset#choices {
	margin-top: 1.5em;
	}
	
#choices p {
	font-size: 1.0em;
	line-height: 18px;
	}
	
#choices th, td {
	font-size: 0.9em;
	line-height: 16px;
	}
	
#choices .label2 {
	font-weight: bold;
	}

fieldset#cancellationpolicy {
	margin-top: 1.5em;
	}
	
#cancellationpolicy .labelp {
	font-size: 0.9em;
	line-height: 16px;
	margin-bottom: 0em;
	}	
	
fieldset#supplement {
	margin-top: 1.5em;
	}
	
#supplement .labelp {
	font-size: 0.9em;
	line-height: 16px;
	margin-bottom: 0em;
	}		

#supplement textarea {
	margin-top: 1.0em;
	margin-bottom: 0.0em;
	}

.full {
	text-decoration:line-through;
	}

.bio {
	width: 30%;
	float: right;
	margin: 5px 0 10px 10px;
	background-color: #FFFFFF;
	padding: 10px 20px;
	border-style: double;
	border-width: 5px 5px 5px 5px;
	border-color:#006300;
	text-align: justify;
	}
.bio h1 {
	font-size: 1.5em; 
	margin: 0.5em 0 0.2em 0;
	border: 0;
	background-color: #FFF;
	padding: 0;
	}

.bio p{
	font-size:0.85em;
	line-height: 1.3em;
	}
	
.bio img {
	margin: 0 auto 0 auto;
	max-width: 240px;
	text-align: center;
	}
.bio .italic {
	font-style: oblique;
	}
	
.bio ul a:link {color: #006300; }
.bio ul a:visited {color: #2CB12C;}
.bio ul a:hover {color: #004000; text-decoration:underline; }
.bio ul a:active {color: #2CB12C;}
	
.bio ul {
	margin: 0px 0 5px 30px;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
    line-height: 1.3em;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 0;
	border-right: 0;
	overflow: hidden;
	zoom: 1;
	}
	
.bio ul li {
	margin: 0 0 0.5em 0;
	}
	
.bio ul a{
	margin:0px 0em 0 0em;
	display: inline;
	text-decoration:none;
	}
	
	
	
	
	
	
	
	
.mathitalic {
	font-style: italic;
	font-family: sans-serif;
	}
.spinsub {
	vertical-align: sub;
	font-size: 1.0em;
	}
.bold {
	font-weight: bold;
	}
.emph {
	font-weight: bold;
	font-style: italic;
	}

.emph2 {
	font-family: arial;
	margin:0 0.3em 0 0.3em;
	}
.emph3 {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	}
	
.emph4 {
	font-variant: small-caps
	}
	
.booktitle {
	font-style: italic
	}

.sub {
	vertical-align: sub;
	font-size: 0.75em;
	}
.super {
	vertical-align: super;
	font-size: 0.75em;
	}
.small {
	font-size: 0.70em;
	}
.lineheightsmall {
	line-height: 12px;
	}
.aligncenter {
	text-align: center;
	}
	
.vsmall {
	font-size: 0.60em;
	font-family: "Trebuchet", sans-serif;
	font-style: italic;
	}
.italic {
	font-weight: lighter;
	font-style: italic;
	}
.clearfloat {
	clear:both;
	}


pre {
	display: inline;
	}
#header {text-align: center;}


fieldset{
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 2px groove ThreeDFace;
	border-color: #006300;
	}

legend {
	background-color:#DBEDDD;
	color: #006300;
	border: 1px solid #006300;
	padding: 2px 6px 2px 6px;
	}
	
.sub1 {
	border:0px;
	margin: -1.7em 0 -0.3em 5em;
	padding: 0 0 0 0;
	}

table {
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
	}
	
th {
	text-align:left;
	background-color:#FEBABA;
	color:#8D0000;
	font-weight:bold;
	font-size: 1.1em;
	padding: 0em 0.1em 0em 0.1em;
	} 
	
td	{
	text-align:left;
	margin: 0;
	padding: 0.7em 0.3em 0.3em 0.3em;
	}

textarea {
	margin: 0 0 0 3em;
	}
	
.footer{
	clear:both;
	}

										/* board members layout */
div.figure {
	float: left;
	text-align:center;
	width: 175px;
	height: 370px;
	border: 1px solid #FFFFFF;
	padding: 4px;
	}
	
div.figure p {
	margin: 0 0 0.2em 0;
	}  
	
hr.space10p {
	border: 0;
	padding: 10px 0 0 0;
	}

div.cell {
	height: 3em;
	width: 175px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 0;
	}

div.previousboard h2 {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 20px;
	}
div.previousboard h3 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	}
div.previousboard {
	margin-bottom: 20px;
	}
										/* end board members layout */
