/* STANDARD ESHOW ELEMENTS
===========================================================================================================*/
body { 
  margin: 0px; 
  font-size: 14px; 
  line-height: 20px; 
}

a {text-decoration: none;}
a:hover,
a:focus {text-decoration: underline;}

.pageTitle {font-size: 30px; font-weight: bold; text-decoration: none;}

h1, h2, h3 {font-size: 16px; font-weight: bold; text-decoration: none; }

/*
01/20/2016 - Ami commented this as per discussion with Adriana
*/
/*
.bgcolor1, .bgcolor2, .bgcolor3 {color: #fff !important; }
*/
/*
03/21/2016 - Ami added this as per discussion with Adriana
*/
#login_box {color: #FFF}

.bgcolorw	{ background-color: #fff; color: #333 !important; }

.bgcolor1 > a:link,
.bgcolor1 > a:visited, 
.bgcolor1 > a:active, 
.bgcolor1 > a:hover { color: #fff; }

.bgcolor2 > a:link,
.bgcolor2 > a:visited, 
.bgcolor2 > a:active, 
.bgcolor2 > a:hover { color: #fff; }

.bgcolor3 > a:link,
.bgcolor3 > a:visited, 
.bgcolor3 > a:active,
.bgcolor3 > a:hover { color: #fff; }

.lightbg,
.lightbg1,
.lightbg2,
.lightbg3	{ background-color: #fff; color: #333; }

.cellGrad	{ color: #333; background-color: #fff;  font-weight: bold; }
.cellReq	{ color: #f00; background-color: #fff; font-weight: bold; }
.cellView	{ color: #333; }

/* this is because sometimes client stylesheets add margins to IMG, thus breaking the form tab header and service center login box */
table#formTab img,
#c1tl img,
#c1tr img,
#c1bl img,
#c1br img {
margin: 0;
}

table.bgcolor1 tr.lightbg1 td { background-color: #6996d7; }

/* this is to give a bg color to form questions */
td.cellReq[height="25"],
td.cellGrad[height="25"] {
background-color: #f5f6f1;
padding:5px;
}

.size1	{ font-size: 10px; }
.size11	{ font-size: 11px; }
.size2b { font-weight: bold; font-size: 14px; }
.size3b { font-weight: bold; font-size: 16px; }
.size4b { font-weight: bold; font-size: 18px; }
.size5b { font-weight: bold; font-size: 20px; }

input.search { line-height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #067b50; }
input.clear { line-height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #84a36a; }
input.submit { line-height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #8AA0AF; }

input.login { height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #067b50; }
input.logout { height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #8AA0AF; }
/*===========================================================================================================*/









/* SPONSOR MODULE
===========================================================================================================*/
.sponsorListing { text-align: center; }
.sponsorTitle { border-top: 1px dotted #666; padding: 10px; margin-top: 10px; }
.sponsorLogo { margin: 12px 16px; }
/*===========================================================================================================*/








/* BREADCRUMB MODULE
===========================================================================================================*/
#breadtrail,
#breadtrail a.breadcrumb:link,
#breadtrail a.breadcrumb:visited,
#breadtrail a.breadcrumb:active,
#breadtrail a.breadcrumb:hover { 
	font-size: 10px; 
	text-transform: uppercase; 
}
/*===========================================================================================================*/









/* DEFAULT SITE ELEMENTS
these only appear on the default site
===========================================================================================================*/
.showName { color: #6996d7; font-size: 24pt; font-weight: normal; text-decoration: none;}
.associationName { color: #999999; font-size: 10pt; font-weight: normal; text-decoration: none;}
.topNav { color: #6996d7; font-size: 10pt; font-weight: bold; text-decoration: none; margin: 0 10px 0 10px; }
/*===========================================================================================================*/









/* MISCELLANEOUS
the styles that time forgot, plus some new, useful ones
===========================================================================================================*/
.formLabel	{ font-size:10px; text-transform: uppercase; color: #666; }

.clickme 		{ cursor: pointer; cursor: hand; }
.floatleft 		{ float: left; clear: left; margin: 0 12px 10px 0; }
.floatright 	{ float: right; clear: right; margin: 0 0 10px 12px; }
.textleft		{ text-align: left; }
.textcenter	{ text-align: center; }
.textright		{ text-align: right; }

#dropmenudiv { position:absolute; border:1px solid #046846; font:normal 10px Arial, Helvetica; line-height:18px; z-index:100; padding: 0px; }

div#JSMX_loading { position:absolute; margin:0px; padding:0px; width:112px; height:30px; background-image:url(/global/processing.gif); background-repeat: no-repeat; background-position:center center; z-index:800; }

.qlink	{ font-size: 10px; }
.regfee	{ font-size: 10px; }

P.withquote { background: url(/global/quote.gif) no-repeat left top; text-align: justify; }
P.withunquote { padding-right: 0px; padding-left: 0px; background: url(/global/unquote.gif) no-repeat right bottom; padding-bottom: 0px; font: 9pt/17pt Arial; padding-top: 0px; }

a.nav:link			{ font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.nav:visited		{ font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.nav:active		{ font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.nav:hover		{ font-size:11px; font-weight: bold; color: #fff; padding: 0px 10px 0px 10px; text-decoration: none; background-color: #046846; }

a.menu:link			{ width:100%; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.menu:visited		{ width:100%; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.menu:active		{ width:100%; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.menu:hover		{ width:100%; font-size:11px; font-weight: bold; color: #fff; padding: 0px 10px 0px 10px; text-decoration: none; background-color: #046846; }

A.WhiteLink:link 		{ COLOR: #fff; TEXT-DECORATION: none }
A.WhiteLink:visited	{ COLOR: #fff; TEXT-DECORATION: none }
A.WhiteLink:hover		{ COLOR: #fff; TEXT-DECORATION: underline }
A.WhiteLink:active		{ COLOR: #fff; TEXT-DECORATION: none }

a.colorw:link			{ color: #fff; }
a.colorw:visited		{ color: #fff; }
a.colorw:active		{ color: #ff0; }
a.colorw:hover		{ color: #ff0; }

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
/*===========================================================================================================*/









/* TOOLTIP
===========================================================================================================*/
.tip { border: thin solid black; width:250; color:black; background-color: #EEEEEE; layer-background-color: #CCCCCC; position:absolute; visibility:hidden; padding:5; margin-left:50; }

#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }

#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/* Remove below line to remove shadow. Below line should always appear last within this CSS */
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*===========================================================================================================*/





/*--------------Mobile Menu-------------------*/
#mobile-menu {
	display:none;
	position:relative;
	margin:0 15px;
}

#mobile-menu > span {
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	cursor:pointer;
}

#toggle-view-menu {
	display:none;
	list-style: none;
	margin: 0;
	padding: 0;	
	border-top: none;
	position:absolute;
	top:33px;
	left:0;
	z-index:99999;
	width:220px;
}

#toggle-view-menu > li {
	margin: 0;
	position: relative;
	cursor: pointer;
	list-style: none;
	border-top:1px solid #fff;
}

#tog
gle-view-menu > li:first-child {
	border-top:none;
}

#toggle-view-menu h3 {
	font-size: 18px;
	margin: 0;	
	float: left;
	line-height: 40px;	
	padding: 0 15px;
}
#toggle-view-menu h3 a {
	width:100%;
	display:block;
	color: #fff;
}

#toggle-view-menu span {
	float: right;
	font-size: 26px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff; 
}

#toggle-view-menu .menu-panel {
	margin: 0px;
	display: none;
	padding: 10px 15px 0;
	font-size: 14px;
	color: #fff;
	border-top:1px solid #fff;
}

#toggle-view-menu li.active span,
#toggle-view-menu li.active h3 a {
	color:#fff;
}

#toggle-view-menu .menu-panel ul {
	margin:0;
}

#toggle-view-menu li .menu-panel ul li {
	border:none;
	list-style:disc inside;
	margin: 0 0 10px 0;
	color:#fff;
}

#toggle-view-menu .menu-panel ul li a {
	display:inline-block;
	*display:inline;
	zoom:1;
	font-size:12px;
	color:#fff;
}

#toggle-view-menu .menu-panel ul li ul {
	margin-left:40px;
	margin-top:10px;
}

#main-content {
	padding:25px;
	background-color:#fff;
}

@media only screen and (min-width: 980px) and (max-width: 1023px) {

#dropdown-navigation {
	padding:15px 0 11px;
}
#main-menu {
	display:none;
}
#mobile-menu {
	display:block;
}
}

@media only screen and (min-width: 800px) and (max-width: 979px) {

#dropdown-navigation {
	padding:15px 0 11px;
}
#main-menu {
	display:none;
}
#mobile-menu {
	display:block;
}
}

@media only screen and (min-width: 768px) and (max-width: 799px) {

#dropdown-navigation {
	padding:15px 0 11px;
}
#main-menu {
	display:none;
}
#mobile-menu {
	display:block;
}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
#dropdown-navigation {
	padding:15px 0 11px;
}
#main-menu {
	display:none;
}
#mobile-menu {
	display:block;
}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {

#dropdown-navigation {
	padding:15px 0 11px;
}
#main-menu {
	display:none;
}
#mobile-menu {
	display:block;
}
}


@media only screen and (max-width: 479px) {
	
#dropdown-navigation {
	padding:15px 0 11px;
}
#main-menu {
	display:none;
}
#mobile-menu {
	display:block;
}
}
/*===========================================================================================================*/








/* TWITTER FEED
===========================================================================================================*/
#twitter ul li {
  list-style:none;
  overflow:hidden;
  margin:5px;
  padding:5px;
  border-top:1px solid #fff;
}

#twitter .user, .tweet, .timePosted {
  float:left;
}

#twitter .user {
  width:25%;
   clear:left;
}

#twitter .tweet {
  width:75%;
}


#twitter .user a {
 width: 100px;
}

#twitter .user span span {
  width:100px;
  display:block;
  margin-top:10px; 
}


#twitter .user span {
  width:100px;
  display:none;
  margin-top:10px;
}

#twitter .user img, .user a > span {
  float:left;
}
/*===========================================================================================================*/







/* SlideShows
===========================================================================================================*/
.slideshow {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
	margin: auto;
  }

.slideshow li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.slideshow li:first-child {
  position: relative;
  display: block;
  }

.slideshow img {
  display: block;
  height: auto;
  width: 100%;
  border: 0;
  }

/*===========================================================================================================*/








/* FLOATS
===========================================================================================================*/
.fleft { padding-top:5px; padding-right:10px; padding-bottom:10px; float:left;}
.fright { padding-top:5px; padding-left:10px; padding-bottom:10px; float:right;	}
/*===========================================================================================================*/










/* BACK TO TOP
===========================================================================================================*/
#back-top {
    bottom: 30px;
    margin-bottom: 0;
    margin-right: 15px;
    position: fixed;
    right: 0;
    z-index: 100;
}

#back-top a {
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../images/sitelook/arrow-up.png);
    display: block;
    height: 50px;
    outline: medium none;
    position: relative;
    text-indent:-9999px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 50px;
    z-index: 0;
    text-align:center;
}
/*===========================================================================================================*/











/* CUSTOM TITLES
===========================================================================================================*/
.Custom-title {
	color:#FFF;
	font-size:24px;
	margin:0 0 15px;
	padding:10px 0 10px 20px;
	position:relative;
	line-height:20px;
}

.Custom-title .title-line {
	position:absolute;
	display:block;
	height:2px;
	width:100%;
	left:0;
	top:50%;
	margin-top:-2px;
	background-color:#fff;
}

.Custom-title .title-text {
	color:#FFF;
	display:inline-block;
	position:relative;
	z-index:1;
	padding:0 5px;
}
/*===========================================================================================================*/