﻿* {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #F2E8D7;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
}
a, a:link {
	color: #0000FF;
	text-decoration: underline;
}
a:visited {
	color: #800080;
}
a:hover {
	color: black;
	background-color: #D8E3CF;
}
a:active {
	color: #000000;
}
#container {
	border: thin #CECAB9 solid;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	background-color: #FEFEE4;
}
#header {
	background-color: #FBFFCC;
	height: 140px;
	background-image: url('images/lsin_logo.jpg');
	padding: 0px;
	width: 800px;
}
/* Paragraph with Mission statement */
#header p {
	text-align: center;
	margin-left: 480px;
	overflow: hidden;
	margin-right: 30px;
	font-size: 11px;
}
/* left and right padding plus width should equal 800 */
#navbar {
	clear: both;
	background-color: #FFFFFF;
	padding: 4px 4px 4px 90px;
	width: 680px;
	border: 3px solid;
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	text-align: center;
	margin-left: 10px;
}
html>body #navbar {
	overflow:hidden;
}
#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
	text-align: center;
}
#navbar li {
	float:left;
}
#navbar a {
	color:#807859;
    text-decoration: none;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
#navbar a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}
#introbar {
	clear: both;
	width: 800px;
}
#content {
	width: 800px;
}
/* Total width is left & right padding plus width plus l&r margins */
#expobox {
	clear: both;
	float: left;
	width: 440px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
}
#expobox #slider {
	width: 360px;
	height: 240px;
	margin-left:42px;
}
#aboutbox {
	clear: both;
	float: left;
	width: 540px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
}
#aboutbox p {
	padding: 10px;
	line-height: 1.2em;
}
#aboutbox ul {
	padding-left: 18px;
	line-height: 1.2em;
}
#aboutpicbox {
	float: left;
	width: 200px;
	background-color: #F3F8FC;
	margin-top: 15px;
	margin-left: 20px;
	padding-left: 6px;
}
#committee_lbox {
	clear: both;
	float: left;
	width: 495px;
	padding-left: 10px;
	padding-top: 15px;
}
#committee_rbox p {
	padding: 10px;
	line-height: 1.2em;
}
#committee_lbox p {
	padding: 10px;
	line-height: 1.2em;
}
#committee_rbox {
	float: left;
	width: 270px;
	background-color: #F3F8FC;
	margin-top: 15px;
	margin-left: 10px;
	padding-left: 6px;
}
h4 {
	border: 3px solid;
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	background-color: #A8BE98;
	color: #FFFFFF;
	padding-left: 6px;
}
h3 {
	border: 3px solid;
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	background-color: #A8BE98;
	color: #FFFFFF;
	padding-left: 6px;
}
h2 {
	border: 3px solid;
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	background-color: #A8BE98;
	color: #FFFFFF;
	padding-left: 6px;
}
h1 {
	border: 3px solid;
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	background-color: #A8BE98;
	color: #FFFFFF;
	padding-left: 6px;
}
h1 {
	font-size: 22px;
	line-height: 1.2em;
	width: auto;
}
h2 {
	font-size: 16px;
	line-height: 1.1em;
}
h3 {
	font-size: 14px;
}
h4 {
	line-height: 1em;
}
h4.alternate {
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	background-color: #73ADDD;
}
h2.alternate {
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	background-color: #73ADDD;
}
h1.alternate {
	border-color: #E1E9DC #82A26A #75965C #D0DBCA;
	background-color: #73ADDD;
}
#expobox p {
	padding-top: 20px;
	line-height: 1.3em;
	padding-bottom: 20px;
	color: #718F5A;
}
#resources {
	float: left;
	width: 330px;
	background-color: #F3F8FC;
	margin-top: 5px;
}
#resources p {
	padding-top: 8px;
	line-height: 1.3em;
	padding-bottom: 18px;
	margin-left: 25px;
}
#full_width_box {
	float: left;
	width: 800px;
	background-color: #F3F8FC;
	margin-top: 5px;
}
#full_width_box p {
	padding: 10px 16px 10px 16px;
	line-height: 1.3em;
}
#full_width_box ul {
	padding: 10px 16px 10px 16px;
	line-height: 1.3em;
}
#full_width_box li {
	padding-left: 6px;
	margin-left: 20px;
	padding-bottom: 20px;
}
#footer {
	border-top: thin #038752 solid;
	display: block;
	clear: both;
	background-color: #D8E3CF;
	padding: 8px;
}
.footerstyle {
	text-align: center;
	color: #807859;
	font-size: x-small;
	display: block;
}
.smalltext {
	font-size: small;
}
.leftalign {
	text-align: left;
}
.goto_link {
	text-align: right;
	display: block;
	padding-right: 6px;
	line-height: 1.2em;
	margin-top: 6px;
	margin-bottom: 6px;
}
.centered {
	text-align: center;
}
.underline {
	text-decoration:underline;
	font-weight:bold;
}
/* Style of photos in Introbar */
.pic_style {
	margin: 10px 5px 20px 5px;
	float: left;
	width: 90px;
	height: 61px;
}
/* style of photos in Resources box */
.rpic_style {
	width: 194px;
	height: 129px;
}
.headline {
}
.blackdot {
	font-family: Symbol;
}
.registered {
	font-family: "Times New Roman";
}
a.hugginslink {
	font-size: small;
	margin-left: 40px;
}
#full_width_box .emailform {
	border: 1px solid black;
	margin-top: 40px;
	padding-left: 20px;
	float: left;
	margin-left: 14px;
	margin-right: 10px;
	padding-right: 10px;
	width: 740px;
}
#full_width_box .payform {
	margin-top: 20px;
	padding-left: 20px;
	float: left;
	margin-left: 84px;
	margin-right: 10px;
	padding-right: 10px;
	width: 640px;
}
#full_width_box .emailform label {
	margin-right: 10px;
	padding-right: 10px;
	width: 220px;
	display: block;
	float: left;
	text-align: right;
}
#full_width_box .emailform .button_row {
	margin-left: 176px;
	margin-top: 20px;
}
.blankspace {
	height: 40px;
	clear: both;
}
#full_width_box p.right {
	text-align: right;
}
/* This implements the pop-up map when the user hovers mouse over the text */
.popup span {display: none}
a.popup:hover {
	text-decoration:none;
	color:black;
}
.popup:hover span {
	display: block;
	padding: 8px;
	width: auto;
	background-color: #73ADDD;
	border: 2px #B4C6D3 double;
	position: fixed;
	top: 30%;
	left: 60%; 
/*	position: absolute; left: 40%; top: 21em;*/
}
.attention {
	color:red;
}
.column_box {
	width: 125px;
	float: left;
	text-align: center;
	margin-top: 6px;
}
.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 1px;
}
.indented {
	margin-left: 60px;
}
