@charset "UTF-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}

		iframe { width: 90%; margin: 0 0 20px 0; }


.wrapper {
	width:640px;
	float:left;
	background-color:#FFF;
	
}
.clear {
	clear:both;
	height:10px;
}

.floatLeft {
	float:left;
}

.leftColumn {
	width:250px;
	float:left;
}

.rightColumn {
	min-width:250px;
	max-width:350px;
	float:left;
	margin-left:10px;
}

h1 {
	font-size:1.3em;
	border-bottom:5px;
	color:#33449c;
	margin-top:0;
	margin-bottom:5px;
}

h2 {
	font-size:1.1em;
	border-bottom:5px;
	color:#33449c;
	margin-top:0;
}


a.btn {
	line-height:30px;
	/*width:100%;*/
	background-color:#003DA6;
	border:1px solid #FFF;
	-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
display:block;
text-align:center;
color:#FFF;
margin-top:5px;
padding:0 10px 0 10px;
text-decoration:none;
font-size:14px;
float:left;
}

a.btn:hover {
	background-color:#053272;
}


p {
	font-size:12px;
	text-align:left;
	color:#000;
	margin:0;
	margin-bottom:3px;
}

.floatLeft {
	float:left;
}

.leftColumn img {
	margin-bottom:5px;
	border:1px solid #33449c;
	-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
}

img.book {
	padding: 0px 5px 0 0;
}

@media only screen and (min-width: 250px) and (max-width: 480px) {
        .wrapper                                  { width: 250px; }
    }
	
	@media only screen and (min-width: 600px) and (max-width: 980px) {
        .wrapper                                  { width: 640px; }
    }