/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


img{
margin: 0;
padding: 0;
border: 0;
display: block;
}


/*----------------------------------------------------------------------------------------------------------*/

body{
font-size: 9pt;
line-height: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #363636;
background-color: white;
/*background-size: 100%;*/
overflow: auto;
}


#container{
width: 100%;
margin: auto;
max-width: 799px;
overflow: auto;
background-image: url("images/background.jpg");
background-repeat: no-repeat;
background-position: fixed top;
}

/*----------------------------------------------------------------------------------------------------------*/

header{
float: left;
width: 100%;
}

.non-printing{
display: none;
}

nav{
float: left;
margin-top: 10px;
margin-left: 3%;
}

#pages{
float: left;
}

.navText{
font-size: 8pt;
}

.navigation{
float: left;
width: 90%;
margin-top: 6%;
margin-left: 3%;
}

.navigation ul{
float: left;	
}

.navigation li{
display: inline-block;
}

#other{
float: left;
width: 100%;
margin-bottom: 3%;	
}

#sites{
float: left;
width: 100%;
margin-bottom: 2%;
}




section{
float: left;
width: 370px;
margin-top: 130px;
margin-left: 3%;
}

section img{
width: 100%;	
}



.spotlights{
float: left;
width: 96%;
margin-top: 2%;
margin-left: 3%;
margin-bottom: 2%;	
}





article{
float: left;
width: 62%;
}

article iframe{
width: 100%; 
height: 262px;
}

aside{
width: 30%;
float: right;
margin-right: 3%;
}


.antispam { 
display:none;
}


footer{
float: left;
width: 100%;
height: 20%;
font-size: 6.5pt;
color: #136c84;
border-top: 2px solid #81c4f3;
}

.footerText{
color: #525252;
font-size: 7pt;
line-height: 10pt;
}

.backtotop{
color: #525252;
font-size: 7pt;
line-height: 10pt;
}

.backtobooks{
color: #525252;
font-style: italic;
font-size: 7pt;
line-height: 10pt;
}

.footerText2{
color: #d9d9d9;
font-size: 7pt;
line-height: 9pt;
text-align: left;
}


/* -------------------------MEDIA QUERIES-----------------------------*/

/* ------SMALLEST SCREEN---- */

@media screen and (max-width: 330px){
/*body{
background-color: yellow;	
}*/
	

section{
float: left;
width: 270px;
}


article{
width: 92%;
}

article iframe{
width: 100%; 
height: 150px;
}

aside{
float: left;
width: 90%;	
}


}	
	


/* --------PHONE---------*/

@media screen and (min-width: 331px) and (max-width: 480px){
/*body{
background-color: pink;	
}*/


section{
float: left;
width: 80%;
}


article{
width: 92%;
}

article iframe{
width: 100%; 
height: 200px;
}



aside{
float: left;
width: 90%;	
}

aside img{
float: left;
width: 50%;	
}



}
	

@media screen and (min-width: 481px) and (max-width: 570px){
/*body{
background-color: yellow;	
}*/



article{
width: 92%;
}

article iframe{
width: 90%; 
height: 262px;
}


aside{
float: left;
width: 90%;	
}

	
}

@media screen and (min-width: 571px) and (max-width: 750px){
/*body{
background-color: pink;	
}*/


article{
width: 92%;
}

article iframe{
width: 80%; 
height: 262px;
}


aside{
float: left;
width: 70%;	
}


}

/*-------------------------------------------------------CONTENT--------------------------*/


p{
padding-bottom: 10px;
}

.intro{
font-size: 10pt;
line-height: 16pt;
padding-bottom: 12px;
}

h1{
color: #525252;
font-size: 10pt;
line-height: 16pt;
font-weight: bold;
padding-top: 20px;
padding-bottom: 5px;
}

h2{
color: #525252;
font-size: 8.5pt;
line-height: 14pt;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}

.bold{
font-weight: bold;
}

.italic{
font-style: italic;
}

.text7{
font-size: 7pt;
}

.reviewcredit{
font-size: 7.5pt;
line-height: 9pt;
font-style: italic;
}

.readmore{
font-size: 7.5pt;
line-height: 9pt;
}

.headingbold{
color: #525252;
font-size: 8.5pt;
line-height: 14pt;
font-weight: bold;
}

.headingblue{
color: #0095ca;
font-size: 10pt;
line-height: 14pt;
font-weight: bold;
}

.headingblue2{
color: #577cd4;
font-size: 11pt;
line-height: 16pt;
font-weight: bold;
}

.headingblue3{
color: #60ade3;
font-size: 9pt;
line-height: 14pt;
font-weight: bold;
}

.bookTextItalicSM{
font-size: 7.5pt;
line-height: 11pt;
font-style: italic;
}


/*--------------------------------CONTACT FORM----------------------------*/


#contact_form{
width: 100%;
}

#contact_form td{
vertical-align: top;
padding: 0px 0px 0px 0px;
background-color: none;
}

#contact_form input{
margin-top: 1%;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
background-color:  #ffffff;
padding: 3px 3px 3px 3px;
border: 1px solid #d8c2b0;
}

#contact_form textarea{
margin-top: 1%;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color:  #ffffff;
padding: 3px 3px 3px 3px;
border: 1px solid #d8c2b0;
}

#contact_form button{
background-color:  #ffffff;
border: 1px solid #d8c2b0;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}






/*-------------------------------------------------------LINKS--------------------------*/

A {
color: #484848;
text-decoration: underline;
}
A:HOVER {
color: #484848;
text-decoration: none;
}



A.footerText{
color: #525252;
font-size: 7pt;
line-height: 10pt;
text-decoration: none;
}
A.footerText:HOVER{
color: #525252;
font-size: 7pt;
line-height: 10pt;
text-decoration: underline;
}

A.backtotop {
font-size: 7pt;
color: #525252;
text-decoration: underline;
}
A.backtotop:HOVER {
font-size: 7pt;
color: #525252;
text-decoration: none;
}

A.backtobooks {
font-size: 7pt;
color: #525252;
text-decoration: underline;
}
A.backtobooks:HOVER {
font-size: 7pt;
color: #525252;
text-decoration: none;
}

A.readmore {
font-size: 7pt;
color: #525252;
text-decoration: underline;
}
A.readmore:HOVER {
font-size: 7pt;
color: #525252;
text-decoration: none;
}

a.navText{
color: #204396;
text-decoration: none;
}

a.navText:hover{
color: #204396;
text-decoration: underline;
}