/* Website template by freewebsitetemplates.com */
/*------------------------- Layout styles ------------------------*/
body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	/*background-color:#FF7F00;*/
}
#container {
	margin-top:0px;
	margin-left: auto; 
	margin-right: auto;
	width:1280px;
	height:auto;

}
#containerLeft {
	float:left;
	width:980px;
}
#containerRight {
	float:left;
	width:300px;
}

#header {
	width:980px;
    height:250px;
}
#header2 {
	width:1100px;
    height:250px;
	text-align:left;
	margin-bottom:-50px;

}
#nav {
	position:relative;
	width:900px;

	
}
#nav2 {
	position:relative;
	width:900px;

	
}
#textBG {
	width:300px;
	z-index:10;
	height:auto;
	background-color:#69F;
	margin-top:200px;
	font-family:"Bernard MT Condensed";
	font-size:16px;
	padding-left:5px;
	padding-right:5px;
	padding-top:-50px;
}
#edwardsPhoto {
	z-index:20;
	float:right;
	top:20px;
	width:280px;
	height:340px;
	right:30px;
	max-width:400px;
	max-height:400px;
}
.style-one { border: 0; height: 3px; background: #69F; background-image: linear-gradient(to right, #ccc, #66F, #ccc); margin:3px; margin-right:220px}
.style-three { border: 0; height: 3px; background: #69F; background-image: linear-gradient(to right, #ccc, #66F, #ccc); margin:3px;}
.style-two { border: 0; height: 3px; background: #cc2606; margin:3px}
.links {
	font-family:"Bernard MT Condensed";
	font-size:14px;
	margin:3px;
	color:#cc2606;
	font-weight:bold;

}
a.links:link {text-decoration:none;}
a.links:active {text-decoration:none;}
a.links:visited {text-decoration:none;}
a.links:hover {opacity: 0.9; text-decoration:none;}

.clear {clear:both;}
#content {
	float:left;
	top:-50px;
	width:980px;
	height:auto;
}
#content2 {
	float:left;
	top:-50px;
	width:980px;
	height:auto;
	margin-bottom:400px;
}
#content3 {
	float:left;
	top:-50px;
	width:980px;
	height:auto;
	margin-bottom:-300px;
}
#content4 {
	float:left;
	top:-50px;
	width:980px;
	height:auto;
}
.homeimg {
	float:left;
	padding:10px;
	width:20%;
}
.text1 {
	font-family:"Bernard MT Condensed";
	color:#69F;
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
}
.text2 {
	font-family:"Bernard MT Condensed";
	color:#cc2606;
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
}
.text3 {
	font-family:"Bernard MT Condensed";
	color:#69F;
	font-size:90px;
	font-weight:bold;
}
.text4 {
	font-family:"Bernard MT Condensed";
	color:#cc2606;
	font-size:70px;
	font-weight:bold;
}
.text5 {
	font-family:"Bernard MT Condensed";
	color:#69f;
	font-size:24px;
	font-weight:bold;
}
.text6 {
	font-family:"Bernard MT Condensed";
	color:#cc2606;
	font-size:50px;
	font-weight:bold;
}
.center {
	text-align:center;
}
#footer {
	position:relative;
    left: 15px;
    bottom: 7px;
	width:98%;
}
#footer2 {
	position:relative;
    left: 15px;
	padding-bottom:-980px;
	width:98%;
}
.push {width:100%; min-height:20px;}
.pushhome {width:100%; min-height:300px;}
.footerLeft {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	width:500px;
}
.footerCenter {
	float:left;
	width:35%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.twitter {
	padding-left:50px;
}

.imgrotate1 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
float:right;
top:115px;
right:2px;
}
.imgrotate2 {
	/* Rotate div */
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* Internet Explorer */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
position:relative;
top:14px;
left:0px;
text-align:center;
width:300px;
font-size:18px;
left:18px;
color:#FFF;
}
.imgrotate3 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:370px;
left:10%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate4 {
position:relative;
top:670px;
left:0%;
width:500px;

}

.imgrotate5 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:690px;
left:5%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate6 {
	/* Rotate div */
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* Internet Explorer */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
position:relative;
top:690px;
left:50%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate7 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:790px;
left:50%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate8 {
	/* Rotate div */
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* Internet Explorer */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
position:relative;
top:-180px;
left:55%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate9 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:400px;
left:1%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate10 {
position:relative;
top:460px;
text-align:center;
width:auto;
font-size:20px;
color:#FFF;
left:10%;
}
.imgrotate11 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:10px;
left:50%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate12 {
	/* Rotate div */
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* Internet Explorer */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
position:relative;
top:450px;
left:1%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate13 {
	/* Rotate div */
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* Internet Explorer */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
position:relative;
top:650px;
left:50%;
text-align:center;
width:400px;
font-size:18px;
color:#FFF;
}
.imgrotate14 {
	/* Rotate div */
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* Internet Explorer */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
position:relative;
top:450px;
left:1%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate15 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:450px;
left:50%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
}
.imgrotate16 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:360px;
left:20%;
text-align:center;
width:200px;
font-size:20px;
color:#FFF;
}
.imgrotate17 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:450px;
left:18%;
text-align:center;
width:200px;
font-size:20px;
color:#FFF;
}
.imgrotate18 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
position:relative;
top:520px;
left:35%;
text-align:center;
width:200px;
font-size:20px;
color:#FFF;
}
.imgrotate19 {
position:relative;
top:800px;
float:right;
text-align:center;
width:200px;
font-size:20px;
color:#FFF;
}
.imgrotate20 {
position:relative;
top:500px;
left:2%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
z-index:8;
}
.imgrotate21 {
	/* Rotate div */
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* Internet Explorer */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */	
position:relative;
top:380px;
left:55%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
z-index:4;
}
.imgrotate22 {
	/* Rotate div */
transform:rotate(-2deg);
-ms-transform:rotate(-2deg); /* Internet Explorer */
-moz-transform:rotate(-2deg); /* Firefox */
-webkit-transform:rotate(-2deg); /* Safari and Chrome */
-o-transform:rotate(-2deg); /* Opera */	
position:relative;
top:200px;
left:2%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
z-index:4;
}
.imgrotate23 {
	/* Rotate div */
transform:rotate(-2deg);
-ms-transform:rotate(-2deg); /* Internet Explorer */
-moz-transform:rotate(-2deg); /* Firefox */
-webkit-transform:rotate(-2deg); /* Safari and Chrome */
-o-transform:rotate(-2deg); /* Opera */	
position:relative;
top:510px;
left:50%;
text-align:center;
width:300px;
font-size:18px;
color:#FFF;
z-index:4;
}

.imgrotate24 {
	/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */	
position:relative;
top:290px;
left:4%;
text-align:center;
width:400px;
font-size:20px;
color:#FFF;
z-index:4;
}


.contentLeft {
	width:69%;
	height:auto;
	float:left;
}
.contentRight {
	width:28%;
	height:auto;
	float:right;
	padding-top:100px;
}

.pageHeader {
		font-family:"Bernard MT Condensed";
	color:#cc2606;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:25px;
	padding-left:25px;
}
.error {color:#F00; padding-left:260px; font-size:12px;}
.form {padding-left:200px;}
.red {color:#F00;}
.adminLinks {list-style-type: none;}
.newsList {list-style-type: none;}
.adminContent {margin-left:20px; float:left; width:100%;}
.newsimg {
	float:left;
	width:300px;
	padding:15px;
}
.newsContent {
	float:left;
	width:760px;
	background-color:#69F;
	min-height:700px;
	padding:5px;
}
#newssearch {
	float:right;
	padding-right:100px;
}

.oval-thought1 {
  position:relative;
  width:270px;
  left:8%;
  top:-120px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#075698;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought1 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought1:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:50px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought1:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:30px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply1 {
	position:relative;
	font-size:22px;
	color:#900;
	top:-190px;
	left:55%;
	width:200px;
}
.oval-thought2 {
  position:relative;
  width:470px;
  left:-20%;
  top:-170px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#900;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#900), to(#9008));
  background:-moz-linear-gradient(#900, #900);
  background:-o-linear-gradient(#900, #900);
  background:linear-gradient(#900, #900);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought2 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought2:before {
  content:"";
  position:absolute;
  bottom:-35px;
  left:390px;
  width:30px;
  height:30px;
  background:#900;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought2:after {
  content:"";
  position:absolute;
  bottom:-55px;
  left:410px;
  width:15px;
  height:15px;
  background:#900;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply2 {
	position:relative;
	font-size:48px;
	color:#075698;
	top:-195px;
	left:40%;
	width:200px;
}

.oval-thought3 {
  position:relative;
  width:270px;
  left:30%;
  top:-300px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#075698;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought3 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought3:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:40px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought3:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:25px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply3 {
	position:relative;
	font-size:22px;
	color:#900;
	top:-375px;
	left:78%;
	width:200px;
}

.oval-thought4 {
  position:relative;
  width:470px;
  left:-20%;
  top:-370px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#900;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#900), to(#9008));
  background:-moz-linear-gradient(#900, #900);
  background:-o-linear-gradient(#900, #900);
  background:linear-gradient(#900, #900);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought4 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought4:before {
  content:"";
  position:absolute;
  bottom:-35px;
  left:390px;
  width:30px;
  height:30px;
  background:#900;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought4:after {
  content:"";
  position:absolute;
  bottom:-55px;
  left:410px;
  width:15px;
  height:15px;
  background:#900;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply4 {
	position:relative;
	font-size:48px;
	color:#075698;
	top:-395px;
	left:40%;
	width:200px;
}

.oval-thought5 {
  position:relative;
  width:270px;
  left:30%;
  top:-500px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#075698;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought5 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought5:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:40px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought5:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:25px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply5 {
	position:relative;
	font-size:22px;
	color:#900;
	top:-575px;
	left:78%;
	width:200px;
}


.oval-thought6 {
  position:relative;
  width:470px;
  left:-20%;
  top:-570px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#900;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#900), to(#9008));
  background:-moz-linear-gradient(#900, #900);
  background:-o-linear-gradient(#900, #900);
  background:linear-gradient(#900, #900);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought6 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought6:before {
  content:"";
  position:absolute;
  bottom:-35px;
  left:390px;
  width:30px;
  height:30px;
  background:#900;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought6:after {
  content:"";
  position:absolute;
  bottom:-55px;
  left:410px;
  width:15px;
  height:15px;
  background:#900;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply6 {
	position:relative;
	font-size:48px;
	color:#075698;
	top:-595px;
	left:40%;
	width:200px;
}

.oval-thought7 {
  position:relative;
  width:270px;
  left:30%;
  top:-700px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#075698;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought7 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought7:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:40px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought7:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:25px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply7 {
	position:relative;
	font-size:22px;
	color:#900;
	top:-775px;
	left:78%;
	width:200px;
}

.oval-thought8 {
  position:relative;
  width:470px;
  left:-20%;
  top:-770px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#900;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#900), to(#9008));
  background:-moz-linear-gradient(#900, #900);
  background:-o-linear-gradient(#900, #900);
  background:linear-gradient(#900, #900);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought8 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought8:before {
  content:"";
  position:absolute;
  bottom:-35px;
  left:390px;
  width:30px;
  height:30px;
  background:#900;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought8:after {
  content:"";
  position:absolute;
  bottom:-55px;
  left:410px;
  width:15px;
  height:15px;
  background:#900;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply8 {
	position:relative;
	font-size:48px;
	color:#075698;
	top:-795px;
	left:40%;
	width:200px;
}

.oval-thought9 {
  position:relative;
  width:270px;
  left:30%;
  top:-980px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#075698;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought9 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought9:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:40px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought9:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:25px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply9 {
	position:relative;
	font-size:22px;
	color:#900;
	top:-975px;
	left:78%;
	width:200px;
}
.oval-thought10 {
  position:relative;
  width:470px;
  left:-20%;
  top:-970px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#900;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#900), to(#9008));
  background:-moz-linear-gradient(#900, #900);
  background:-o-linear-gradient(#900, #900);
  background:linear-gradient(#900, #900);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought10 p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought10:before {
  content:"";
  position:absolute;
  bottom:-35px;
  left:390px;
  width:30px;
  height:30px;
  background:#900;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought10:after {
  content:"";
  position:absolute;
  bottom:-55px;
  left:410px;
  width:15px;
  height:15px;
  background:#900;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.reply10 {
	position:relative;
	font-size:48px;
	color:#075698;
	top:-995px;
	left:40%;
	width:200px;
}
.shoptext1 {
	color:#69F;
	font-size:26px;
	font-family:"Bernard MT Condensed";
}
.shoptext2 {
	color:#cc2606;
	font-size:32px;
	font-family:"Bernard MT Condensed";
}
.booktext1 {
	color:#69F;
	font-size:18px;
	font-family:"Bernard MT Condensed";
}
.booktext2 {
	color:#69F;
	font-size:14px;
	font-family:"Bernard MT Condensed";
}
.booktext3 {
	color:#cc2606;
	font-size:14px;
	font-family:"Bernard MT Condensed";
}
.booktext4 {
	color:#075698;
	font-size:18px;
	font-family:"Bernard MT Condensed";
}
.bookIMG {
	float:left;
	width:220px;
	height:270px;
	padding-left:20px;
}
.bookText {
	float:left;
	padding-left:15px;
	width:65%;
	height:auto;
}
.shopLeft {
	float:left;
	width:760px;
	padding:5px;
	min-height:600px;
}
.shopRight {
	float:left;
	width:300px;
	padding:15px;
}
.adminLeft {
	float:left;
	width:760px;
	padding:5px;
	min-height:600px;
}
.adminRight {
	float:left;
	width:300px;
	padding:15px;
}
.fontlarge {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:90px;
	color:#006;
}
.minus {
	float:left;
	font-size:12px;
	width: auto;
	height:20px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	   border: 0;
    background: #69f;
	color:#FFF;
	font-weight:bold;
	cursor: pointer;
	
}
.inputQTY {
	float:left;
	font-size:11px;
	height:14px;
	
}
.plus {
	float:left;
	font-size:12px;
	height:20px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	   border: 0;
    background: #69f;
	color:#FFF;
	font-weight:bold;
	cursor: pointer;
}
.addBasket {
	float:left;
	font-size:12px;
	height:20px;
	width: auto;
    border: 0;
    background: #69f;
	color:#FFF;
	font-weight:bold;
	cursor: pointer;
	border-radius:5px;
	margin-left:10px;
}
.price {
	float:left;
	padding-left:20px;
	padding-right:20px;
	
}
.Button {
    border-radius: 5px;
    border: 0;
    background: #69f;
	padding:7px;
	width: auto;
    font-size: 12px;
	color:#FFF;
	font-weight:bold;
	cursor: pointer;
}
.smallLinkText {
	color:#000;
	font-size:12px;
}
.title {
position : relative;
top : 10px;
left : 25px;
border-left : 1px solid black;
border-right : 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
background-color : white;
padding : 8px 8px 8px 8px;
font-size:14px;
} 
.box {
border : 1px solid black;
padding-left : 10px;
padding-top:25px;
padding-right:10px;
padding-bottom:10px;
height:auto;
width:90%;
}
.formlist li {list-style-type:none; text-indent: 5em; line-height:2.6em;}
.topnav {
	width:100%;
	height:auto;
	
	padding-top:8px;
	padding-bottom:8px;
}
.topnav a {
	color:#000;
	height:auto;
	font-size:20px;
	font-family:"Bernard MT Condensed";
	margin:3px;
	
	color:#cc2606;
	font-weight:bold;
	
}
.topnav a:hover {
	color:#FFF;
	height:auto;
	font-size:20px;
	font-family:"Bernard MT Condensed";
	margin:3px;
	
	color:#cc2606;
	font-weight:bold;
	opacity:0.5;
}

.last {
	padding-right:-10px;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 680px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
	color:#FFF;
    float: left;
    display: block;
	font-size:38px;
	font-family:"Bernard MT Condensed";
	margin:3px;
	text-transform:uppercase;
	color:#cc2606;
	font-weight:bold;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 680px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 15px;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	padding-bottom:10px;
	position:relative;
	margin-top:10px;
  }
  .style-three {
	  display:none;
  }
  .links {
	font-family:"Bernard MT Condensed";
	font-size:26px;
	margin:3px;
	color:#cc2606;
	font-weight:bold;
	padding-left:2%;

}
} 

.headerFloat {
	float:left;
}
.filmImgFloat {
	float:left;
	margin-left:30px;	
}
.filmImg {
		max-height:130px;
}