#divContents, #tblContents{color:#111;}
/*=========================== TAGS ============================*/
.tdLHS{
		color:#222;
		text-align:right;
		padding-right: 8px;
	}
h1,h2,h3,h3 *,h4,h5{
  text-align: center;
  line-height: 110%;
  margin: 6px 0;
  color: #309;
  font-weight: 600;
  }
  h1{font-size:22pt;}
  h2{font-size:17pt;}
  h3,h3 *{font-size:15pt;}
  h4{font-size:13pt;}
  h5{font-size:12pt;}
* {
	font-size:11pt;
	font-weight:600;
    font-family:Arial, Helvetica, Verdana sans-serif;   /*  "trebuchet MS";  color:#222;*/
	line-height:110%;
	color:#111;
}
small{font-size:8pt;}
#divGreeting, #divGreeting *  /*  welcome back, logout in header  */
{
	color:#4BACC6;
	font-size:10pt;
	font-weight:600;
	text-decoration: none;
	text-align: left;
}
#tblLoginSmall td
{
	font-size: 7pt;
	color:#4BACC6;
	/*  color:#EEE;  */
 }
#tblLoginSmall input
{
	  font-size: 7pt;
	  color:#222;
 }
 #tblLoginSmall input
 {
    background-color: #DEDADC;
}
.required
 {
    color: #F01;
    font-size:17pt;
    font-weight: 800;
 }
html {
	background-color: #62a9d6; /* #6DD9EF #173B77;  #031E39;     #CFF;  */
}
body {  /*  background:url('../images/tail-middle1.jpg') repeat center top;  */
    background-color: #FFE;   /* #C7CBCC; */
    width:1200px;
	margin: auto;
	padding:0px;
	border-radius:16px;
	min-height: 100vh;
	max-width:100%;
}
object {
	vertical-align:top;
	outline:none;
}
select[size=1]{height:24px;}
p {
	padding:0;
	text-indent: .2in;
	line-height:1.38em;
	margin-bottom:12px;
}
img {
	border:0;
	vertical-align:top;
	text-align:left;
	border-radius:4px;
	max-width:100%;
	height:auto;
}
fieldset, legend
{
   padding:10px;
}
fieldset{border-radius:4px; border:1.5px solid blue;}
   ul.menu{list-style-type:none; margin:auto; padding:0} 
  li{margin:3px;}
 .menu li{margin:0; padding:0}
input:focus, select:focus, textarea:focus	{background-color: #FCC;}
a:focus{background-color: #FF9; color:red;}
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus {background-color: #FFF; color:#F00;}
input, select, textarea
{
   font-size: 9pt;
   color:blue;
   font-weight: 700;
  border-color: #CFF;
  border-radius:4px;
  padding:2px;
  margin:2px;
}
option:nth-child(odd){background-color: #3FF;}
.butt-link { display:block; height:32px; line-height:32px; text-align:center; margin:0 32%; font-size: 13pt; font-weight: 700; text-decoration: none; background-color: #FFFF99; color:#777AEC; border-radius:6px;}
/*========================== ALIGMENT =========================*/
.fleft {
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
.container {
	width:100%;
}
/*=========================== TAILING =========================*/
`.tail-middle1-top {
	width:100%;
}
.tail-middle2 {
	width:100%;
}
.extra-bg {
	position:absolute;
	left:0;
	top:0;
	height:1038px;
	width:100%;
}
/*========================== OTHER ============================*/

/*================= TXT, LINKS, LINES, TITLES =================*/
a {
	outline:none;
}
/*========================== HEADER ===========================*/
#header {
	 /* height:165px; */
	border-bottom:8px solid #000;
	background:url('/images/bgFade.png') repeat center top;
	position:relative;
	z-index:10;
}
#header .row-1 {
	height:140px;
	width:100%;
	overflow:hidden;
}
#header .row-1 .fleft {
	padding:4px;
}
#header .row-1 .fright {
	padding:60px 8px 0 0;
}
#header .row-1 .fright ul li {
	font-size:18px;
	line-height:1.2em;
	color:#adadad;
	float:left;
	padding-left:9px;
}
#header .row-2 {
	 /* height:42px; */
	width:100%;
	overflow:hidden;
	background-color:transparent;
}
#header .row-2 .fleft {
	padding-top:3px;
}
div#RecordCount{font-size: 15px; font-weight: 600; padding-left: 2%;}
    .yesShow, .yesShowIn, .yesShow800{display:none;}
#ulMenu li {
	float:left;
	line-height:1.3em;
	position:relative;
}
#ulMenu li a {    /*  header menu bar  */
	color:#4BACC6;
	text-decoration:none;
	position:relative;
	float:left;
	height:27px;
	display:block;
	margin-right: 0px;
	padding: 2px  10px 0 2px;
	font-size:14px;
	border: .5px solid #222;
	border-collapse: collapse;
}
#ulMenu a:hover, #divGreeting a:hover, #footer a:hover{
	 color: #F00;
	 background-color: #FF9;
}
.menu > li {float:left; font-size:11px; line-height:1.5em; padding:0px 1px;  width:9.9%;/* text-transform:uppercase; */}
.menu > li > a span {display:block; padding-bottom:11px; background:url('/images/marker-top.gif') center bottom no-repeat; color:#222; font-size:12px; font-weight: 500; text-decoration: none;}
.menu > li > a:hover, .menu > li > a:hover *  {background-color: #3FC;} 
.menu > li > a.active, .menu > li > a.active *  {background-color: #F4C6F0;} 
.menu > li > a, .menu > li > a * {background-color: #07c081; border-radius:12px; }    /*  6/8/2014  */
.menu > li > a {display:block; width:100%; color:#111; text-align:center;  padding-bottom:5px; text-decoration: none;}  /*  background:url('/images/menu-tail.gif') 0 0 repeat-x;  */
.menu > li > a strong {display:block;}  /*  background:url('/images/menu-left.gif') 0 0 no-repeat;  */
.menu > li > a strong strong {padding:17px 0px 11px 0px;  }  /*  background:url('/images/menu-right.gif') right 0 no-repeat;  border-radius:4px;*/
 @media screen and (max-width: 900px)
  {
      .menu > li > a span { font-size:11px;}
   }
  @media screen and (max-width: 800px)
  {
      .menu > li > a span { font-size:10px;}
   }
  @media screen and (max-width: 700px)
  {     
	  .noShow800{display:none;}
	  .yesShow800{display:block;}
	  #header .row-1 .fleft {
        padding: 0px;
       float:none; 
	   width:100%;
		}
     #header .row-1 .fright{padding: 0 0 2px 6px; float:none;
	   width:100%;}
	 #divGreeting, #divGreeting * {font-size: 13px; line-height: 114%;}
	 #header .row-1 {height: 154px;}
   }
  /*  .menu > li > .active, .menu li a:hover {background:url('/images/active-tail.gif') 0 0 repeat-x;}
.menu > li > .active strong, .menu li a:hover strong {background:url('/images/active-left.gif') 0 0 no-repeat;}
.menu > li > .active strong strong , .menu li a:hover strong strong {background:url('/images/active-right.gif') right 0 no-repeat;}  */

.menu > li.with_ul{ position:relative}
.menu > li.with_ul:hover > a, .menu > li.with_ul.sfHover > a{ background:url('/images/bg_menu_hover.jpg') 0 0 no-repeat}
.menu > li.with_ul:hover > a span, .menu > li.with_ul:hover > a strong, .menu > li.with_ul.sfHover > a span, .menu > li.with_ul.sfHover > a strong{ background:none;}
.menu >li ul{ position:absolute; z-index:99;  top:60px;background:url('/images/menu2_bot.png') bottom left no-repeat; padding-bottom:15px; width:207px;}
.menu >li .ul_1_bot{background:url('/images/menu2_repeat.gif') top left repeat-y;}
.menu >li .ul_1{background:url('/images/menu2_top.jpg') top left no-repeat;}
.menu >li .ul_1_top {width:175px; padding:20px 16px 0 16px;}
.menu >li .ul_1 .ul_1_top div{ font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;  line-height:22px;}
.menu >li .ul_1 .ul_1_top div a{color:#FFF; font-weight:bold; text-transform:none}
.menu >li .ul_1 .ul_1_top div a:hover{ background:none; color:#000}
.active {
	  /*  display:none;  */
	  z-index:10;
}
#ulMenu li.active a {
	background:url('../images/nav-act.png') no-repeat left top;
}
#header .row-2 .fright {
	padding-right:4px;
}
/*=========  footer  ================*/
#footer {
	  /*  height:80px;  */
   background:url('../images/bgFade.png') repeat center;
   padding:12px;
	margin:0 auto;
   position:relative;
}
#footer *{
    color:#4BACC6;
	font-size:9pt;
	font-weight:600;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .container {
	font-size:0.814em;
	width:100%;
}
#footer a {
	text-decoration:none;
}
/*========================= CONTENT ===========================*/
#content .row-1 {
	min-height:901px;
	height:auto!important;
	height:901px;
}
#content .row-1 .inside {
	padding:0;  /*  47px 0 48px   */
	position:relative;
	z-index:10;
}
#content .row-2 .inside {
	padding:38px 0 36px 0;
	position:relative;
	z-index:10;
}
#content .row-2 .col-1 {
	width:144px;
	margin-right:107px;
}
#content .row-2 .col-2 {
	width:190px;
	margin-right:60px;
}
#content .row-2 .col-3 {
	width:462px;
}

/*--- slider ---*/
#loopedSlider {
	width:100%;  /*  964px; 11/20/2014 */
	height:473px;
	background:url('../images/slider-bg.jpg') repeat left top;
	position:relative;
	overflow:hidden;
	clear:both;
	margin-bottom:38px;
}
#loopedSlider .container {
	width:592px;
	height:463px;
	overflow:hidden;
	position:relative;
	margin-left:10px;
}
.slides {
	position:absolute;
	top:0;
	left:0;
}
	.slides div.slide {
		position:absolute;
		top:10px;
		left:0;
		width:592px;
		height:441px;
		  /*  display:none;  */
	}
	.slides div.slide img{border-radius:12px;}
		ul.pagination {
			position:absolute;
			top:11px;
			left:593px;
		}
		ul.pagination li {
			width:593px;
			height:110px;
			margin-bottom:1px;
			overflow:hidden;
			vertical-align:top;
		}
		ul.pagination li a span {
			display:block;
			width:31px;
			height:31px;
			position:absolute;
			right:38px;    /*  11  */
			bottom:11px;
			background:url('../images/banner-arrow.gif') no-repeat left top;
		}
		ul.pagination li a:hover span,
		ul.pagination li.active a span {
			background:url('../images/banner-arrow-act.gif') no-repeat left top;
		}
ul.pagination li a {
	display:block;
	width:358px;
	height:110px;
	position:relative;
	text-decoration:none;
	cursor:pointer;
	background:url('../images/banner-bg.png') no-repeat right top;
	letter-spacing:-1px;
	font-size:1.92em;
	line-height:1em;
}
ul.pagination li a strong {
	display:block;
	padding:27px 0 0 25px;
	font-weight:normal;
}
ul.pagination li a img {
	margin:-17px 10px 0 0;
	float:left;
	border-radius:8px;
}
ul.pagination li a:hover strong,
ul.pagination li.active a strong {
	font-weight:bold;
}
ul.pagination li a:hover,
ul.pagination li.active a {
	background:url('../images/banner-act.png') no-repeat left top;
}
#tblcontents td, .contentinner {
color:#222;
}
#tblLogin label, #tblLogin td, #tbl_email td
{color:#222;}
.contenttitlered{
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
	font-style: italic;
  }
  label{font-size: 9pt; font-weight: 500;}
  
.floatleft{float:left;}
.clear{clear:both;}
 /* newer mobile styles  */
	#topMenu, #navSlide{ z-index:100; position:sticky; top:2px;}
    #navSlide img{display:block; margin: auto; background-color: #FFE; padding:0px;}
    #SlideMenu {display:none; background-color: #F63;position:absolute; width:100%; z-index:100;}
	 #SlideMenu a{
		border: 1px solid blue;
		border-bottom-width: 0;
		display: block;
		line-height: 27px;
		font-size: 18px;
		text-align: left;
		padding-left:2%;
		text-decoration: none;
		height:33px;
	}
	 #SlideMenu a:hover{
        background-color: #FFF; 
		color:#F00;
		}
	 #SlideMenu a:last-child{
		border-bottom: 1px solid blue;
		}
	#SlideMenu a.sub{padding-left:12%; font-size: 16px;}
.tabcls{
	border:1px solid #CCC;
	border-bottom:3px solid #CCC;
	border-right:2px solid #CCC;
}
.tabcls td{
	padding:3px;
}
 @media screen and (max-width: 520px)
  {
      #tblLoginSmall{width:100%;}
      #tblLoginSmall .smBox { font-size: 9pt; min-width:70px;}
      #tblLoginSmall .smButt { font-size: 10pt; min-width:55px;}
     .tdBlock, table.tdBlock>tbody> tr >td {display:block;  width:100% !important;}
      #navSlide {display: block; background-color: transparent;}
      #navSlide:hover > #SlideMenu{display: block;}
    #loopedSlider, .noShow{display:none;}
    .floatleft{float:none; width:100% !important;}
    .yesShow{display:block;}
	.yesShowIn{display:inline;}
     input[type=text], input[type=password], input[type=submit],select,  input[type=button]{min-height:26px;}
	 input[type=text], input[type=password], select, textarea{width: 95%;	}
	 select{min-height:32px;}
	 *{font-size: 13px; font-weight: 500;}
  h1{font-size:16pt;}
  h2{font-size:14pt;}
  h3,h3 *{font-size:13pt;}
  h4{font-size:11pt;}
  h5{font-size:10pt;}
  	.slides div.slide {
		width:100%;
		height:auto;
		  /*  display:none;  */
	}
	.tabcls td:first-child{display:none;}
		.tabcls td{width:100%;}
	.tabcls td[colspan]{display:block; width:100%;}
	#header .row-1 {
    height: auto;
   }
   input[type=text].smBox,  input[type=password].smBox{min-height:23px; margin-right: 4px;}
   td.tdLHS{display:none;}
   input[type=text].tdZip{width:41%;}
   #divSiteCredits{text-align: right;}
   #logoSm{width:60px; height:auto;}
}