﻿<style type="text/css">

/* styles for all pages */
body {
	text-align:center;
}

a:link {
	color:black;
}

a:visited {
	color:black
}

a:hover {
	color:blue
}

.alignleft {
	text-align: left;
}

.alignleftheader {
	text-align: left;
	margin-top:1.6em;
}

.back01 {
	background-color:#7171FF;
	text-align: center;
	font-family: "Lucida Sans",Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:1.4em;	
}

/* screen: Overall page layout is banner followed by shell01 followed by footer */
div#Banner01 {
	background-color:transparent;
	background-repeat:no-repeat;
}

div#Shell01 {
	background-image: url('nav/rect_03.gif'); 
	background-repeat: no-repeat;
	height:407px;
	width: 791px;
	margin-top:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div#Shell02 {
	background-image: url('nav/rect_04.gif'); 
	background-repeat: no-repeat;
	height:407px;
	width: 791px;
	margin-top:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div#Footer01 {
	font-family:"Lucida Bright",Verdana, Arial, Helvetica, sans-serif;;
	font-size: medium;
	width:790px;
	margin-left: auto;
	margin-right:auto;
	color: #FFFFFF;
	margin-top:15px;
}


/* Shell01 contains three panels - left, middle, right */
.PanelLeft {
	float: left;
	text-align: left;
	line-height:1.4em;
	height: 400px;
	width: 252px;
	margin-left: 3px;
	padding-left: 5px;
	background-image: url('nav/rect_02.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.PanelMiddle {
	float: left;
	text-align:center; 
	height:400px;
	width: 252px;
	margin-left: 3px;
	margin-top:10px;
	padding: 4px;
	background-position:center;
}

.PanelRight {
	float:left;
	text-align: left;
	line-height:1.4em;
	height: 400px;
	width: 252px;
	margin-left: 3px;
	padding-left: 5px;
	background-image: url('nav/rect_02.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.GuideButton {
	background-position:center;
	width:210px;
	height:120px;
	background-repeat: no-repeat;
	margin-top:20px;
}

/* specific styles for the welcome photo page for the Enter button, and arrows */
div#Enter01{
	position:relative;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	z-index: 2;
	margin-top: -110px;
	border: 0;
}

.DivArrowL{
position:relative;
float: left; 
width: 50px; 
text-align:left; 
margin-top: -250px;
margin-left:-10px;
filter: alpha(opacity=75);
-moz-opacity: .75;
}

.DivArrowR{
position:relative;
float: right; 
width: 50px; 
text-align:right; 
margin-top: -250px;
margin-right:-6px;
filter: alpha(opacity=75);
-moz-opacity: .75;
}

/* stepcarousel */
.stepcarousel{
margin-top:15px;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
border: 20px #B9D0FF;
width: 760px;
height: 389px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 4px; /*margin around each panel*/
width: 248px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* end step carousel */

/* pop-ups are note really pop-ups but rather hidden divs */
.popup1 {
	position:absolute;
	width: 400px;
	height: 350px;
	z-index: 1;
	top: 125px;
	left:50%;
	margin-left:-200px;
	background-color: #B9D0FF;
	overflow: auto;
	border-color: white;
	border: thick;
	border-style: ridge;
	text-align: center;
	padding: 4px;
}

.popuptitle {
	background-color:#DBE6E7;
	text-align:left;
	height:23px;
	border-bottom:thin #FFFF99 double;
	margin-bottom:18px;
}

/* styles for images (larger and smaller) in panels */
.panelimage {
	height:150px;
	width:240px; 
	text-align:center;
	margin-top:10px;
	margin-left: 2px;
	padding-left:0;
}
.panelimage2 {
	height:275px;
	width:240px; 
	text-align:center;
	margin-top:10px;
	margin-left: 2px;
	padding-left:0;
}

/* think we can delete these
.Shell01 {
	background-image: url('nav/rect_03.gif'); 
	background-repeat: no-repeat;
	height: 407px;
	width: 791px;
	margin-top:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

*/
</style>





