/* -------------------------- Main Website Styles -------------------------- */

body {
	background-color : #7e8eac;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	line-height: 20px;
	color: #000000;
	background-image: url(../images/bg-main.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
img, a img {	
	border: 0 none;
}
a {
	outline: none;
}
*,
*::after, 
*::before {
	 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
				box-sizing: border-box;
}
.clearer {
	clear: both;
}
H1 {
	font-size : 32px;
	margin-bottom : 10px;
	margin-top: 0px;
	font-weight: bold;
	line-height: 32px;
	color: #c8953a;

}
H2 {
	font-size : 28px;
	margin-bottom : 5px;
	margin-top: 0px;
	font-weight: normal;
	line-height: 28px;
	color: #3f888d;

}
H3 {
	font-size : 16px;
	margin-bottom : 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}
H4 {
	font-size : 12px;
	margin-bottom : 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}
hr /* Make sure you upate all the color hexes when changing, different browsers read this tag differently. */
	{
	border: 0px solid #cccccc;
	color: #cccccc;
	height: 1px;
	background-color: #cccccc;
}
A, A:Link, A:Visited {
	color: #3a5e99;
	text-decoration: none;
	font-weight: bold;
}
A:Hover {
	color: #5f759a;
	text-decoration: underline;
}


   /* -------------------------- Specialty Website Styles -------------------------- */

.hiddenPic {
   display:none;
}
@media print {
      .noprint { display: none; }
}
.over:hover { 
filter : alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity:0.7; /* FX/Opera/Safari/Chrome */
}
.clearer {
	clear: both;
}
/*@font-face {
 font-family: FONTNAME;
 src: url("/media/fonts/FONTNAME.eot") /* EOT file for IE */
}
@font-face {
 font-family: FONTNAME;
 src: url("/media/fonts/FONTNAME.ttf") format("truetype"); /* TTF file for CSS3 browsers */
}*/
.categories_text {
	line-height: 18px;
	font-size: 12px;
}
.box_categories a:link, .box_categories a:visited {
	font-size: 14px;
}
   /* -------------------------- Structure Style Classes Go Here -------------------------- */

.main_container  {
	width: 1000px; 
   position: relative;
   margin: 0 auto;
	text-align: left;
}
.padding {
	padding: 25px;
}
.padding2 {
	padding: 15px;
}
.padding3 {
	padding: 8px;
}
.padding_home {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 15px;
	padding-right: 15px;
}
.padding_center {
	padding-top: 25px;
	padding-bottom: 25px;
}
.padding_left {
	padding: 25px;
}
.padding_right {
	padding: 25px;
}
.bg_body {
	width: 100%;
}
.box_body {
	width: 1100px;
	margin: 0 auto;
	background-color: white;
	border: 10px solid #e8e8e8;
	box-shadow: 0px 0px 20px 0px #000000;
	padding-bottom: 20px;
	position: relative;
	z-index: 99;
}
.box_body_home2 {
	width: 1100px;
	margin: 0 auto;
	background-color: white;
	border: 10px solid #e8e8e8;
	box-shadow: 0px 0px 20px 0px #000000;
	padding-bottom: 80px;
}
.box_left {
	width: 25%;
	float: left;
	height: 100%;
}
.box_right {
	width: 25%;
	float: left;
	height: 100%;
}
.box_main_2_column {
	width: 75%;
	float: left;
	height: 100%;
}
.box_main_3_column {
	width: 50%;
	float: left;
	height: 100%;
}

   /* -------------------------- Footer Styles Classes Go Here -------------------------- */

.bg_footer {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.box_footer {
	width: 1100px;
	margin: 0 auto;
	color: white;
	font-size: 12px;
}
.box_footer a, .box_footer a:link {
	color: white;
}
.box_footer h1, .box_footer h2, .box_footer h3 {
	color: white;
}

.box_footer td {
	vertical-align: top;
}

   /* -------------------------- Home Styles Classes Go Here -------------------------- */
.box_body_home {
	width: 1100px;
	margin: 0 auto;
	background-color: white;
	border:  10px solid #e8e8e8;
	box-shadow: 0px 0px 20px 0px #000000;
	padding-bottom: 5px;
	position: relative;
	z-index: 99;
}
.box_body_home .padding2 {
	padding: 8px;
}
.four-columns td {
	vertical-align: top;
	padding: 10px;
	box-sizing: border-box;
	width: 25%;
	color: white;
}
.four-columns a:link, .four-columns a:visited {
	color: white;
}
.four-columns h1, .four-columns h2, .four-columns h3 {
	color: white;
	font-family : Arial, Helvetica, sans-serif;
}
.four-columns h2 {
	color: white;
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	font-weight: bold;
}
.hdr-blue {
	background-color: #5f759a;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 80px;
	color: white;
	background-image: url(../images/icon-live-in-person.jpg);
	background-position: 15px;
	background-repeat: no-repeat;
}
.hdr-sub-blue {
	background-color: #536686;
	padding: 2px;
	text-align: center;
}
.hdr-green {
	background-color: #7da867;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 60px;
	color: white;
	background-image: url(../images/icon-live-teleconferences.jpg);
	background-position: 15px;
	background-repeat: no-repeat;
}
.hdr-sub-green {
	background-color: #6c9059;
	padding: 2px;
	text-align: center;
}
.hdr-yellow {
	background-color: #dda33f;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 90px;
	color: white;
	background-image: url(../images/icon-recorded-webinars.jpg);
	background-position: 20px;
	background-repeat: no-repeat;
	}
.hdr-sub-yellow {
	background-color: #ca963b;
	padding: 2px;
	text-align: center;
}
.hdr-orange {
	background-color: #f07458;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 75px;
	color: white;
	background-image: url(../images/icon-annual-convention.jpg);
	background-position: 15px;
	background-repeat: no-repeat;
}
.hdr-sub-orange {
	background-color: #d8674e;
	padding: 2px;
	text-align: center;
}
.content-column {
	height: 780px;
	padding: 15px;
	color: #2c2c2c;
	overflow: hidden;
	overflow-y: scroll;
}
.content-column a:link, .content-column a:visited {
	color: #3a5e99
}
.content-column a:hover {
	color: #5f759a;
}
.column-blue {
	background-color: #dfe3eb;
}
.column-green {
	background-color: #e5eee1;
}
.column-yellow {
	background-color: #f8edd9;
}
.column-orange {
	background-color: #fce3de;
}
.box-home-white {
	background-color: white;
	border: 5px solid #e5e5e5;
	padding: 25px;
	float: right;
	width: 450px;
	margin-left: 25px;
	box-sizing: border-box;
	text-align: center;
}
.box-home-white td {
	width: 50%;
	padding: 15px;
	vertical-align: top;
	text-align: left;
}
.dxgvTable td {
	 padding: 0px;
}

.column-yellow h3, .column-orange h3 {
	 color: black;
}
.row-home-sort {
	background-color: #e8e8e8;
}
.row-home-sort table {
	border: none;
}
.row-home-sort h2 {
	padding: 4px 10px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.col-home-sort-title {
	width: 20%;
	float: left;

}
.col-home-sort-options {
	width: 80%;
	float: left;
}

   /* -------------------------- Header Style Classes Go Here -------------------------- */
   
.bg_header {
	width: 100%;
}
.box_header {  
	width: 1000px;
	margin: 0 auto;
}
.box_logo {
	width: 420px;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

.box_top_right {
	float: right;
	width:200px;
	text-align: center;
}
.padding_top_right {
	padding-top: 10px;
}


   /* -------------------------- Custom Style Classes Go Here -------------------------- */

   
.box_champions {
	text-align: center;
	padding-top: 20px;
}
#vertmenu {
			font-family: Tahoma, Verdana, MS Sans Serif;
			font-weight: bold;
			font-size: 8pt;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			letter-spacing: 0px;
		}
		#vertmenu ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
			border: none;
		}
		#vertmenu ul li {
			margin: 0px;
			padding: 0px;
			border: 0px solid #dedfda;
			background-color: #2C7BC6;
		}
		#vertmenu ul li a {
			font-family: Tahoma, Verdana, MS Sans Serif;
			font-size: 9pt;
			display: block;
			border-bottom: none;
			padding: 4px 0px 4px 16px;
			text-decoration: none;
			color: White;
				width: <%
				DetectUserAgent
				If BrowserType = "NS" Then
					Response.write 132
				Else
					Response.Write 148
				End If %>px;
				}
		#vertmenu ul li a:hover, #vertmenu ul li a:focus {
			color: White;
			background-color: #215891;
		}


   /* -------------------------- Slider Styles -------------------------- */
   


 
   /* -------------------------- HTML Main Menu -------------------------- */
 
.bg_menu {
	width: 100%;
	background-image: url(../images/bg_menu.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.box_menu {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
 .box_menu a:link, .box_menu a:visited {
	display: inline-block;
	padding-bottom: 11px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 14px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 3px;
	margin-right: 3px;
	color: white;
	text-decoration: none;
}
.box_menu a:hover {
   color: black; 
   text-decoration: none;
   background-image: url(../images/bg_menu_over.jpg);
   background-position: bottom;
   background-repeat: repeat-x;
   background-color: white;
   box-shadow: 0px 1px 10px 0px #000000;
}
 

  /* -------------------------- Recordings Page -------------------------- */
  
.box_field_set {
	display: table;
	margin-bottom: 8px;
}

	.box_field_set div.lbl, .box_field_set div.fld {
		 display: table-cell;
		 vertical-align: top;
	}
           

	.box_field_set .lbl {
		 background-color: #5f759a!important;
		 padding: 5px;
		 width: 150px;
		 color: white;
	}

	.box_field_set .fld {
		 padding-left: 5px;
	}

/*---------------------------------Print Certificates------------------------------*/
table.searchbox {
    margin-top: 4px;
}

    table.searchbox td.searchlbl {
        padding-right: inherit;
        vertical-align: middle;
        width: 80px;
    }