html {height: 100%; margin:0; padding:0}
body {font-family: verdana, arial; margin:0px; font-size:14px;}
div, span, p, a, a:visited, input {font-size:100%; color:inherit}
select {font-size:13px; border-color:#999;}
p {margin:0.5em 0em}
form {margin:0; padding:0}
ul {margin:0px; padding:0px 0px 0px 20px}
li {padding:3px 0px}
img {border:0px; vertical-align:bottom}
img.left {margin-right:3px}
img.right {margin-left:3px}
table {border-collapse: collapse}
td, th {vertical-align: top;}
dt {font-weight:bold; font-size:105%; margin:7px 0px 3px}
dd {margin:3px 0px 3px 10px}
iframe {background: url(/images/ajax-loader.gif) 50% 50% no-repeat}
.left {float:left}
.right {float:right}
.content {padding:5px}
.hidden {display:none}
.container {overflow:hidden}
.search-bar {background-color:#DDDDDD; overflow:hidden; padding:2px 5px}
.search-item {margin-left:95px}
.search-item-cat {font-size:12px}
.waiting {position:absolute;top:-2px;left:-2px;background-color:#FFFFFF;opacity:0.7;width:100%;height:100%;text-align:center;display:none}
.contact-map {float:right}
.updated {font-size:11px; font-style:italic; font-weight:normal; color:#888888}
.pointer {background:transparent url(/images/arrow-dropdown.gif) no-repeat center right; padding-right:12px!important}
.iframe_show {display:none}
.iframe .iframe_show {display:block!important}
.iframe .iframe_hide {display:none!important}
.breadcrumbs li {display: inline-block; padding:2px 3px}
.breadcrumbs li + li:before {content: "\00BB\00A0\00A0"}
img.sponsor {border:1px solid #888888; width:100%; max-width:120px; height:60px}
.resource-links img {float:left; clear:both}
.resource-links dl {overflow:hidden}
.resource-links dt {margin:3px 0px 3px 140px}
.resource-links dd {margin-left:150px}
h1 {font-size:20px; background-color:#99CCCC; margin:0px;}
header nav, header nav a {font-weight:bold; color:#FFFFFF; background-color:#336666; overflow:hidden; text-align:center}
header nav ul {margin:0px; padding:0px; display:inline-block;float:left}
header nav li {padding:3px 5px;list-style: none; display:inline-block; position:relative;z-index:100}
header nav li nav {display:none;position:absolute;top:19px;left:0px; width:auto}
header nav li:hover nav {display:block;}
header nav li nav li, header section li {display:block;white-space:nowrap;min-width:150px;padding:3px 10px}
header nav h2 {font-size:15px;background-color:#999999;color:#FFFFFF;margin:0px;padding:2px;text-align:center;display:inline-block;}
section, .section {border-radius: 5px; overflow:hidden}
section h1, .section h1, .feedback h1 {border-top-left-radius: 5px; border-top-right-radius: 5px}
section h2, .section h2, .feedback h2 {border-top-left-radius: 5px; border-top-right-radius: 5px}
aside section {background-color:#99CCCC; margin:4px 0px; font-size:14px}
aside section h2, aside section h1 {font-size:15px;background-color:#336666;color:#FFFFFF;margin:0px 0px 2px;padding:2px;text-align:center}
aside section h3 {font-size:14px;margin: 2px 0px 0px;padding:0px;}
aside section select {width:100%; margin:4px 0px}
aside section ul {padding:0px 0px 0px 10px}
aside section li {padding:1px 0px; list-style:none}
aside.smartlinks section h2, aside.smartlinks section h2 div {background-color:#000000; color:#FFFF88}
aside.smartlinks section {background-color:#DDDDDD}
aside.smartlinks .feedback {background-color:#FFFFFF; border: 1px solid #888888; padding:5px; margin-top:5px}
article section {background-color:#FFFFFF; margin:4px 0px; font-size:14px}
article h1, .section h1, .feedback h1 {font-size:15px;background-color:#999999;color:#FFFFFF;margin:0px;padding:2px;text-align:center}
article section h2, .section h2, .feedback h2 {font-size:15px;background-color:#999999;color:#FFFFFF;margin:0px;padding:2px;text-align:center}
article section h3 {font-size:14px;margin:0px;padding:2px 0px;}
article .promo {width:100%; max-width:500px; margin:5px auto; background-size:cover}
article .promo img {width:100%; max-width:500px; margin:0px}
#mobilenav {font-size:16px;padding:3px;border-radius:5px}
#specialties {width:100%}
#specialties td {width:50%; text-align:center}
#specialties img {border:1px solid #888888; width:100%; max-width:115px;}
#sponsors {width:100%}
#sponsors td {width:25%; text-align:center}
#sponsors img {border:1px solid #888888; width:100%; max-width:120px}
#projects {width:100%; margin:auto}
.project_center h3 {font-size: 20px}
#projects td {width:33%; text-align:center; vertical-align:top; padding:10px 0px}
#projects img {width:95%; margin:0px}
#projects a {font-size:16px; display:block; border:1px solid #AAAAAA; padding:0px; max-width:95%}
#projects div {background-color:#DDDDDD; padding:5px}
#brochure_quote {background-color:#FF0000; border:1px solid #AA0000; padding:2px 10px; border-radius:3px}
#brochure_quote a {color:#FFFFFF; font-weight:bold; }
#glossary-terms {height:600px; overflow-y: scroll}
aside.glossary {background-color:#DDDDDD; width:200px; float:left; height:100%}
aside.glossary ul {padding:0px 5px}
aside.glossary li {list-style: none; padding:2px 0px;}
#search-results hr, #new-products hr {margin:0px}
footer {clear:both}
footer .powered {font-size:12px; background-color:#DDDDDD; color:#444444; text-align:center; padding:3px 5px; border-radius:5px}

.lightbox_overlay{display:none; position:fixed; top: 0%; left: 0%; width: 100%; height: 100%; background:rgb(64,64,64); background:rgba(64,64,64,0.5); z-index:1001}
.error {color:red; font-weight:bold}
.feedback {height:auto; max-height:90%; background-color:#FFFFFF; margin:5px auto auto; padding:6px; border:1px solid #888888}
.feedback .error {color:red}
.feedback.popup {width:90%; max-width:700px; margin:2% auto auto; overflow-y:auto; border-radius:10px}
.feedback_form label {display:inline-block; width:auto; font-weight: bold}
.feedback_form sup {color:red}
.feedback_form .input_line {padding:5px 0px; overflow:hidden}
.feedback_form .input_line label {display:inline-block; width:120px;}
.feedback_form .input_line input[type=text] {width:50%; max-width:250px}
.feedback_form .input_checkbox {padding:5px 0px; overflow:hidden}

#smartlink-table {position:fixed; top:0; left:0; width:100%; height:95%; border-collapse:collapse; border:0; margin:0; padding:0;}
#smartlink-table h1 {font-size:20px; padding: 3px 10px; margin:0}
#smartlink-table td {margin:0; padding:0}
#smartlink-table iframe {width:100%; height:100%; border:0; margin:0; padding:0; background-color:#FFFFF;}
#smartlink-table .smartlinks {position:absolute; top:0px; left:0px; width:210px; z-index:200}
#smartlink-table .pull-tab {position:absolute;top:10px; left:210px; z-index:150; padding:20px 2px 20px 0px; font-size:30px;
	font-weight:bold; color:#FFFFFF; background-color:#222222; border-top:1px solid #888888; border-right:1px solid #888888;
	border-bottom:1px solid #888888; border-radius:0px 10px 10px 0px; opacity:.40; filter:alpha(opacity=40);}