@charset "UTF-8";
/* Body */
body {
	font-family: Calibri, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0;
}

h2, td .formHeader{
	color: #4266A1
	}

.howtoarrow {
	width = 25px;
	height = 25px;
}

/* Bulk Registraton */

#otherCityLabel { display:none;}
#otherCityField { display:none;}
#otherOrgLabel { display:none;}
#otherOrgField { display:none;}

/*Bread Crumbs*/
.breadcrumbs {
	height: 125px;
	background-image:url(../images/bg_line.png);
	background-repeat:repeat-x;
}
.tagline {
	
	font-size: 23px;
	font-weight: bold;
	color: #F0991D;
}

.tagline2 {
	font-size: 20px;
}

.tagline2 a {
	text-decoration: none;
	color: black;
}
.tagline2 a:hover {
	text-decoration:underline;
}

.tagline2 .button a:hover {
	text-decoration:none;
}


h1#tagline {
	color: #F0991D;
}

.breadcrumbContainer {
	  float: left;
	  margin-right: 100px;
	  margin-top: 15px;
	  width: 100px;
}


 .breadcrumbContainer span {
	  text-decoration: none;
	  color: #4266A1;
	  font-weight: bold;
	  visibility: Visible;
	  text-align:center;
}



.breadcrumb, .breadcrumb_selected {
      width: 50px;
      height: 43px;
      -webkit-border-radius: 26.5px;
      -moz-border-radius: 26.5px;
      border-radius: 26.5px;
      background: #d1d1d1;
	  border: 3px solid #4266A1;
	  vertical-align: middle;
	  text-decoration: none;
	  font-size:25px;
	  padding-top: 7px;
	  color: white;
	  text-align: center;
    }


.breadcrumb_selected {
      background: #4266A1;
    }
	
	.breadcrumbContainer:hover .breadcrumb {
	background: #F0991D;
	 
}

.YouTubeHowToVideos {
	
	width: 500px;
	height: 350px;
}
	
/*------------------------------*/


.thumbnail2 .thankyou  {
	color: red;	
}
.thumbnailclass {
	
	width: 100%;
}
.thumbnailclass .thankyouclass  {
	color: red;
	font-size: 85px;
}
.thumbnail2 .bulkRegistraion {
	width: 100%;
	height: 125px;
	background-color: #d1d1d1;
	border: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	margin: 10px;
	
	}
.thumbnail2 .bulkRegistraion h3 {
	color: #4266A1;
	
			}

a:hover .surveyIcon1 {
	visibility:hidden;
}
	
	
.thumbnail2 .bulkRegistraion .bulkSheet {
	width: 20%;
	height: 100%;
	font-size: 10px;
	float: left;
	margin-top: -20px;
	margin-left: 20px;
}
.thumbnail2 .bulkRegistraion .bulkSheet img {
	width: 100%;
	height: 50%;
	margin-left: -20px;
}
.thumbnail2 .bulkRegistraion p {
	float: left;
	width: 60%;
}
/* What's New and Catelog */
.maincontent .whatsnewimg {
	margin: 5px;
	float: left;
	
	} 	

/* Container */
.container, .container2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
.container2 {
	width: 851px;
	border: 1px solid black;
	margin-top: 10px;
}

.container h1 {
	font-size: 36px;
	font-weight:bold;
	color: #4266A1;
	padding-left: 15px;
	}


	
/* Header */
header {
	width: 100%;
	height:8%;
	background-color: #B9CDA0;
	padding:0px;
	margin: 0px;
}

header img {
	width: 100%;
}


/* Navigation Section */
#Navigation {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 30px;
}

#Navigation td {
	list-style: none;
	margin: 0px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
	width: 20%;
	height: 30px;
	transition: all 0.3s linear;
    padding: 0px;
	font-weight:bold;
	font-size:20px;
	font-family:Calibri, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
}

#Navigation td a { 
color: #FFFFFF;
text-decoration: none; 
Font-size:18px;
}

#Navigation td .CurrentPage {
	Font-size:12px;
}

#Navigation .CurrentPage {
	background:#4266A1;
	}
	
#Navigation .CurrentPage:hover {
	cursor:auto;
	background:#4266A1;
	}
#Navigation td:hover {
	background:#F0991D;
	cursor: pointer;
}


/* About Section */

.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
	font-size: 20px;
}

.text_column {
	width: 90%;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}

.text_column a{
	text-decoration:none;
	color:#000000;
}
.text_column a:hover{
	text-decoration:underline;
}

.text_column img
{
	width: 20px;
	height: 20px;
	float: left;
	text-align:center;
	}

h4 {Font-size: 16px;}
			
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.maincontent
{
	width: 94%;
	text-align: left;
	float: left;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #F8F8F8;
	border-radius: 3px;
	border-bottom: 4px solid #B9CDA0;
	min-height: 400px;
}

.maincontent table {
 height: 175px;
}
.maincontent span
{
	font-size: 18px;
	font-weight: bold;
	color: #F0991D;
}

.maincontent h2
{
	font-size: 22px;
	font-weight: bold;
	color: #4266A1;
	margin-bottom: -50px;
}

.maincontent .contactform {
		width: 350px;
	}

.thumbnail2 a {
	color:#4266A1;
}

.thumbnail2 a:hover {
	text-decoration: underline;
}

.thumbnail2 h2 {
	padding-bottom: 45px;
	}

.maincontent img{
	height: 225px;
	padding-left: 20px;
	padding-right: 20px;
}

.maincontent .logo{
	width: 100px;
	height: 80px;
	}
	
.maincontent a {
	text-decoration: none;
}

.thumbnail2 form p, .thumbnail2 form textarea {
	font-style:italic;
}

.thumbnail2 form p a, .thumbnail2 a{
	font-style:normal;
	color: #4266A1;
	font-weight: bold;
}
	
.thumbnail2 .support img {
	width: 100%;
	height: 20%;
}	

.thumbnail2 form p a:hover, .thumbnail2 a:hover{
	text-decoration: underline;
}

.thumbnail2 form button, .thumbnail2 form #submit {
	 background-color:#B3B3B3 ;
	 border: 2px white solid;
	 color: white;
	 font-size: 12px;
	 width: 75px;
	 height: 25px;
	 margin-right: 5px;
	 cursor:pointer;
}

.thumbnail2 form button:hover, .thumbnail2 form #submit:hover {
	 background-color:#F0991D ;
	 border: 2px white solid;
	 color: white;
	 font-size: 12px;
	 cursor:pointer;
}
	
.thumbnail2 form span{
	font-size: 16px;
}

.thumbnail2 form .smallText{
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	color: black;
	padding-bottom: 10px;
}
.thumbnail2 form p, .contactform form textarea {
	font-style:italic;
	font-size: 12px;
}

.thumbnail2 form p a{
	font-style:normal;
	color: #4266A1;
	font-weight: bold;
}

.thumbnail2 form p a:hover{
	text-decoration: underline;
}

.thumbnail2 form button, .thumbnail2 form #submit {
	 background-color:#B3B3B3 ;
	 border: 2px white solid;
	 color: white;
	 font-size: 12px;
	 width: 75px;
	 height: 25px;
	 margin-right: 5px;
}
	
.thumbnail2 form button:hover, .thumbnail2 form #submit:hover {
	 background-color:#F0991D ;
	 border: 2px white solid;
	 color: white;
	 font-size: 12px;
	 cursor:pointer;
}
/*--------------------*/

/*What's New */
	.thumbnail2 .whatsnew {
		font-size: 12px;
		color: black;
		}
/*-------------------*/
/*Knowledge base & FAQ*/
.thumbnail2 .FAQ a { 
	cursor: pointer;
	text-decoration: none;
}
	
.thumbnail2 .FAQ a:hover { 
	cursor: pointer;
	text-decoration: none;
}

.thumbnail2 .FAQ .faqlink { 
	text-decoration: none; 
	color: #000000; 
	font-size: 12px;
	font-weight: normal;
}

.thumbnail2 .FAQ .faqlink img {
	width: 15px;
	height: 15px;
	float:left;
	margin-right: -15px;
	margin-left: -20px;
}

.thumbnail2 .FAQ .faqlink:hover {
	display:block; 
	cursor:pointer;
	text-decoration: none;
}

.thumbnail2 .FAQ .faqtext { 
	display:none; 
}

.thumbnail2 .FAQ a:hover .faqtext {
	display:block; 
	text-decoration: none;
	border: 1px solid #4266A1;
	background-color: #F0991D;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	cursor:pointer;
	padding: 5px;
}

.thumbnail2 .FAQ .mainlink {
	margin-left: -20px;
}
/*----------------------*/	

.gallery .maincontent h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #5071AB;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery .maincontent p {
	margin: 0;
	/*color: #B3B3B3;*/
	color: #000000;
	text-align: left;
	padding-left: 20px;
	line-height:normal;
}

.contactabouttext img {
	width: 100px;
	height: 100px;
}

.thumbnail {
	width: 31.25%;
	text-align: left;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 20px;
	background-color: #F8F8F8;
	border-radius: 3px;
	border-bottom: 4px solid #B9CDA0;
	/*min-height: 825px;*/
}

.thumbnail2 {
	width: 40%;
	text-align: left;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 20px;
	min-height: 250px;
}

.thumbnail4 {
	width: 48%;
	text-align: left;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 20px;
	min-height: 250px;
}

iframe {
	
border: 5px solid #4266A1;
}

.noBorderIframe {
	
	border: none;
}

.thumbnail3 {
	width: 10%;
	height: 100%;
	float: left;
}

.thumbnail3 img {
height: 100%	
}

.thumbnail .logo{
	width: 100px;
	height: 80px;
	}
	
.thumbnail a {
	text-decoration: none;
	}

.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #5071AB;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery .thumbnail p {
	margin: 0;
	/*color: #B3B3B3;*/
	color: #000000;
	text-align: left;
	padding-left: 20px;
	line-height:normal;
}

.thumbnail2 {
	float: left;
}

.links {
	width: 31.25%;
	margin-left: 1%;
	margin-right: 1%;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 30px;
	float: left;
}

.links img {
	width: 75px;
	height: 75px;
	padding: 5px;
}

.links span {
	width: 95px;
	float: left;
}
	
.links a span  {
	width: 75px;
	padding: 5px;	
	border: 2px #B9CDA0 solid;
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.links a:hover span  {
	border: 2px #FFFFFF solid;
	background-color: #F0991D
}

.survey img {
	width: 75px;
	height: 75px;
	padding: 5px;
	margin-top: 15px;
	float: left;
}

.survey {
	font-size: 24px;
	color: #F0991D;
	}

.survey a 
{
	text-decoration:none;
	color: #FFFFFF;
}
.survey a:hover 
{
	text-decoration:underline;
}


/* More info */
.column {
	width: 50%;
	text-align: left;
	padding-top: 30px;
	float: left;
}


.cards {
	width: 100%;
	opacity: 0.8;
	height: 250px;
	max-height: 250px;
}

.cards img {
	width: 100%;
	height: 250px;
	max-height: 250px;
}

a .button{
	width: 50%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	color: #F0991D;
	transition: all 0.3s linear;
	border: 3px solid #FFFFFF;
	border-radius: 0px;
	font-size:12px;
	text-decoration: none;
}

a .button:hover {
	font-size:12px;
	color: #FFFFFF;
	border: 3px solid #B9CDA0;
	background-color: #F0991D;
	text-decoration:none;
	cursor: pointer;
}

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #5071AB;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
footer {
	background-color: #B9CDA0;
	padding-top: 10px;
	padding-bottom: 10PX;
	height: 125px;
}
.intro, .intro img {
	display: inline-block;
	width: 100%;
}

.intro img {
	display: inline-block;
	height: 60px;
}

.profile {
	width: 50%;
}
.gallery .thumbnail .tag {
	color: #F0991D;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	font-weight:bold;
}

/* Mobile */
@media (max-width: 320px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 90%;
	padding: 0;
}

.text_column {
	padding-left: 20px;
}
.thumbnail, .thumbnail2 {
	width: 100%;
}

.thumbnail, .thumbnail2 {
	min-height: 200px;
}

.thumbnail3, .thumbnail3 img {
	height: 0px;
	width: 0px;
}

	.thumbnail4 {
	width: 100%;
}
	
.links img {
	width: 45px;
	height: 35px;
	padding: 5px;
}

.links span {
	width: 65px;
	float: left;
}
	
.links a span  {
	width: 45px;
	padding: 5px;	
	border: 2px #B9CDA0 solid;
	color: white;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

footer {
	height: 350px;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
	font-size: 18px;
}

#Navigation td a { 
	color: #FFFFFF;
	text-decoration: none; 
	Font-size:12px;
}

#Navigation td.CurrentPage {
	font-size:12px;
}

a .button {
	font-size:10px;
}

a .button:hover{
	font-size:10px;
}

.YouTubeHowToVideos {
	
	width: 150px;
	height: 75px;
}

}


/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 90%;
	text-align: left;
	padding: 0;
}
.thumbnail, .thumbnail2 {
	width: 100%;
}
	
.thumbnail4 {
	width: 100%;
}

.thumbnail, .thumbnail2 {
	min-height: 200px;
}

.thumbnail3, .thumbnail3 img {
	height: 0px;
	width: 0px;
}

.links img {
	width: 45px;
	height: 45px;
	padding: 5px;
}

.links span {
	width: 65px;
	float: left;
}
	
.links a span  {
	width: 45px;
	padding: 5px;	
	border: 2px #B9CDA0 solid;
	color: white;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}


footer {
	height: 350px;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 100%;
}
#Navigation td a { 
	color: #FFFFFF;
	text-decoration: none; 
	Font-size:12px;
}

#Navigation td.CurrentPage {
	Font-size:12px;
	
	}

a .button {
	font-size:10px;
}

a .button:hover{
	font-size:10px;
}
	
.YouTubeHowToVideos {
	
	width: 300px;
	height: 200px;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 90%;
}
.thumbnail {
	width: 31.25%;
}

.thumbnail2 {
	width: 40%;
}
.thumbnail4 {
	width: 40%;
}

.thumbnail{
	min-height: 825px;
}

.thumbnail2{
	min-height: 250px;
}

.thumbnail3, .thumbnail3 img {
	height: 100%;
	}
	
	
.maincontent {
	width: 93%;
}



.links img {
	width: 75px;
	height: 75px;
	padding: 5px;
}

.links span {
	width: 95px;
	float: left;
}
	
.links a span  {
	width: 75px;
	padding: 5px;	
	border: 2px #B9CDA0 solid;
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

footer {
	height: 250px;
}

.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
	
.YouTubeHowToVideos {
	
	width: 300px;
	height: 200px;
}

}