html {height: 100%;} html>body table {margin:0 auto;} html>body div {margin:0 auto;}
body {margin: 0;height: 100%;padding: 0;font-family: Arial, Helvetica, "Sans Serif";line-height: 120%;font-size: 1.00em;color: #333;background: #fff;}  
span, p, td, div, li {font-size:1.00em;font-family: Arial, Helvetica;line-height: 120%; color: #333}
p a:link, p a:visited {color: blue; text-decoration: none}
p a:hover {color: red; text-decoration: underline}
header {margin: 0; padding: 0;width: 100%; background-color: #6d695c;
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 70px 120px; height: auto;}
#header {width:100%; max-width: 80em; height: auto; margin: 0 auto; position: relative; text-align: center;}
.logo-holder {position: relative;padding:0; }
.menu-outer {width: 100%; background-color: #000; padding: 0; margin: 0; border-bottom: 1px solid #5f5f5f; border-top: 1px solid #5f5f5f;}
.menu_inner {width: 100%; max-width: 80em;padding: 0; margin: 0 auto; height: auto; background-color: #919191;}
.sociallinks-top {position: absolute; top: 0; right:0;text-align:right; padding:0; margin: 0 auto;text-align:right;width:30%;}
.soc-top img {margin:0; width: 40%;}
.space {height: 0.115em; width: 0.625em}
.space2-top {height: 0.115em; width: 1.245em}

img {max-width: 100%; border: 0;}
img.header {border: 0; display: block;}
footer {width: 100%; padding: 1.25em 0; margin: 0.625em auto 0 auto; height:auto;background: #000; border-top: 1px solid #5f5f5f; border-bottom: 1px solid #5f5f5f;font-size: 0.850em;}
.footer-inner {width: 100%; max-width: 80em; color: #fff; margin: 0 auto;}
.sociallinks{margin:0 auto 0.825em auto;padding:0;text-align:center;width:100%;max-width: 64em;}
.block-sociallinks img {margin:0}
.space {height: 0.115em; width: 0.625em}
.space2 {height: 0.115em; width: 0.825em}
#holder {width: 98%; max-width: 80em; margin: 0 auto; padding: 0.625em 0; z-index: 700; display: block; border: 0px solid green}
#holder2 {display: none}
.top-row {width: 98%; margin: 0 auto;padding: 0;}
.top-row td {vertical-align: top;padding: 0 0.825em}
td.slideshow {width: 68%;}
td.hbcus {width: 32%;}
.rotator2 {display: none}
.rotator {width: 100%; margin: 0; padding: 0; background-color: #000;}
marquee {background-color: #000; height: 30.825em;}
.marquee {width: 98%; margin: 0 auto; background-color: #000; padding: 0.5em; text-align: center}
.marquee p {font-size: 1.0em;color: #fff;text-align: center; font-weight: 700}

.top-row-narrow {display: none}

.logos {background-color: #d7d7d7; border-top: 1px solid #5f5f5f; border-bottom: 1px solid #5f5f5f; width: 100%; margin: 0 auto;padding: 0.625em 0;display: block;}
.logos2 {display:none}
.logos-inner {width: 98%; max-width: 80em; margin: 0 auto; padding: 0.625em 0; z-index: 700; display: block;}
.logos-small {display: none;}
table.logos4 {width: 100%; border: 0; border-collapse: collapse; padding: 0;}
table.logos4-narrow {display: none;}
.logos4 td {width: 25%;text-align: center; padding: 0; margin: 0;}

.partner-scroll {background-color: #fff; width: 100%; height: auto; margin: 0; padding: 0.825em 0 0 0;}

.copyright {color: #fff; padding: 0; margin: 0;text-align: center}
.component {width: 100%; max-width: 64em; margin-top: 1.625em;}



#phoenix {margin: 1.25em auto; text-align: right; width:95%;max-width:80em;padding-right: 15px;}


.content {width:1000px;border: 0;margin-top: 0;}
.content td {display:table-cell;vertical-align: top;}
td#column {width: 325px;padding: 30px 0 0 0;}
.right_outer {float: right;width:325px;margin: 0px 20px 0 3px;vertical-align: text-top;}
.page-header h1, .content-category h1, h2, #phocagallery h1, .page-header h2, .contact-name, .componentheading {padding: 0;font-size: 24px;margin-top: 7px;font-weight: 700;color: #333;}
span.contact-name {color: #fff; font-size: 24px;}
#archive-items {width: 100%;}
.filters {border:0px solid #fff;padding: 4px 0;}
.published {margin-top: -10px;}
.pagination {float:left;margin-bottom: 12px;width: 500px;;}
.pagination ul li, .list-footer ul li{display: inline;padding: 0 10px 0 10px;margin-bottom: 22px;}
.pagination ul, .list-footer ul {list-style-type: none; }
.content_table {width: 100%;padding: 0;margin: 0 auto;background: #fff;}
.content_table td {padding: 0;margin: 0;line-height: 1.3;}
.user1 {width: 100%;margin: 0 auto;background: #fff;padding: 0;text-align: center;}
.user2_inner {float: none !important;float: left;margin: 0;padding: 2px;} 
table td.body_outer {padding: 2px 4px 2px 6px;background: #fff;}
.maintitle {color: #fff;font-size: 40px;padding-left: 15px;padding-top: 20px;}
.back_button {float: left;text-align: center;font-size: 11px;font-weight: 700;border: 3px double #ccc;width: auto;background: url(../images/button_bg.png) repeat-x;padding: 0px 10px;line-height: 20px;margin: 1px;}
.pagenav {text-align: center;font-size: 11px;font-weight: 700;border: 3px double #ccc;width: auto;background: url(../images/button_bg.png) repeat-x;padding: 0 10px;line-height: 20px;margin: 1px;}
.pagenavbar {margin-right: 10px;float: right;}
ul{margin: 0;padding: 0;list-style: disc;}
li{line-height: 15px;padding-left: 15px;padding-top: 0;margin-left: 22px;font-size:1.00em;font-family: Arial, Helvetica;line-height: 120%;}
td {text-align: left;font-size: 1.00em;}
page.a:link, a:visited {color: #fff; text-decoration: none;font-weight: 500;}
page.a:hover {color: #4aff4a;	text-decoration: none;font-weight: 700;}
.button {color: #00529b;font-family: Arial, Hevlvetica, sans-serif;text-align: center;font-size: 11px;font-weight: 700;border: 3px double #ccc;width: auto;background: url(../images/button_bg.png) repeat-x;padding: 0px 5px;line-height: 18px !important;line-height: 16px;height: 26px !important;height: 24px;margin: 1px;}
.inputbox {padding: 2px;border:solid 1px #ccc;background-color: #fff;}
table.searchinto {width: 100%;}
table.searchintro td {font-weight: 700;}
table.moduletable {width: 100%;margin-bottom: 5px;padding: 0;border-spacing: 0;border-collapse: collapse;}
div.moduletable {padding: 0;margin-bottom: 2px;}
table.category, .table {margin: 7px 0 0 35px;}
table.moduletable th, div.moduletable h3, h3 {color: #333; width: 98%;text-align: left;padding: 0;line-height: 1.4;font-weight: 500;font-size: 1.20em;text-transform: uppercase;margin: 5px 0; font-family: Verdana;}

table.moduletable th, div.moduletable h4 {font-size: 18px; font-weight: 700;color: #800000;margin-bottom: 0;}
table.moduletable td {font-size: 1.00em;padding: 0;margin: 0;font-weight: normal;}
form {margin: 0;padding: 0;}
div.mosimage {border: 1px solid #ccc;}
.mosimage {border: 1px solid #ccc;margin: 5px}
.mosimage_caption {margin-top: 2px;background: #efefef;padding: 1px 2px;color: #666;font-size: 10px;border-top: 1px solid #ccc;}
span.article_seperator {display: block;height: 1.5em;}
.form { text-align: right; padding-right: 5px; }
input {font-size: 1.00em;}
div.article-content {padding: 5px; text-align: justify;width:100%;}
.list-title{font-size: 13px;line-height: 15px;}
.category-list{float: left;}
.wd_form_label {font-size:10pt;vertical-align:text-bottom;}
.wdform_table1 td {height: 28px;}

.contact-name {padding: 0;font-size: 15pt;line-height: 15pt;margin: 20px 0;font-weight: 700;color: navy;}
.control-label, input {margin: 5px 0 10px 0;}
.list-title {height: 25px;}

.wrapper {background-color: #000;  width: 100%; max-width: 1024px;overflow:hidden;} 
.caption {font-size: 13px;text-align: center;font-weight: bold;}
h2 {color: #333;}

.nivocaption2_88 {width: 97%; text-align: center;}

/*Menu*/
.toggle,
[id^=drop] {display: none;}
/* Giving a background-color to the nav container. */
nav {margin:0;padding: 0.250em 0 0 0;background-color: #000;z-index: 999;}
nav:after {content:"";display:table;clear:both;}
/* Removing padding, margin and "list-style" from the "ul",*/
nav ul {padding:0;margin:0 auto;list-style: none;position: relative; vertical-align: middle;}
/* Positioning the navigation items inline */
nav ul li {margin: 0;display:inline-block;float: left;background-color: #000; position: relative}
nav ul li a:visited, nav ul li a {color: #fff}
nav ul li a:hover{color:#b70004;}
/* Styling the links */
nav a, nav a:visited {display:block;padding:1.0em 3.250em;margin: 0;color:#fff;font-size:0.825em;text-decoration:none; text-transform: uppercase; font-weight: 500}
nav a:hover {color: #b70004;padding:1.0em 3.250em;}
nav ul li ul li:hover {background-color: #919191;}
/* Background color change on Hover */

.no-drop:hover {color:#b70004}
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {display: none;position: absolute;top: 45px;}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {display:inherit;}
	
/* Fisrt Tier Dropdown */
nav ul ul li {width:14.825em; float:none; display:list-item; position: relative; z-index: 900; padding: 0; border: 1px solid #bebebe}
nav ul ul li a:hover, {color: #b70004; z-index: 900;}
/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {position: relative; top:-45px; left:210px;  z-index: 900;}
nav ul ul ul li a, nav ul ul ul li a:visited {color: #fff}
nav ul ul ul li a:hover {color: #b70004}
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' '; }
li > a:only-child:after { content: ''; }

/* Media Queries
--------------------------------------------- */
@media all and (max-width : 1293px) {
.menu_inner {width: 100%; padding: 0; margin: 0 auto; float: left; z-index: 979;}
	nav {margin: 0 auto}
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {	display: none;}
	/* Styling the toggle lable */
	.toggle {display: block; width: 90%;
		background-color: #000;
		padding: 0.825em 1.825em;	
		color:#fff;
		font-size:1.0em; font-weight: 500;
		text-decoration:none;
		border:none;cursor:pointer}
	.toggle:hover {color: #b70004;padding: 0.825em 1.825em;font-size:1.0em; font-weight: 500;}
	#toggle-large {font-size: 1.0em;font-weight: 500;float: left; text-transform: uppercase}
	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {display: block;}
	/* Change menu item's width to 100% */
	nav ul li {display: block; width: 90%;cursor:pointer; color: #fff;}
	nav ul li:hover {display: block; width: 90%;cursor:pointer; color: #fff}
	nav ul ul .toggle, nav ul ul a, nav ul ul a:visited  {padding: 0 5.0em;margin: 0;color:#fff;font-size: 1.0em; font-weight: 500;}
	nav ul ul ul a {padding: 0 5.0em; font-size: 1.0em;font-weight: 500;font-size:1.0em;}
	nav ul ul ul a {padding: 0 5.0em; font-size: 1.0em;font-weight: 500;font-size:1.0em;color: #b70004}
	nav a:hover{padding:0.825em 1.25em;cursor:pointer; font-size: 1.0em; font-weight: 500;}
  	nav ul li ul li .toggle, nav ul ul a,  nav ul ul ul a {padding:0.825em 1.25em; color:#fff;font-size: 1.0em; font-weight: 500; text-transform: uppercase; }
  	/*nav ul li ul li .toggle, nav ul ul a {color:#fff;font-size: 1.0em; font-weight: 500;}
	 Hide Dropdowns by Default */
	nav ul ul {float: none;	position:static;color: #fff;
		/* has to be the same number as the "line-height" of "nav a" */}
			/* Hide menus on hover */
	nav ul ul li:hover > ul, nav ul li:hover > ul {display: none;}
			/* First Tier Dropdown */
	nav ul ul li {display: block; z-index: 900;width: 100%; z-index: 900; padding: 0; border: 0;} 
	.no-drop {padding: 0.825em 2.25em; color:#fff; font-size:1.0em; font-weight: 500; text-decoration:none; border:none;cursor:pointer}
	.no-drop:hover {padding: 0.825em 2.25em; color: #b70004;font-size:1.0em; font-weight: 500; text-decoration:none; border:none;cursor:pointer}
	nav ul ul ul li {position: static; z-index: 900; padding: 0; background-color:#7d7d7d;}
	nav ul ul ul li:hover {position: static; z-index: 900; padding: 0;color: b70004}
	nav ul ul ul li a, nav ul ul ul li a:visited {color: #fff}
	.sociallinks-top {float:right;padding:0; margin-top: 0.425em;text-align:right;width:100%;}
.logo-holder {margin: 0 auto;z-index: 999; padding-left: 3.0em: 0;
.soc-top img {width: 50%; height: auto; margin:0; border: 0;}
.space {height: 0.115em; width: 0.625em}
.space2-top {height: 0.115em; width: 0.825em}
.holder {width: 100%}
.slideshow {width: 100%;}
marquee {width: 97%; margin: 0 auto; background-color: #000; height: 24.425em;}
}

@media all and (max-width : 1285px) {
marquee {background-color: #000; height: 29.825em;}
}

/*  SECTIONS  ============================================================================= */

.section {clear: both;padding: 0px;margin: 0px; background-color: #fff;}
.group:before,.group:after {content:""; display:table;}
.group:after { clear:both;}
.group { background-color: #fff;}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {display: block;float:left;margin: 1% 0 1% 1.6%; }
.col:first-child { margin-left: 0; }

@media only screen and (max-width: 1110px) {.col {margin: 1% 0 1% 0%;}
}
.span_2_of_2 {width: 23%;}
.span_1_of_2 {	width: 74%; float: right;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 1116px) {.span_2_of_2 {width: 100%; } .span_1_of_2 {width: 95%; margin: 0 auto; padding: 0 0 0 2.0em}
}


@media all and (max-width : 1105px) {
marquee {background-color: #000; height: 25.250em;}.sociallinks-top {display: none}
}


@media all and (max-width : 1026px) {
marquee {background-color: #000; height: 23.25em;}.sociallinks-top {display: none}
}

@media all and (max-width : 900px) {marquee {background-color: #000; height: 20.15em;}
}

@media all and (max-width : 851px) {
#holder {display: none}
.logos {display: none}
.top-row {display: none;}
.logos4 {display: none;}
.logos-inner {display: none}
.logos2 {background-color: #d7d7d7; border-top: 1px solid #5f5f5f; border-bottom: 1px solid #5f5f5f; width: 100%; margin: 0 auto;padding: 0.425em 0;display: block;}
.top-row-narrow {display: block; width: 99%; margin: 0 auto; border-collapse: collapse;}
.top-row-narrow td {width: 100%}
.logos4-narrow {display: block; width: 100%; margin: 0 auto; border-collapse: collapse; padding: 0;}
marquee {width: 97%; margin: 0 auto; background-color: #000; height: 20em;}
.marquee {}
.marquee p {font-size: 0.825em;color: #fff;text-align: center; font-weight: 700}
#holder2 {display: block; clear: both; width: 98%;padding: 0;}
.rotator {display: none;}
.rotator2 {display: block;width: 100%; margin: 0 auto; padding: 0; background-color: #000;z-index: 800;}
.logo-holder {text-align: left; padding: 0 0 0 6%;}
.logos-small {width: 98%; margin: 0 auto; padding: 0.625em 0; display: block;}
}

@media all and (max-width : 800px) {
marquee {background-color: #000; height: 14.825em;} .logo-holder {margin: 0 auto}
}

@media all and (max-width : 480px) {
marquee {background-color: #000; height: 9.825em;}
}


@media all and (max-width : 360px) {
.component {padding: 0 10px 0 20px; margin: 0 auto;width:94%;}
p {padding: 0 0.265em 0 0.265em; text-align: justify; margin-left: 0;}

}