html, body { overflow-x:hidden;height: 100%;font-family:Verdana,Tahoma,sans-serif }

BODY { background-color:#636363;background:url('img/tile1.jpg'); }

H1, H2, H3 { color:#553188;font-family:"Times New Roman" }
H2 { font-size:24px;margin-bottom:12px }
H3 { font-size:20px }
A.group IMG { margin-top:0;padding:2px;border-width:1px;border-style:solid;border-color:#553188!important }

.container A { color:#339933;text-decoration:underline }
.navbar A, .foot A { text-decoration:none }
.navbar-inverse .navbar-nav > li > a {
	color:#cccccc;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#555555;
	color:#ffffff;
}
.resin { display:none }
label.error, span.req { color:#CC0066 }

/* FOR CONTENT */
.gallery UL { list-style-type:none;margin:0;padding:0 }
.gallery UL LI { float:left;margin-right:14px }
.gallery UL LI TABLE DIV { font-family:Arial,Verdana,Tahoma;font-size:11px;text-align:center;margin-top:6px }
.border_bottom { border-bottom: solid 1px #b9b9b9 }
table.padme td { padding:6px }
.caption { margin-top:4px;margin-bottom:12px;font-size:11px }

/*fill screen for container, not used*/
.fill { min-height: 100%!important; height: 100%!important }

.btn-info, .btn-info:focus, .btn-info.focus { border:solid 1px #5E183B;background-color:#553188;color:#fff }
.hover .btn-info, .btn-info:hover, .btn-info:active { background-color:#32B338;border:solid 1px #14881A }
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-color:#32B338;border:solid 1px #14881A;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
background-color:#50D632;border:solid 1px #14881A;
}

.nomargin { margin:0 }
.container { background-color:#fff;padding:0 }
.foot, .marquee { padding:4px }
.foot A, .marquee A { white-space: nowrap }
.foot, .foot A { color:#C2C2C2 }
.marquee, .marquee A { color:#888888 }

.logowrapper { padding-left:42px;padding-top:24px;margin-bottom:18px }

.navwrapper { border-top: solid 4px #ddd }
.navbar { margin-bottom:0px }
.navbar { border-radius:0 }


.dark { font-size:16px;font-family:"Times New Roman";color:#fff;padding:4px }
.dark STRONG { color:#F7D58D }
.leftcol { background-color: #E3D9F0 }
.leftcol UL { margin:0; padding:0;margin-left:16px }
.contentcol { background-color:#fff }

/* LARGE SCREEN */
@media all and (min-width: 1000px) {
#gallery IMG { max-height:120px;margin-left:auto;margin-right:auto }
}
/* MED SCREEN */
/*@media all and (max-width: 1200px) and (min-width: 768px) {
.container { width: 90% }
}*/
@media all and (min-width: 720px) {

/* FIX HEADER MARGINS */

.logowrapper { padding-left:72px;padding-top:42px }
.slogan { padding-top:52px;padding-right:48px }

	/*this solves equal column heights but breaks column responsiveness so placed into media query*/
	
	.row-eq-height {
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	}

}
