body {background-color: #ffffff; margin:0; border-top:#265585 15px solid;}
.container {width: 980px; margin:0 auto; overflow:auto; background-color:#FFFFFF; min-height:900px;}
img {border:0;}

/*Header*/
.support a {float:right; color:#265585; font-family:Arial, Helvetica, sans-serif; margin:1% 4% 0 0; text-decoration:none; font-size:14px;}
.header-column {width:940px; overflow: hidden; margin:0 auto;}
.header-column-text{color:#59595a; font-family: Arial, Helvetica, sans-serif; font-size:18pt; text-align:center; padding: 3% 5% 0% 5%;}
.database-contact {width:360px; margin: 0 auto; text-align:center;}
.database {width:60%; float:left; background-image: url("images/blue-background.png"); background-repeat: repeat; display:block; text-align:center;}
.contact {width:40%; float:right; background-image: url("images/contact-background.png"); display:block; text-align:center;}
.database a, .contact a {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; width:100%; display:block; padding: 6px 0;}
/*Header */

/*Level 1*/
#level-one {background:#ffffff; padding: 3% 0 0 1%;}
#level-one .column { display:inline-block; width:156px; vertical-align:top;}
#level-one img {padding-bottom:13%; border:0;}
.column, .hide {width:156px;}
.column a {margin-left:0px; width:90%; margin:0 0 2px 7%; background-color:#808080; border-radius:4px !important; padding:3px 0; display:block; text-align:center; color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#level-one-tos {background:#ffffff; padding: 0; font-family:Arial,Helvetica,sans-serif; font-size:14px; }
/*Level 1*/

/*Level 2*/
.level-two {text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#797a7d; margin-top:10%; display:block}
.level-two a {text-decoration:none; color:#797a7d;}
.level-two img {margin-top:2%;}
/*Level 2*/

@media only screen and (max-width: 568px) {
.container {width:100%!important; min-height:1350px!important;}
.database-contact {width:85%;}
.header-column-text {margin-top:2%; font-size:14px;}
.header-column {width:100%;}
.header-column-text img {padding:8% 0 0 0; width:65%;} 
.database-contact {font-size:12px;}

/*Level 1*/
#level-one {padding-left:0px!important; margin-left:5%;}
#level-one-tos {padding-left:0px!important; margin-left:5%;}
#level-one .column { width:45%;}
/*End Level 1*/

/*Level 2 */
.level-two {width:90%; margin:0 auto; font-size:12px; padding-top:15%;}
.level-two img {margin-top:10%;}
/*Level 2*/
}

/* Ipad (portrait) --------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.container {width:90%!important; min-height:1150px!important;}
.books {margin-top:8%;}
.header-column {width:100%}
.header-column-text img {padding:8% 0 0 0; width:65%!important;} 
#level-one {margin-left:10%!important;}
#level-one-tos {margin-left:8%!important;}
.hide {display:none!important;}}

/* Nexus 7 (portrait) ----------- */
@media only screen and (max-width : 603px) and (orientation: portrait) {
.container {width:100%!important}
.header-column {width:100%}
.header-column-text img {padding:8% 0 0 0; width:65%!important;}
#level-one {margin-left:10%!important;}
#level-one-tos {margin-left:8%!important;}
.hide {display:none!important;}}

 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0in;margin-bottom:.0001pt;font-size:14.0px;font-family:Arial, Helvetica, sans-serif;}