body {font: 400 11pt 'Open Sans', Geneva, sans-serif!important; color: black; margin: 0; padding: 0;}
	body.pagebody {background: transparent url('../images/bkgrnd.jpg') repeat scroll top left !important;}
	
h1 {font-size: 28pt!important; color: #2476b8!important; font-weight: 200!important;}
h2 {font-size: 20pt!important; color: #2476b8!important; font-weight: 500!important;}
h3 {font-size: 15pt!important; color: #2476b8!important; font-weight: 500!important;}
h4 {font-size: 14pt!important; color: #2476b8!important; font-weight: 500!important;}

a {color: #1b4164; text-decoration: underline;}
a:hover{color: #e75113;}

sup {font-size: 60%!important; padding-left: 2px;}
iframe {border: none; margin-bottom: 20px;}
img {height: auto; max-width: 100%;}

.clear {clear: both}
.transparent {background-color: transparent;}

.AlignLeft {text-align: left;}
.AlignCenter {text-align: center;}
.AlignRight {text-align: right;}
.AlignJustify {text-align: justify;}
.Indent1 {margin-left: 40px;}
.Indent2 {margin-left: 80px;}
.Indent3 {margin-left: 120px;}
	
.btn-primary,btn-block {
	background: url('../images/btn-bkgrnd.jpg') 0 0;
	color: white;
	padding: 5px 54px;
	/*padding: 5px 54px;*/
	border: 1px solid #2476b8;
	border-radius: 6px; -moz-border-radius: 6px / 6px; -webkit-border-radius: 6px 6px;
	font-size: 14pt;
	font-weight: 600;
	text-align: center;
	text-decoration: none!important;
}
	.btn-block {padding: 5px inherit;}
	.btn-primary:hover, .btn-primary:focus, .btn-block:hover, .btn-block:focus {
		background:url('../images/btn-bkgrnd-2.jpg') 0 0;
		color: black!important;
		text-decoration: none;
	}

/*# Header Area ----------------------------------#*/
.logo {margin: 8px 0 4px;}

#topnav {float: right;}
	#topnav .links {float: left; font-size: 10pt; padding-top: 7px; text-transform: uppercase;}
		#topnav .links a {color: black; padding: 0 5px; text-decoration:none!important;}
		#topnav .links a:hover {color: #2476b8;}
	#topnav .social {float: left;}
		#topnav .social img {float: left;}
		#topnav .social .twitter {margin: 0 7px 0 9px;}

#cta {clear: both; float: right; margin-top: 13px;}

/*# Main body text area ----------------------------------#*/
.content {margin: 12px auto 30px; padding-top: 18px; background-color: white; border-radius: 14px; -moz-border-radius: 14px / 14px; -webkit-border-radius: 14px 14px;}
.pagecontent {min-height: 300px;}
.breadcrumbs {padding: 0 10px; font-size: 9pt;}
 .breadcrumbs a {text-decoration: none;}

/*# Nav Styles ----------------------------------#*/
.navigation {
	min-height: 42px!important;
	margin: 0 -15px 10px;
	background: url('../images/nav-bkgrnd.jpg') 0 0;
	border: none !important;
	border-radius: 0 !important;
	text-align: center;
}

nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
	nav ul:after {content: ""; clear: both; display: block;}
	nav ul ul {display: none; z-index: 1000; background-color: #2476b8;}
		nav ul li {float: left; margin-top: 9px; font-size: 13pt; font-weight: 300;}
		nav ul li:hover > ul {display: block;}
		nav > ul > li.parent > a:after {content: ''; display: inline-block; width: 0; height: 0; margin-top: -12px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
		nav > ul > li.parent:hover > a,nav ul > li.parent:hover {color: white; background-color: #2476b8;}
	
	nav ul li a {
		margin: 0;
		padding: 9px 30px 7px;
		border-right: 1px solid #86b3d8;
		color: white;
		text-decoration: none!important;
	}
		nav ul li a:hover, nav ul li.parent > a.active, nav > ul > li > a.active {background-color: #2476b8; color: white;}
		nav ul li:last-child a {border-right: none;}
nav ul ul {
	position: absolute;
	top: 100%;
	padding-bottom: 10px;
}
	nav ul ul li {
		float: none; 
		position: relative;
		font-size: 10pt;
		text-align: left;
	}
		nav ul ul li a {padding: 5px 10px; color: white; clear: both;}	
			nav ul ul li a:hover {color: #e75113;}
			nav > ul ul > li.parent > a:after {content: ''; display: inline-block; width: 0; height: 0; margin-top: -4px; margin-left: 5px; vertical-align: middle; border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
nav ul ul ul {position: absolute; left: 100%; top: 0; white-space: nowrap;}

.slicknav_menu {display: none;}

/*# HOME PAGE ----------------------------------#*/	
#whatsnew {clear: both; padding: 10px 15px; background-color: #d0e2f0; border: 6px solid #bdd6ea; border-radius: 6px; -moz-border-radius: 6px / 6px; -webkit-border-radius: 6px 6px;}
	#whatsnew h2 {margin: 0 0 20px; font-size: 24pt!important; font-weight: 200!important;}
	#whatsnew li {margin-bottom: 15px;}

#eventgraphic {float: left; margin: 10px 15pt 10px 0;}

#homepict {position: relative;}
	#homepict .text {position: absolute; min-width: 45%; min-height: 33%; top: 7%; left: 1%; padding: 4px 10px 10px; font-size: 13pt; background-color: rgba(255,255,255,0.8);}
	#homepict .text strong {font-size: 18pt; font-weight: 600;}

.hometext {margin: 20px 0; font-size: 13pt;}

	
/*# SIDEBAR ----------------------------------#*/	
.sidebar {color: #2476b8;}
	.sidebar h3 {padding-bottom: 5px; border-bottom: 1px solid #d0e2f0; color: #2476b8; font-size: 15pt!important; font-weight: 200!important;}

#testimonial {color: black;}
	#testimonial .quote {
		padding: 44px 15px;
		border: 6px solid #bdd6ea;
		border-radius: 6px;-moz-border-radius: 6px / 6px; -webkit-border-radius: 6px 6px;
		background-color: #d0e2f0;
		color: black;
		font-size: 16pt;
		font-weight: 200!important;
	}
	#testimonial .name {background: url('../images/quote-box.gif') no-repeat 0 0; min-height: 27pt;}
	#testimonial .text {margin-left: 66px; padding-top: 6px; font-size: 11pt;}

#attend, #emaillist {margin: 40px 0}

#emaillist{font-size: 11pt; font-weight: normal;}
	#emaillist .box {width: 60%; border: 1px solid #2476b8; padding: 2px; font-size: 9pt; color: #777}
	#emaillist .submit {background: url('../images/btn-bkgrnd.jpg') 0 0; padding: 0 10px; border: 1px solid #2476b8; border-radius: 6px; -moz-border-radius: 6px / 6px; -webkit-border-radius: 6px 6px; color: white;}
	#emaillist .submit:hover {background: url('../images/btn-bkgrnd-2.jpg') 0 0; padding: 0 10px; color: black;}

	#emaillist .smalltxt {margin-top: 10px; font-size: 8pt; color: #777}
	#emaillist .smalltxt a {color:#777; text-decoration:none!important;}


/*# Footer ----------------------------------#*/
.photobar img {float: left; width: 12.5%;}

footer {margin: 30px -15px 0; border-radius: 0 0 8px 8px; background-color: #2476b8; color: #b0c7e0; font-size: 8.5pt;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;

	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
 }
 	.footertext {clear: both; padding: 0 15px;}
	footer .copyright {padding: 10px 15px; font-size: 8.5pt;}
		footer .copyright a,footer .copyright a.sitelink {color: #b0c7e0; text-decoration: underline;}
		footer .copyright a:hover {color: white;}
	footer .login {padding: 10px 15px; text-align: right;}
		footer .login a.sitelink {color: white;}
		footer .login a.sitelink:hover {color: black;}	
	

/*# Responsive adjustments ----------------------------------#*/
@media (max-width: 1200px) {
	nav ul li {font-size: 12pt;}
	nav ul li a {padding: 9px 20px 7px;}

	#homepict .text {font-size: 11pt;}
		#homepict .text strong {font-size: 15pt;}
}
@media (max-width: 992px) {
	.logo {margin: 0; padding: 0; text-align: center;}
		.logo img {margin: 0; padding: 0 5px;}
	.headerlinks {text-align: center; margin-bottom: 15px;}
	#topnav {display: inline; float: none; width: 215px; margin: 0 auto; padding: 10px 0;}
		#topnav .links {display: inline; float: none; text-align: center;}
		#topnav .social {display: inline; float: none; text-align: center;}
			#topnav .social img {float: none; width: auto; height: 26px;}
	#cta {display: inline; float: none; margin: 10px auto 20px; text-align: center;}

	nav ul li {font-size: 11pt;}
	nav ul li a {padding: 9px 15px 7px;}

	.sidebar {margin-top: 20px;}
}
@media (max-width: 768px) {
	#topnav {display: block;}
	#cta {display: block;}

	.navigation {display: none;}
	.slicknav_menu {display: block;}
}
@media (max-width: 480px) {
	#eventgraphic {width: 45%}
	#whatsnew {margin-bottom: 20px;}
	#calendar {margin: 20px auto; text-align: center;}

	.agenda img {display: none;}

	.photobar {height: 61px; margin: 0; display: none;}
		.photobar img {width: auto; height: 61px;}

	footer {padding: 0;}
		footer .row {margin: 0; padding: 0}
		.footertext {margin: 0; padding: 0}
}

/* Admin Styles */
/* This class defines the styles for table headers in the  */
.TableHeader 
{
	color: white; 
	background-color: #2476b8;
	font: bold 11px Verdana,tahoma,Arial;
	padding: 2px 6px 2px 6px; 
	border: 1px solid white;
}

/* This class defines table backgrounds */
.List1
{
	color: #14314F; 
	background-color: #C0C0C0;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type */
.List1bold
{
	color: #14314F; 
	background-color: #C0C0C0;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds */
.List2,.List2 p
{
	color: #14314F; 
	background-color: #E2E2E2;
	font: normal 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}

/* This class defines table backgrounds with bold type*/
.List2bold,.List2bold p
{
	color: #14314F; 
	background-color: #E2E2E2;
	font: bold 10px/14px Verdana,tahoma,Arial;
	border: 1px solid white;
	padding: 2px;
}
.List1 p, .List1bold p, .List2 p, .List2bold p,
.List1 ul, .List1bold ul, .List2 ul, .List2bold ul
{
	font: normal 10px/14px Verdana,tahoma,Arial;
	margin: 0;
	border: 0;
}

/* This class defines the styles for all generic buttons */
.InputSubmit1
{
	color: white;
	background-color: #e75113;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all buttons on the main admin display*/
.InputSubmit2
{
	color: black; 
	background-color: white;
	font: bold 10px Verdana,Arial,Helvetica,Sans Serif;
	border: 1px solid #14314F;
}

/* This class defines the styles for all input boxes*/
.InputBox
{
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for all text areas*/
.InputBoxTextArea
{
	color: black;
	background-color: #FDFDFD;
	font: normal 10px Verdana,tahoma,Arial;
	border: 1px solid black;
}

/* This class defines the styles for main tables*/
.Table1
{
	border: 1px solid black;
	margin: 1px 0 10px 0;
	border-collapse: separate;
}

/* This class defines the styles for all error messages */
.Error {
	color: #FF0000;
}

/* This class defines the styles for all required field markers */
.Required {
	font: bold 10px Verdana,tahoma,Arial;
	color: red;
}

.Message {display: block; padding: 10px; margin-bottom: 10px; background-color: lemonchiffon;}

.validatorHighlight {background-color: lemonchiffon;}

.progressBackgroundFilter,#progressBackgroundFilter {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #000; 
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 1000;
}
.popupPanel {
    z-index: 1002;
    padding: 10px;
    background-color: White;
    color: Black;
    border: 2px solid black;
    position: relative;
}

.exceltext {mso-number-format: \@;}

.Watermark {
	color: #888888;
	background-color: #FDFDFD;
	border: 1px solid black;
	font-family: Verdana,tahoma,Arial; 
	font-size: 10px;
	font-weight: normal;
}

/* Mojo Fixes */
ul.simplelist li a {height: 100px!important; font-size: 9pt;}
body.wysiwygeditor {padding: 20px;}
body.wysiwygeditor .col-md-2,
body.wysiwygeditor .col-md-4,
body.wysiwygeditor .col-md-8 {width: auto;}

.modulecontent {padding: 0;}

/* Mailchimp Signup Form */
#mc_embed_signup .email {float:left; padding:5px 0!important}
#mc_embed_signup .clear {float:right}
#mc_embed_signup_scroll label {font-size: 15pt!important; color: #2476b8; border-bottom: 1px solid #d0e2f0; font-weight: 200!important; padding-bottom: 5px}
#mc-embedded-subscribe{background:url('/data/sites/1/skins/utilityforum/images/btn-bkgrnd.jpg') repeat 0 0; border: 1px solid #2476b8; padding: 0 10px;color: #fff; border-radius: 6px;-moz-border-radius: 6px / 6px; -webkit-border-radius: 6px 6px;}
#mc-embedded-subscribe:hover {background:url('/data/sites/1/skins/utilityforum/images/btn-bkgrnd-2.jpg') repeat 0 0; border: 1px solid #2476b8; padding: 0 10px;color: #000;