@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	10;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95.7727%;
	padding-left: 1.1136%;
	padding-right: 1.1136%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contentTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#resource-1 {
	clear: both;
	float: left;
	margin:10px 0 10px 0;
	text-align:center;
	border-radius:10px;
	width: 100%;
	display: block;
}
#resource-2 {
	clear: both;
	float: left;
	margin:10px 0 10px 0;
	text-align:center;
	border-radius:10px;
	width: 100%;
	display: block;
}
#resource-3 {
	clear: both;
	float: left;
	margin:10px 0 10px 0;
	text-align:center;
	border-radius:10px;
	width: 100%;
	display: block;
}
#resource-4 {
	clear: both;
	float: left;
	margin:10px 0 10px 0;
	text-align:center;
	border-radius:10px;
	width: 100%;
	display: block;
}
#contentBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.topContentsBox{ /*Positioned under header*/
	max-width:900px;
	padding:0;
	margin-top:0;
	background: #FFFFFF;
   	border-top:none;
  	text-align:left;
	/*box-shadow: 10px 10px 8px rgba(0, 0, 0, .5);
  -webkit-box-shadow:10px 10px 8px rgba(0, 0, 0, .5);
  -moz-box-shadow:10px 10px 8px rgba(0, 0, 0, .5);*/
}
.boxContentsTop{
	max-width:900px;
	padding:5px 35px 5px 35px;
	margin-top:0;
	background: #FFFFFF;
    /*border-radius:0 0 10px 10px;
    border:10px solid #798473;*/
	border-top:none;
}
.standardBox{ 
	max-width:900px;
	padding:0px;
    background: #FFFFFF;
    /*border-radius: 10px;*/
    /*border:10px solid #798473;*/
    margin-top:0;
	text-align:left;
	/*box-shadow: 10px 10px 8px rgb(35,29,31);
  -webkit-box-shadow:10px 10px 8px rgb(35,29,31);
  -moz-box-shadow:10px 10px 8px rgb(35,29,31);*/
}
.boxContentsStan{
	max-width:900px;
	padding:5px 35px 5px 35px;
	margin-top:0;
	background: #FFFFFF;
   /* border-radius:10px;
    border:10px solid #798473;*/	
}
.bookContentsBox{
	max-width:900px;
	padding:25px 5px 25px 10px;
	margin-top:0;
    border-radius:10px 10px 10px 10px;
    border: 5px solid #ebebeb;  
	/*border-top:none;*/
	text-align:left;
	display:block;
	}
.resize{
		width:100%;
	}
.girlTalk{ 
		float:left;
		width:100%;
	}
.flexColumnAdjust {
	width:100%	
	-webkit-justify-content: center; /* Safari */
    justify-content:         center;	
	-webkit-flex-direction: row; /* Safari */
    flex-direction:         row;
	 -webkit-align-content: space-between; /* Safari */
  align-content:         space-between;
    -webkit-flex-wrap: wrap; /* Safari */
     flex-wrap:         wrap;
     display: -webkit-flex; /* Safari */
     display: flex;
}
.resourceBg{
	width:100%;
	float:left;
	background:rgba(131,55,39,0.6)/*(213, 202, 164,0.4)*/;
    border: 1px solid #BA8865/*#833727*/;
}
.siteName{
	font-family:/*'Life Savers', cursive*/ 'Imprima', serif;
	font-size:30px;
	font-weight:bold;
	color: #F99;
	margin-top:20px;
	margin-left:15px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 91.9431%;
	padding-left: 0.5284%;
	padding-right: 0.5284%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:0;
	width: 100%;
	display: block;
}
#contentTop {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	display: block;
}
#resource-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.4252%;
	display: block;
}
#resource-2 {
	clear: none;
	float: left;
	margin-left: 1.1494%;
	width: 49.4252%;
	display: block;
}
#resource-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.4252%;
	display: block;
}
#resource-4 {
	clear: none;
	float: left;
	margin-left: 1.1494%;
	width: 49.4252%;
	display: block;
}
#contentBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.topContentsBox{ /*Positioned under header*/
	max-width:900px;
	padding:0;
	margin-top:0;
	background: #FFFFFF;
    border-radius:0 0 10px 10px;
  	border-top:none;
    margin-bottom:15px;
	text-align:left;
	box-shadow: 10px 10px 8px rgba(0, 0, 0, .5);
  -webkit-box-shadow:10px 10px 8px rgba(0, 0, 0, .5);
  -moz-box-shadow:10px 10px 8px rgba(0, 0, 0, .5);
}
.boxContentsTop{
	max-width:900px;
	padding:20px 35px 20px 35px;
	margin-top:0;
	background: #FFFFFF;
    border-radius:0 0 10px 10px;
    border:10px solid #B98166;
	border-top:none;
}
.standardBox{  /*Contains styles "bookContents" and "bookContentsHead"*/
	max-width:900px;
	padding:0px;
    background: #FFFFFF;
    border-radius: 10px;
    /*border:10px solid #798473;*/
    margin-top: 10px;
	text-align:left;
	box-shadow: 10px 10px 8px rgb(35,29,31);
  -webkit-box-shadow:10px 10px 8px rgb(35,29,31);
  -moz-box-shadow:10px 10px 8px rgb(35,29,31);
}
.boxContentsStan{
	max-width:900px;
	padding:20px 35px 20px 35px;
	margin-top:0;
	background: #FFFFFF;
    border-radius:10px;
    border:10px solid #B98166;
	/*border-top:none;*/
}
.bookContentsBox{
	max-width:900px;
	padding:25px 5px 25px 10px;
	margin-top:0;
    /*border-radius:10px 10px 10px 10px;*/
    border: none;  
	/*border-top:none;*/
	text-align:left;
	display:block;
	}
.resize{
		width:100%;
	}
	
.girlTalk{
		float:left;
		width:100%;
	}
.flexColumnAdjust {
	height:auto;
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;	
	-webkit-flex-direction: row; /* Safari */
    flex-direction:         row;
    -webkit-flex-wrap: wrap; /* Safari */
     flex-wrap:         wrap;
	  -webkit-align-content: space-between; /* Safari */
  align-content:         space-between;
     display: -webkit-flex; /* Safari */
     display: flex;
}
.resourceBg{
	width:100%;
	float:left;
	background:rgba(131,55,39,0.6)/*(213, 202, 164,0.4)*/;
    border-radius: 10px;
    border: 1px solid #BA8865/*#833727*/;
}
.siteName{
	font-family:/*'Life Savers', cursive*/ 'Imprima', serif;
	font-size:40px;
	font-weight:bold;
	color: #F99;
	margin-top:20px;
	margin-left:15px;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 89.3181%;
	max-width: 1232px;
	padding-left: 0.3409%;
	padding-right: 0.3409%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contentTop {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	width: 100%;
	display: block;
}
#resource-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.4274%;
	display: block;
}
#resource-2 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 24.4274%;
	display: block;
}
#resource-3 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 24.4274%;
	display: block;
}
#resource-4 {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 24.4274%;
	display: block;
}
#contentBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.topContentsBox{ /*Positioned under header*/
	max-width:900px;
	padding:0;
	margin-top:0;
	background: #FFFFFF;
    border-radius:0 0 10px 10px;
  	border-top:none;
    margin-bottom:15px;
	text-align:left;
	box-shadow: 10px 10px 8px rgba(0, 0, 0, .5);
  -webkit-box-shadow:10px 10px 8px rgba(0, 0, 0, .5);
  -moz-box-shadow:10px 10px 8px rgba(0, 0, 0, .5);
}
.boxContentsTop{
	max-width:900px;
	padding:20px 35px 20px 35px;
	margin-top:0;
	background: #FFFFFF;
    border-radius:0 0 10px 10px;
    border:10px solid #B98166;
	border-top:none;
}
.standardBox{  /*Contains styles "bookContents" and "bookContentsHead"*/
	max-width:900px;
	padding:0px;
    background: #FFFFFF;
    border-radius: 10px;
    /*border:10px solid #798473;*/
    margin-top: 10px;
	text-align:left;
	box-shadow: 10px 10px 8px rgb(35,29,31);
  -webkit-box-shadow:10px 10px 8px rgb(35,29,31);
  -moz-box-shadow:10px 10px 8px rgb(35,29,31);
}
.boxContentsStan{
	max-width:900px;
	padding:20px 35px 20px 35px;
	margin-top:0;
	background: #FFFFFF;
    border-radius:10px;
    border:10px solid #B98166;
	/*border-top:none;*/
}
.bookContentsBox{
	max-width:900px;
	padding:25px 5px 25px 10px;
	margin-top:0;
    border-radius:none;
    border:none;  
	/*border-top:none;*/
	text-align:left;
	display:block;
}
.resize{
		width:62%;
	}
.girlTalk{
		float:right;
		width:62%;
	}
.flexColumnAdjust {
	float:left;
	height:470px;	
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;	
	-webkit-flex-direction: column; /* Safari */
    flex-direction:         column;
    -webkit-flex-wrap: wrap; /* Safari */
     flex-wrap:         wrap;
	  -webkit-align-content: space-between; /* Safari */
  align-content:         space-between;
     display: -webkit-flex; /* Safari */
     display: flex;
}
.resourceBg{
	width:100%;
	float:left;
	/*padding:10px;*/
	background:rgba(131,55,39,0.6)/*(213, 202, 164,0.4)*/;
    border-radius: 10px;
    border: 1px solid #BA8865;
}
.siteName{
	font-family:/*'Life Savers', cursive*/ 'Imprima', serif;
	font-size:45px;
	font-weight:bold;
	color: #F99;
	margin-top:20px;
	margin-left:15px;
}
  
  
  
@media only screen and (min-width: 1150px) {
                    body { font-size:102%;}
                    .gridContainer {max-width:900px;}
}