/* CSS Document */
*{
	margin:0;
	padding:0;
}
html{ overflow-x:hidden;}
body{
	margin:0 auto;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color:#282C35;
}
#container{
	/* [disabled]width:100%; */
	height: 100%;
	margin: auto;
	border: 1px solid #282C35;
}
#container #introstride{
	width:100%;
	height:35px;
	float:left;
	border-bottom:3px solid #FF8D1C;
}
#introstride .smalllogo{
	width:20%;
	height:30px;
	float:left;
	margin-top:1px;
}
#introstride .socialmedialogo{
	width:33%;
	height:30px;
	float:left;
	margin-left:20px;
	margin-top:1px;
	text-align:center;
	border-left:2px solid #FF8D1C;
}
.socialmedialogo p{
	padding:1px 1px 5px 25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#FF8D1C;
}
#introstride .phonecontact{
	width:42%;
	height:30px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	size:14px;
	margin-top:1px;
	margin-left:20px;
	border-left:2px solid #FF8D1C;
}
.phonecontact p{
	padding:12px 1px 5px 25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#FF8D1C;
}
#container #header{
	width:100%;
	height:570px;
	float:left;
}

#container #menu{
	width:100%;
	height:35px;
	float:left;
	margin:auto;
	background-color:#000;
}
#menu ul{
	float:none;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:center;
}
#menu li{
	display:inline;
	list-style-type:none;
	padding:5px 20px 5px 20px;
	margin-top:8px;
}
#menu ul li a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:center;
	dbackground-color:#804040;
	-moz-border-radius: 20px 0px 20px 0px;
	border-radius: 20px 0px 20px 0px;
	padding:10px 10px 3px 10px;
	color:#FFF;
	border-bottom:4px solid #FF8D1C;
}
#menu ul li a:hover{
	color:#F00;
	background-color:#400000;
	d-moz-border-radius:5px;
	dborder-radius:5px;
}
#menu ul li a:active{
	text-decoration:none;
	color:#000066;
}
/*end menu here*/



#container #maincontent{
	width:100%;
	height:100%;
	float:left;
	background-color:#FFF;
}
#maincontent p{
	padding:5px 5px 10px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
}
#maincontent a{
	text-decoration:underline;
	color:#0C0;
}
#maincontent a:hover{
	text-decoration:none;
	color:#F60;
}
#maincontent .buynowaddress{
	width:30%;
	height:1050px;
	float:left;
	border-right:2px solid #FF8D1C;
	margin-left:2%;
}
#maincontent .paymentform{
	width:55%;
	height:100%;
	float:left;
	margin-left:1%;
	dborder-left:1px solid #FF8D1C;
}


/* Style the button that is used to open and close the collapsible content */
#maincontent .collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color:#F3F3F3;
}
.content p{
	padding:5px 5px 10px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}
.content a{
	text-decoration:underline;
	color:#0C0;
}
.content a:hover{
	text-decoration:none;
	color:#F60;
}

#maincontent .aboutfranklin{
	width:100%;
	height:320px;
	float:left;
	background-color:#FFF;
	dborder-right:1px solid #E5E5E5;
}
.aboutfranklin .franklinpicture{
	width:17%;
	height:260px;
	float:left;
	margin-top:30px;
	margin-left:60px;
	dborder-right:1px solid #E5E5E5;
}
.aboutfranklin .franklinabout{
	width:71%;
	height:260px;
	float:left;
	margin-top:30px;
	margin-left:30px;
	dborder:1px solid #E5E5E5;
}
.franklinabout p{
	padding:5px 5px 10px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	text-align:justify;
}
.franklinabout a{
	text-decoration:underline;
	color:#0C0;
}
.franklinabout a:hover{
	text-decoration:none;
	color:#F60;
}

#container #titlebar{
	width:100%;
	height:50px;
	float:left;
	dmargin-top:20px;
	background-color:#FFF;
	text-align:center;
	dfont-family:"Comic Sans MS", cursive;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font:bold;
	color:#F20000;
}

#container #videoclip{
	width:100%;
	height:310px;
	float:left;
	dmargin-top:25px;
	background-color:#FFF;
	text-align:center;
}
#videoclip .shortclip1{
	width:360px;
	height:240px;
	float:left;
	margin-top:5px;
	margin-left:20px;
	background-color:#000;
	text-align:center;
}
#videoclip .shortclip2{
	width:360px;
	height:240px;
	float:left;
	margin-top:5px;
	margin-left:20px;
	background-color:#000;
	text-align:center;
}
#videoclip .shortclip3{
	width:360px;
	height:240px;
	float:left;
	margin-top:5px;
	margin-left:20px;
	background-color:#000;
	text-align:center;
}

#container #photogallery{
	width:100%;
	height:220px;
	float:left;
	margin-top:25px;
	dmargin-bottom:25px;
	background-color:#282C35;
	dtext-align:center;
}


#container #boxmore{
	width:100%;
	height:780px;
	float:left;
	background-color:#FFF;
	text-align:center;
}

#boxmore .contmore{
	width:45%;
	height:700px;
	float:left;
	margin-top:40px;
	margin-left:3%;
	dbackground-color:#FFFFBF;
	dborder:1px solid #F47A00;
	border-radius:15px;
}
.contmore .events{
	width:100%;
	height:210px;
	float:left;
	dmargin-top:40px;
	dmargin-left:3%;
	dbackground-color:#FFFFBF;
	dborder:1px solid #F47A00;
	dborder-radius:15px;
}
.contmore .eventspics{
	width:40%;
	height:210px;
	float:left;
	dmargin-top:40px;
	dmargin-left:2%;
	dbackground-color:#FFFFBF;
	dborder:1px solid #F47A00;
	dborder-radius:15px;
}
.contmore .eventslits{
	width:56%;
	height:210px;
	float:left;
	dmargin-top:40px;
	dmargin-left:2%;
	background-color:#FFFFBF;
	dborder:1px solid #F47A00;
	dborder-radius:15px;
}

.contmore .calander{
	width:70%;
	height:200px;
	float:left;
	margin-top:30px;
	margin-left:8%;
	dbackground-color:#FFFFBF;
	dborder:1px solid #F47A00;
	dborder-radius:15px;
}

.contmore .dailies{
	width:100%;
	height:208px;
	float:left;
	margin-top:30px;
	dmargin-left:3%;
	dbackground-color:#FFFFBF;
	dborder:1px solid #F47A00;
	dborder-radius:15px;
}
.dailies .dailyquotes{
	width:183px;
	height:207px;
	float:left;
	dmargin-left:20px;
	dborder:1px solid #F47A00;
	dborder-radius:15px;
}
.dailies .quotes{
	width:260px;
	height:207px;
	float:left;
	margin-left:20px;
	dbackground-color:#FFFFBF;
	dborder:1px solid #F47A00;
	dborder-radius:15px;
}


#boxmore .facebookcomment{
	width:45%;
	height:700px;
	float:left;
	margin-top:40px;
	margin-left:3%;
	dbackground-color:#FFFFBF;
	border:3px outset #F47A00;
	border-radius:15px;
}



#container #certifyingorganizations{
	width:100%;
	height:120px;
	float:left;
	background-color:#FFF;
	text-align:center;
}







#container #footer{
	width:100%;
	height:240px;
	float:left;
	margin-top:20px;
	background-color:#282C35;
}
#footer .authorpicdown{
	width:25%;
	height:240px;
	float:left;
	margin-left:5%;
}
#footer .footerritbox{
	width:65%;
	height:240px;
	float:left;
	margin-left:3%;
}
.footerritbox .footeraddress{
	width:100%;
	height:200px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	text-align:center;
	color:#FFF;
}
.footeraddress a{
	text-decoration:none;
	color:#FF0;
}
.footeraddress a:hover{
	text-decoration:none;
	color:#F00;
}
.footerritbox .copyright{
	width:100%;
	height:20px;
	float:left;
	margin-top:20px;
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
}
.copyright a{
	text-decoration:none;
	color:#FC890A;
}
.copyright a:hover{
	text-decoration:none;
	color:#0F0;
}