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

/* Used in Conjunction with Responsive Meta Tag (above) */			
@-ms-viewport{
  width: device-width;
}

body {
  background: white;    
}

@media screen and (min-width: 1025px) /* Desktop 980px */ 
{
  body {
    background: white; /*red;*/
  }
  .center {
    margin: auto;
    width: 60%;
   }
  /* responsive text queries */
  button.accordion, button.accordion:after {font-size: 24px;}
  .ADtxtBlk, .ParagaphOrg, .ParagaphBlk {font-size: 14px;}
  .FieldLabels {font-size: 12px;}
  .ParagaphBlksm {font-size: 10px;}
}

@media screen and (min-width: 980px) and (max-width: 1024)/* Desktop 980px */ 
{
  body {
    background: white; /*red;*/
  }
  .center {
    margin: auto;
    width: 60%;
   }
  /* responsive text queries */
  button.accordion, button.accordion:after {font-size: 24px;}
  .ADtxtBlk, .ParagaphOrg, .ParagaphBlk {font-size: 14px;}
  .FieldLabels {font-size: 12px;}
  .ParagaphBlksm {font-size: 10px;}
}

@media screen  and (min-width: 640px) and (max-width: 979px) /* Tablet 979px */ 
{
  body {
    background: white; /*blue;*/
  }
  .center {
    margin: auto;
    width: 60%;
   }
  /* responsive text queries */
  button.accordion, button.accordion:after {font-size: 24px;}
  .ADtxtBlk, .ParagaphOrg, .ParagaphBlk {font-size: 14px;}
  .FieldLabels {font-size: 12px;}
  .ParagaphBlksm {font-size: 10px;}
}

@media screen and (min-width: 480px) and (max-width: 639px) /* Mobile */ 
{
  body {
    background: white; /*green;*/
  }
  .center {
    margin: auto;
    width: 60%;
  }
  /* responsive text queries */
  button.accordion, button.accordion:after {font-size: 20px;}
  .ADtxtBlk, .ParagaphOrg, .ParagaphBlk {font-size: 12px;}
  .FieldLabels {font-size: 10px;}
  .ParagaphBlksm {font-size: 8px;}

}


@media screen and (max-width: 479px) /* Mobile */ 
{
  body {
    background: white; /*green;*/
  }
  .center {
    margin: auto;
    width: 99%;
  }
  /* responsive text queries */
  button.accordion, button.accordion:after {font-size: 20px;}
  .ADtxtBlk, .ParagaphOrg, .ParagaphBlk {font-size: 12px;}
  .FieldLabels {font-size: 10px;}
  .ParagaphBlksm {font-size: 8px;}

}


#wrapper {
	position: relative;
	width: 100%;
	height: 90%;
	top: 0px;
	margin: auto;
	text-align: left;
	padding: 0;
    }

#Slogan {
	width: 100%;
	height: auto;
	position: relative;
    top: -20px;
	margin: 0;
	padding: 0px;
	z-index: 2;
	text-align: left;
    }

#HeaderMenu {
	width: 100% !important;
	top: 0;
	position: relative;
	margin: 0 auto;
	text-align: left;
	z-index:1;
    }
.Menutxt {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 14px;
	}
	
/* create a custom navbar class, and then reference it to change  */
/* the navbar without impacting other Bootstrap navbars..	      */
.navbar {
    border-radius: 0;
}

.navbar-custom {
    background-color: #ffa500;
    border-color: #de9000;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #FFF;
}

.navbar-custom .navbar-nav > li > a {
    color: #FFF;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    background-color: #de9000;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #de9000;
}

.navbar-custom .navbar-text {
    color: #FFF;
}

.navbar-custom .navbar-toggle {
    border-color: #de9000;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #de9000;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.BannerSloganBlk {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 16px;
	font-weight:500;
	color: #000;
}

#ADs {
	width: 100%;
	position: relative;
    top: -20px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:0px;
	padding: 0px;
	z-index: 3;
	text-align: center;
    }
.ADtxtBlk {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-weight:500;
	color: #000;
}	
#DisplayArea{
    margin: 0,auto;
	position:relative;
	top: -25px;
	width: 100% !important; 
	height: auto;
	text-align:center;
    border:3px solid rgba(255,153,0,1);
	background-color:#FFF;
}

.carousel{
	position: relative;
	width:100%;
	height: auto;
	overflow:hidden;
	background-color:#FFF;
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fb9;
  text-align: center;
  text-shadow: 0 1px 2px rgba(255,153,0,.6);
  filter: alpha(opacity=60);
  opacity: .7;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(255,153,0,.5) 0%, rgba(255,153,.0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(255,153,0,.5) 0%, rgba(255,153,0,.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,153,0,.5)), to(rgba(255,153,0,.0001)));
  background-image:         linear-gradient(to right, rgba(255,153,0,.5) 0%, rgba(255,153,0,.0001)100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9600', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(255,153,0,.0001) 0%, rgba(255,153,0,.5) 100%);
  background-image:      -o-linear-gradient(left, rgba(255,153,0,.0001) 0%, rgba(255,153,0,.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,153,0,.0001)), to(rgba(255,153,0,.5)));
  background-image:         linear-gradient(to right, rgba(255,153,0,.0001) 0%, rgba(255,153,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF9600', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-indicators {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(255, 153, 0, 0);
  border: 1px solid #fb9;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fb9;
}

.carousel-caption {
  position: absolute;
  left:15%;
  right:15%;
  bottom: 15px;
  background:rgba(0,0,0,0.5);
  z-index: 3;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fb9;
  text-align: center;
  text-shadow: 0 1px 2px rgba(255, 153, 0, .7);
}
.carousel-caption .btn {
  text-shadow: none;
}
.carousel-inner {
   margin-bottom:30px;
}


#FAQArea{
	position: relative;
	width:100%;
	top: -30px;
	height: auto;
	margin: 0,auto;
	padding: 2,0;
}
/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 30px;}
.btn.btn-letsgo:hover {
	background-color: #ffc966;
}
.btn.btn-letsgo,
.btn.btn-letsgo:focus {
    color: #f5f5f5;
    background-color: #ffa500;
    border-color: #ffc966;
    outline: none;
	font-weight: bold;
    margin: 15px auto;
}
/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #ffa500;
    color: #fff;
    cursor: pointer;
    padding: 2px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}

/* 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) */
button.accordion.active, button.accordion:hover {
    background-color: #ffc966;
}

button.accordion:after {
    content: '\02795';
    color: #fff;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 3px 0px;
    background-color: white;
	display: none;
}

div.panel.show {
	display: block;
}
.BannerHeaderOrg {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 24px;
    color: #ef993c;
}
.ParagaphOrg {
    font-family: Verdana, Geneva, sans-serif;
    color: #ef993c;
}

.ParagaphBlk {
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
}
.ParagaphBlksm {
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
}
.FieldLabels {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
}
#Footer {
	position: relative;
	width:100%;
	height:50px;
	bottom: 0px;
}
#FooterMenu {
	width: 100%;
	padding-right: 40px;
	height: auto;
	overflow: hidden;
	top:0px;
	position: relative;
	margin:0;
	padding: 5px;
	text-align: center;
    }
#copy {
	position: relative;
	Bottom: 0;
	left:0;
	width: 100%;
	padding-right: 40px;
	text-align: center;
	/*height: 386px;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
    }
.copyright {
    font-size: 11px;
    font-family: Verdana,Helvetica,sans-serif;/*"Courier New", Courier, monospace;*/
}
.TFtable{
	width:50%;
}
/*  Define the background color for all the ODD background rows  */
.TFtable tr:nth-child(odd){ 
	background: #CDCDCD;
}
/*  Define the background color for all the EVEN background rows  */
.TFtable tr:nth-child(even){
	background: #FFF;
}
p.ListAdParagraph 
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.25in;
	font-size:10.0pt;
	font-family:"Arial Black","Arial Bold", sans-serif;
	text-align:left;
	font-weight: 500;
	line-height: 12px;
	letter-spacing:.05pt;
}