@charset "utf-8";
/* CSS Document */

/* Sub page images */
div#mainContent div.front-end {
	height: 66em;
}
div#mainContent div.front-end img {
	clear:both;
	float:left;
	padding:0 0.5em 1em 0.5em;
}
div#mainContent div.front-end a {
	float:right;	
	text-decoration:underline;
}
div#mainContent #sessions { /* in front-end */
	clear:both;
	text-decoration:underline;
}

div#mainContent div.data-analysis {
	height: 66.5em;
}
div#mainContent div.data-analysis img {
	clear:both;
	float:left;
	padding:0 0.5em 1em 0.5em;
}
div#mainContent div.data-analysis a  {
	float:right;
	padding:0.5em;
	text-decoration:underline;
}

div#contact-me div.contact-info {
	text-decoration:none;
}
div#contact-me div.contact-info a:hover {
	text-decoration:underline;
}

div#header div.contact-info {
	clear:both;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-color:#000;
}
div#header div.contact-info a, a:visited, a:link, a:active {
	color:#000;
	text-decoration:none;
}
div#header div.contact-info a:hover {
	text-decoration:underline;
}

div#header img {
	padding:10px 0 5px 0;
}
div#header a:active, a:visited, a:link {
	outline:none;
}
div#header div#download-button {
	float:right;
	padding:0.8em 0 0 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color:#696; /* medium green 696; medium blue #6CF; light yellow #FEA */
	min-height: 800px;
}
div#container div#mainContent {
	clear:both;
	position:relative;
	padding:0em 1em 2em 1em; /* need 2 at bottom */
	margin-bottom:25px;
	border:2px solid #000042;
	background-color:#FFF;
	height:100%;
	line-height:1.5em;
}
div#container div#mainContent h2 {
	color:#006;
}
div#container div#mainContent p {
	color:#003;
}
div#container div#header { 
	position: relative;
	height: 7em;
	padding-top: 1em;
	width:100%;
}
div#container div#header ul.MenuBar1 {
	clear:both;
	float: left;
	color: #FFF;
}
div#container div#header ul#icons {
	height:100px;
}
div#container div#header .labels {
	width:106px;
}

div#container div#header ul.MenuBar1 li {
	list-style:none;
	padding:0 0.5em 0em 0.5em;
	width:106px;
}
div#container div#header ul.MenuBar1 li a {
	float:left;
	text-decoration: none;
	color:#000;
}
div#container div#header ul.MenuBar1 li a:hover {
	float:left;
}
div#container div#header ul.MenuBar1 li span { /* labels under icons */
	clear:both;
	float:left;
	font-size:0.9em;
	text-decoration: none;
	text-align:center;
	color:#003;
	width:106px;
}
div#container div#header ul.MenuBar1 li a:hover span {
	float:left;
	text-decoration:underline;
}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	position: relative;
	bottom:0;
	right:0;
	margin: 0;
	padding: 0 0 0.5em; 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	height:56px;
}

ul.MenuBarHorizontal ul {
	font-family:"Myriad Pro", "Times New Roman", serif;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	position: relative;
	display:inline;  
	float:left;
	list-style-type: none;
	text-align:center;
	font-size: 100%;
	cursor: pointer;
	width: auto;
}
ul.MenuBarHorizontal li .single-line {
	line-height:2.5em; //37px;
}
div#container {
	position:relative;
	width: 46em;
	margin: 0 auto; 
	text-align: left; 
} 
div#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
div#mainContent img {
	float:right;
	padding:0em 0 0 0;
	border="0";
}
div#container div#footer {
	clear:both;
	width:100%;
	background: #CCC;
	height:1.6em;
} 
div#container div#footer ul.MenuBar1 {
	clear:both;
	float:right;
}
div#container div#footer ul.MenuBar1 li {
	float:left;
	padding:0;
	margin:0;
	font-size: 0.8em;
	list-style:none;
}
div#container div#footer ul.MenuBar1 li a {
	float:left;
	line-height:2em;
	text-decoration:none;
	padding:0 5px 0 5px;
}
div#container div#footer ul.MenuBar1 li a:hover {
	float:left;
	background-color:#FEA; /* 8000FF; purple */
	padding:0 5px 0 5px;
	height:2em;
	color:#000;
}