﻿body{
	margin:0;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	background-color:white;
/*	background-image: url(images/header-bg.png), url(images/tile.gif);
    background-repeat: repeat-x, repeat;
	background-image: url(images/tile.gif);
    background-repeat: repeat; */
	}

table{ margin:0 auto; text-align:left; }


/* New Styles */

h1{ color:#369; font-size:1.5em; margin:0 0 1em; }
h2{ color:#369; font-size:1.25em; margin:0; padding:0; }
h3{ font-size:1.1em; margin:1em 0; }
h4{ font-size:1em; }

hr { background-color:transparent; border:none; border-bottom:3px solid #7ae; border-collapse:collapse; clear:both; color:white; height:1px; margin:1.5em auto; }

hr.space { border:none; }

!a img { border: none; }

a h2 { text-decoration: none; }

p{ text-align:left; }

.red { color: red; }
.orange { color: #F80; }

.cornerL, .cornerR {
	background-color: #f70;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1;
	position: absolute;
	}

.cornerL {
	top: 0; left: 0;
	padding: 1em 2em 1em 1em;
	border-radius: 0 0 4em 0;
	text-align: left;
	}

.cornerR {
	top: 0; right: 0;
	padding: 1em 1em 1em 2em;
	border-radius: 0 0 0 4em;
	text-align: right;
	}

.button {
	background-color: #f70;
	border-radius: 1em;
	color: white;
	display: inline-block;
	font-weight: bold;
	margin: 1em auto;
	padding: .25em 1em;
	text-decoration: none;
	}

.blurb {
	clear: both;
	padding: .5em 1em;
	border: 3px dotted #f70;
	border-radius: 1.5em;
	text-align: center;
	}

h3.ul {
	display: inline-block;
	border-bottom: 2px solid #f70;
	}

.papimg {
	border-radius: 1em;
	max-width: 300px; height: auto;
	}

.one-third {
	float: left;
	width: 250px;
	min-width: 30%;
	max-width: 100%;
	text-align: center;
	margin: 1em;
	}

.two-thirds {
	float: left;
	width: 500px;
	min-width: 60%;
	max-width: 100%;
	margin: 1em;
	}	

.align-center { text-align: center !important; }

.center{ margin:0 auto; /* width:1000px; */ }

.clear { clear: both; }

.col1 { float: left; margin: 0 2em 2em 0; }
.col2 { float: right; margin: 0 0 2em 2em; }

.col1 h3, .col2 h3 { margin: 0; }

div#page{ /* border-top:3px solid #7ae; */ text-align:center; }

/*
div#header{ background-color:#369; text-align:center; }
div#header img { margin-bottom:-2px; }
*/


div#header {
	background-color: #014a74;
	text-align: center;
	}
div#header img { width: 100%; max-width: 1000px; height: auto; }

div#landing { margin: 0 1em; text-align: left; }


.mlbd { font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif; font-weight: bold; word-spacing: -3px;}
.mlbd em { font-size: .9em; }
.mlbd b { font-size: 1.1em; letter-spacing: -1px; }

ol.tip li {
  margin-left: 2em;
  padding-left: 0.5em;
  position: relative;
}

ol.tip li::before {
  content: "Step ";
  left: -3.25em;
  position: absolute;
}

ol.faq li {
  position: relative;
}

ol.faq li::before {
  content: "# ";
  left: -2.1em;
  position: absolute;
}

ol.faq li div {
  background-color: #def;
  margin: .5em 0 1.5em 0;
  padding: 0.5em 1em;
}

.pre {
	background-color: #eef6ff;
	border-radius: 1em;
	display: inline-block;
	margin: 0 auto 1em auto;
	padding: 1em;
	text-align: center;
	}


/* START MENU */

#menu-bar {
	background-color:#ccc;
/*
	border-top:2px solid white;
	border-bottom:2px solid #999;
	min-height:24px;
*/
	padding: .5em 0;
	margin: 0 auto;
	text-align:center;
}

#menu-bar ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1000px;
  background: #ccc;
}

#menu-bar ul li {
  display: block;
  position: relative;
  float: left;
  background: #ccc;
}

#menu-bar li.menu-loc, #menu-bar li.menu-opt, #menu-bar li.menu-gap{
	min-height:24px;
}

#menu-bar li.menu-loc { background-color:#369; }
#menu-bar li.menu-loc > a:link,
#menu-bar li.menu-loc > a:visited { color:white; text-decoration:none; }
#menu-bar li.menu-loc > a:hover,
#menu-bar li.menu-loc > a:active { color:black; text-decoration:none; }

#menu-bar li.menu-opt a:link,
#menu-bar li.menu-opt a:visited,
#menu-bar li.menu-opt a:active { color:black; text-decoration:none; }
#menu-bar li.menu-opt:hover { background-color:#7ae; }


/* This hides the dropdowns */


#menu-bar li ul { display: none; }

#menu-bar ul li a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  color: black;
	min-height:24px;
	padding:0 1.25em;
}

#menu-bar ul li a:hover { background: #7ae; }

/* Display the dropdown */


#menu-bar li:hover > ul {
  display: block;
  position: absolute;
/*
	border-top:1px solid #999;
	border-right:2px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid white;
*/
	border: 1px solid #aaa;
	text-align: left;
}

#menu-bar li:hover li { float: none; }

#menu-bar li:hover a { background: #ccc; }

#menu-bar li:hover li a:hover { background: #7ae; }

#menu li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


#menu-bar ul ul ul {
  left: 100%;
  top: 0;
}

/* Simple clearfix */



#menu-bar ul:before,
#menu-bar ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

#menu-bar ul:after { clear: both; }


/* END MENU */

div#banner{ background-color:#014a74; border-bottom:3px solid #7ae; clear:both; }

div#content{
	margin: 0 auto;
	padding:1em;
/*
	background-color:white;
	border:1px solid #014a74;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
*/
}

div#inset{
	border-style:solid; border-width:1px 0 1px 1px; border-color:#ccc;
	float:right;
	margin:1em 0 1em 1em; padding:1em 0 1em 1em;
	text-align:center;
	width:270px;
}

div#inset h2{ font-size:.9em; margin:0; }

div#sidebar{
	border-style: solid; border-width: 0 0 0 3px; border-color: #7ae;
	float: right;
	margin: 0 0 1em 1em; padding: 0 0 1em 1em;
	text-align: left;
	width: 30%;
}

div#sidebar hr { margin: 2em auto; }

div#sidebar img, div#main img{ clear:left; float:left; margin:0 1em 1em 0; }

div#sidebar h2{ clear:left; font-size:1em; margin:0; }

div#sidebar h3{
	background-color:#369;
/*	border-top:#7194b8;
	border-left:#7194b8;
	border-bottom:1px solid #666;
	border-right:1px solid #666;	*/
	color:white;
	font-size:1.3333em;
	margin:0 0 1em 0;
	padding: .5em 0;
	text-align:center;
}

div#sidebar div{ border-bottom:1px solid #ccc; float:left; }

div#main{ text-align:left; max-width:1000px; }

div#filler{ clear:both; min-height:1px; }

/* div#footer{ background-color:white; border-top:6px solid #7ae; border-bottom:2px solid white; clear:both; min-height:1.5em; } */

div#footer {
	background-color:#ccc;
	clear:both;
	padding: .5em 0;
	margin: 0 auto;
	text-align:center;
}

div#tag{ min-height:1.5em; text-align:right; }

div#copy{ /* background:url("images/footer-bg.png") #369 no-repeat left top; border-top:1px solid white; color:white; */ float:right; min-height:1.5em; margin-left:2em; padding-left:5em; text-align:left; width:40%; }

.right{ float:right !important; margin:0 0 1em 1em; }
.left{ float:left !important; margin:0 1em 1em 0; }


div.products{ float:left; margin:1em 1em 0 0; }
div.lowered{ margin-top:1.2em; }
div.platforms{ float:right; min-width:55%; }
div.products img, div.platforms img, div.right img{ float:none !important; margin:0 !important; }

div.top{
	background-color:#369;
	border-radius:9px;
	-moz-border-radius:9px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:9px; /* Safari */
/*	clear:both; */
	color:white;
	float:right;
	font-size:.9em; font-weight:bold;
	margin:2em 0 2em 2em;
	padding:.5em 2em;
	}

div.top a{ color:white; }

div.incmag{
	background-color:#7ae;
	border-radius:9px;
	-moz-border-radius:9px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:9px; /* Safari */
	color:white;
/*	float: none !important; */
	font-weight:bold;
	font-style:italic;
	margin:.5em;
	padding:.5em 2em;
	}

a.newsbar{
	text-decoration: none; 
	}

.newsbar h2{
	background-color: #ddd;
	padding: .25em .75em .5em;
/*
	border-left: 3px dotted #f70;
	border-bottom: 3px dotted #f70;
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
*/
	border-radius: .5em;
	display: inline-block;
	}

div#sidebar .newsbar h2{
	margin: .5em 0 !important;
	}

.newsbar:hover h2{
	color: #f70;
	}


#gotcha{ visibility:hidden; height:1px; }

div#teaser {
/*	background-image: url(images/tile.gif);	*/
	background-color: #7ae;
	border-radius: .5em;
	color: white;
	margin: 1.5em;
	padding: 1em 0;
	text-align: center;
}

div#teaser h2 { color: white; margin: 0; }
div#teaser h4 { color: #369; margin: 0; }