@charset "utf-8";
/* CSS Document */

/* Style Rules for the Divs of Cloud People Home Page, index.html */
#ContainerHomePage {
	height: 1300px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #9abd5f;
}
#bannerHeader {
	float: left;
	height: 300px;
	width: 1000px;
}
#menuButtons {
	float: left;
	height: 75px;
	width: 1000px;
}
#main {
	float: left;
	height: 700px;
	width: 1000px;
}
#reviewOfBookLink {
	float: left;
	height: 200px;
	width: 1000px;
}
#footer {
	float: left;
	height: 25px;
	width: 1000px;
}

/* Style Rules for the Divs of Review Of The Book Page, reviewOfBook.html */
#ContainerReviewOfBook {
	background: #dcf8ac;
	height: 1000px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #9abd5f;
}
#reviewOfBook {
	float: left;
	height: 975px;
	width: 1000px;
}
#leftIcon {
	float: left;
	height: 175px;
	width: 325px;
}
#middleIcon {
	float: left;
	height: 175px;
	width: 325px;
}
#rightIcon {
	float: right;
	height: 175px;
	width: 325px;
}

/* Style Rules for the Divs of 'AboutTheBook' Page, aboutTheBook.html */
#ContainerAboutTheBookPage {
	background: #9abd5f;
	height: 1800px;
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #9abd5f;
}
#bannerHeaderBig {
	float: left;
	height: 300px;
	width: 1300px;
}
#menuButtonsBig {
	float: left;
	height: 75px;
	width: 1300px;
}
#mainAboutThePage {
	background: #dcf8ac;
	float: left;
	height: 1200px;
	width: 1300px;
}
#interviewBar {
	float: left;
	height: 725px;
	width: 1300px;
}
#transcriptBar{
	float:left;
	height: 200px;
	width: 1300px;
	border:thin solid  #2704bd;
}
#bookSynopsisBar {
	float: left;
	margin-top: 180px;
	height: 300px;
	width: 650px;
}
#aboutTheAuthorBar {
	float: right;
	margin-top: 180px;
	height: 300px;
	width: 650px;
}
#discoverWhoLink {
	float: left;
	height: 200px;
	width: 1000px;
}
#longerBiographyBar {
	float: right;
	height: 200px;
	width: 300px;
}

/* Style Rules for the Divs of the extra page for 'Discover Who The Cloud People Are, discoverWho.html */
#ContainerDiscoverWho {
	background: #dcf8ac;
	height: 900px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #9abd5f;
}
#DiscoverWho {
	background-color: #dcf8ac;
	float: left;
	height: 775px;
	width: 700px;
}
#DiscoverWhoText {
	float: right;
	height: 775px;
	width: 300px;
}
#BuyMePage {
	float: left;
	height: 100px;
	width: 1000px;
}

/* Style Rules for the Divs of 'BuyMePage', buyMePage.html */
#ContainerBuyMePage {
	background-color: #dcf8ac;
	height: 1300px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #9abd5f;
}
#buyTheBook {
	float: left;
	height: 525px;
	width: 750px;
}
#linkToLookInside {
	float: left;
	height: 200px;
	width: 245px;
}
#buyAmazon {
	float: right;
	height: 162px;
	width: 245px;
}
#buyBarnesNoble {
	float: right;
	height: 162px;
	width: 245px;
}
#buyAtStMarys {
	float: left;
	height: 375px;
	width: 1000px;
}

/* Style Rules for the Divs of 'CloudPeopleBlogPage', cloudPeopleBlog.php */
#ContainerCloudPeopleBlogPage {
	background-color: #dcf8ac;
	height: 1600px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #9abd5f;
}
#TopBorder {
	float: left;
	height: 100px;
	width: 1000px;
}
#menuButtons {
	float: left;
	height: 75px;
	width: 1000px;
}
#blogHeaderBar {
	float: left;
	height: 200px;
	width: 1000px;
}
#blogDivider {
	float: left;
	height: 25px;
	width: 1000px;
}
#addToBlogBar {
	float: left;
	height: 400px;
	width: 1000px;
}
#postingBlogBar {
	float: left;
	height: 400px;
	width: 1000px;
}
#BottomBorder {
	float: left;
	height: 100px;
	width: 1000px;
}


/* === Style Classes === */
.textStyle {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1210f9;
}
.textStyleBuyMePage {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F00;
}
.interviewSyle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1210f9;
}
.centerStyle {
	text-align:center;
}
.disclaimerStyle {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
.firstLetterStyle{
	font-family:'Brush Script Std';
	font-size:50px;
}