/* @override */
html {
    box-sizing: border-box;
}

body {
    width: 90%;
	color: black;
    margin: 20px auto 20px auto;
	background-image: url(images/BGTile200.png);
	font-family: "Lucida Console", Monaco, monospace;
	font-size: medium;
    /*border-width: medium;
    border-color: greenyellow;
    border-style: solid;*/
    -moz-border-radius:30px;-webkit-border-radius:30px;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
body.support {
/*	font-family: "Trebuchet MS", sans-serif;*/
	font-size: 20px;
}
hr {
	color: #000;
	background-color: #000;
	height: 2px;
	border: none;
}
ol {
	padding-top: 0px;
	margin-top: 0px;
}
h1, h2, h3, h4 {
	font-family: Georgia, serif;
	font-weight: bold;
	font-style: italic;
	color: red;
}
h3 {
	padding-bottom: 0px;
	font-size: 140%;
}
h4 {
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-top: 20px;
	font-size: 105%;
}
a {
    color: #e82424;
}

header {
	border: 5px none #f4fb7c;
	/*background-image: url(images/headerBG.png);*/
	background: -webkit-linear-gradient(#d7e7fc 0%, #0033a4 80%);
	background: -moz-linear-gradient(#d7e7fc 0%, #0033a4 80%);
	background: -o-linear-gradient(#d7e7fc 0%, #0033a4 80%);
	background: linear-gradient(#d7e7fc 0%, #0033a4 80%); 
	height: 170px;
    width: 100%;
    margin: 0;
	-moz-border-radius:30px 30px 0px 0px;-webkit-border-radius:30px 30px 0px 0px;
    position: relative;
/*
    border-width: medium;
    border-color: orange;
    border-style: solid;
*/
}
main {
    box-sizing: border-box;
	background-color: #FFF;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    width: 100%;
/*
    border-width: medium;
    border-color: blue;
    border-style: solid;
*/
}
footer {
	clear: both;
	height: 60px;
    width: 100%;
    margin: 0;
	text-align: center;
	color: white;
	padding-top: 5px;
	-moz-border-radius:0px 0px 30px 30px;-webkit-border-radius:0px 0px 30px 30px;
	background: -webkit-linear-gradient(#0033a4 10%, #d7e7fc 100%);
	background: -moz-linear-gradient(#0033a4 10%, #d7e7fc 100%);
	background: -o-linear-gradient(#0033a4 10%, #d7e7fc 100%);
	background: linear-gradient(#0033a4 10%, #d7e7fc 100%); 
    
/*
    border-width: medium;
    border-color: orange;
    border-style: solid;
*/
}

.appTable, .doubleAppTable {
	align-content: center;
	padding-right: 40px;
	padding-left: 40px;
	width: 100%;
	padding-top: 20px;
}

.appBar {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 40px;
	background-color: #E1E1E1;
	-moz-border-radius:12px;-webkit-border-radius:12px;
	color: #000;
}

.doubleAppTable {
	padding-right: 170px;
	padding-left: 170px;
}

.appCell {
	margin: 0px auto 20px auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
    width: 220px;
	height: 353px;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	border: 1px solid #979797;
	-moz-border-radius:30px;-webkit-border-radius:30px;
}

h2.appCell {
	color: silver;
}

#navBar {
    clear: both;
	height: 35px;
	max-height: 35px;
    position: absolute;
    bottom: 0px;
    right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	-moz-border-radius:12px;-webkit-border-radius:12px;
/*
border-width: medium;
border-color: orange;
border-style: solid;
*/
}
a:link.nav, a:visited.nav {
	display: block;
	width: 70px;
	height: 27px;
	text-align: center;
	padding: 4px;
	text-decoration: none;
	-moz-border-radius:7px;-webkit-border-radius:7px;
}
a:link.nav {
    color: white;
}
a:visited.nav {
    color: #dadada;
}
a:hover.nav, a:active.nav {
	/*background-color: #151515;*/ /*should be just a bit darker than the regular background color*/
	color: #ff0000;
}
ul.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
li.nav {
	float: left;
}

.active {
    background-image: url(images/arrow.png);
    padding-bottom: 0px;
    border-width: 1px;
}

.about {
	text-align: left;
    line-height: 1.3em;
    font-family: sans-serif;
}

.aboutBox {
    float:right; 
    text-align: left;
    padding:10px 10px 1px 20px;
/*
    -moz-border-radius:150px;
    -webkit-border-radius:150px;
*/
}

.aboutImg {
    width: 250px;
    height: 250px;
    -moz-border-radius: 125px;
    -webkit-border-radius: 125px;
}

.aboutHead {
    width: 100%;
    height: 10px;
    padding: 0px;
    margin: 0px;
}

.aboutLinks {
    padding: 0px;
    margin: 0px;
}

.logo {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	height: 118px;
	max-height: 118px;
	width: 149px;
	max-width: 149px;
}
#logo {
	margin-top: -20px;
}
.title {
	float: right;
	/*padding-top: 80px;*/
	padding-right: 10px;
	margin-top: 5px;
	height: 96px;
	max-height: 96px;
	width: 481px;
	max-width: 481px;
/*
    border-width: medium;
border-color: orange;
border-style: solid; 
*/
}

.supportTitle {
	text-align: center;
}

.sectionDiv {
    overflow: hidden;
}

/*
******************************* Done to here **********************************
*/


.learnHead {
	line-height: 2em;
	font-weight: bold;
}
.finePrint {
	font-size: small;
    border-color: fff;
	border-size: 2px;

}
.badge {
	text-align: center;
}
.bump {
	line-height: 2px;
}
#refImg {
	margin-left: -10px;
}


.supportLeft, .supportRight {
	width: 385px;
	/*border-width: medium;
	border-color: orange;
	border-style: solid;*/
/*	background-color: #000;*/
}
.supportLeft {
	float: left;
	margin-left: 20px;
}
.supportRight {
	float: right;
	margin-right: 20px;
}
#imgRight {
	float: right;
	width: 385px;
	padding-left: 50px;
}

#hasSide {
	float: left;
	margin-left: 20px;
/*	margin-right: 260px;*/
	text-align: left;
	padding: 10px;
	width: 540px;
}
#sidebar {
	width: 190px;
	float: right;
	margin-right: 20px;
/*	margin-left: 580px;*/
	padding: 10px;
}
#learn {
	/*width: 200px;
	height: 45px;
	background-color: #E1E1E1;
	-moz-border-radius:10px;-webkit-border-radius:10px;
	color: #000;*/
}
.supportTable {
	margin-left: 0px;
	margin-right: auto;
	/*margin-top: 10px;*/
	border-spacing: 10px;
	/*text-align: center;*/
	table-layout: fixed;
}
#supportRefImg {
	float: right;
	padding: 7px 0px 7px 10px;
	margin-right: 0px;
	text-align: right;
}
#socialBar {
	text-align: left;
	table-layout: fixed;
}
td.social {
	max-width: 192px;
}

#hide {
	display: none;
}

@media screen and (max-width: 770px) {

}

@media screen and (max-width: 425px) {
.logo {
	display: none;
}
}