
/* Overall Brand */

html, body, form { margin: 0; padding: 0; height: 100%; /* needed for container min-height */ background: #83b1d3; font-family: Trebuchet MS, Arial, sans-serif; color: #555; }

h1 { color: #012b45; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 6em; font-weight: bold; line-height: 1em; }
h2 { color: #012b45; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 2em; font-weight: bold; line-height: 1em; }
h3 { color: #d95e16; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1.8em; line-height: 1.5em; }
h4 { color: #83b1d3; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
h5 { color: #ccc; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 11px; font-weight: bold; line-height: 1.5em; }


/* Begin Replace h1 with Logo Image */
h1.logo { margin: 20px 0px 31px 55px; /* for this particular site, set this as you like */ position: absolute; /* allows child element to be placed positioned wrt this one */ overflow: hidden; /* don’t let content leak beyond the header - not needed as height of anchor will cover whole header */ padding: 0; /* needed to counter the reset/default styles */ width: 300px; }
h1.logo a { position: absolute; /* defaults to top:0, left:0 and so these can be left out */ height: 0; /* hiding text, prevent it peaking out */ width: 100%; /* fill the parent element */ background-position: left top; background-repeat: no-repeat; }
h1#logo { height: 79px; /* height of replacement image */ }
h1#logo a { padding-top: 79px; /* height of the replacement image */ background-image: url(../../images/interface/TwoRiversLogo.gif); }
/* End Replace h1 */


.Subheadline { color: #012b45; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 16px; font-weight: bold; font-style: italic; line-height: 1.5em; }

p, ul, li, td { color: #555; }
p a { text-decoration: underline; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 12px; }
blockquote a { text-decoration: underline; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 12px; }

a { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 12px; color: #012b45; text-decoration: none; }
a:hover { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 12px; color: #bfd3e3; text-decoration: none; }
a:focus { color: #bfd3e3 !important; }

.BreadcrumbLink { font-size: 0.85em !important; color: #83b1d3; }
a.BreadcrumbLink { font-family: Trebuchet MS, Arial, sans-serif; color: #999; font-size: 1em !important; font-weight: normal; text-decoration: none !important; }
a.BreadcrumbLink:hover { font-family: Trebuchet MS, Arial, sans-serif; color: #656576; font-size: 1em !important; font-weight: normal; text-decoration: underline !important; }

.NoUnderline { text-decoration: none !important; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px !important; }

fieldset { -moz-border-radius: 6px; border-radius: 6px; border: solid 1px #83b1d3; padding: 1.3em; }
legend { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #83b1d3; text-transform: uppercase; padding: 0px 10px; *padding-bottom:10px;}
fieldset a { background: #f5f5f5 url(../../images/interface/Case-Study-BG.jpg) repeat-y top right; width: 100%; display: block; color: #012b45; font-size: 1.05em !important; font-weight: bold !important; text-decoration: none !important; border: solid 1px #5e819d; }
fieldset img { border-right: solid 1px #5e819d; }
fieldset .CaseLabel { text-decoration: none; display: inline; padding-left: 10px; }

a.CaseLink { font-family: Arial Narrow, Arial, sans-serif !important; background: #f5f5f5; color: #012b45; padding: 0.5em; width: 103px; height: 150px; display: block; text-decoration: none !important; text-align: center; font-size: 0.7em; font-weight: bold; border: solid 1px #5e819d; -moz-border-radius: 6px; border-radius: 6px; }
a.CaseLink img { border: solid 2px #666; margin-bottom: 5px; }
a.CaseLink:hover { background: #83b1d3; color: #fff; font-family: Arial Narrow, Arial, sans-serif; }

a.PortfolioLink { font-family: Arial Narrow, Arial, sans-serif !important; background: #f5f5f5; color: #012b45; padding: 0.5em; width: 103px; display: block; text-decoration: none !important; text-align: center; font-size: 0.7em; font-weight: bold; border: solid 1px #5e819d; -moz-border-radius: 6px; border-radius: 6px; }
a.PortfolioLink img { border: solid 2px #666; }
a.PortfolioLink:hover { background: #83b1d3; color: #fff; font-family: Arial Narrow, Arial, sans-serif; }


/* =Structure */
#container { margin: 0px auto -31px auto; /* center, not in IE5 */ width: 100%; background: url(../../images/interface/TopBG.jpg) repeat-x center top; height: auto !important; /* real browsers */ height: 100%; /* IE6: treaded as min-height*/ min-height: 100%; /* real browsers */ }
#push { height: 31px; margin: 0em; padding: 0em; }

#header { height: 166px; background: url(../../images/interface/MainBG.jpg) no-repeat center top; }
#headerwrapper { margin: 0px auto; width: 980px; }

#content { margin: 0px auto; }
.wrapper { margin: 0px auto; width: 980px; }

#ContentBottom { margin: 0px auto; padding-top: 2em; background: #fff url(../../images/interface/BottomContentBG.gif) repeat-x left top; }

#footer { width: 100%; height: 31px; min-height: 31px; background: #012b45; }
#footerwrapper { margin: 0px auto; width: 980px; padding: 10px 5px 0px 5px; }

#copyright { float: left; width: 300px; color: #fff; font-size: 11px; }
#FooterLogo { float: left; text-align: center; width: 38%; color: #fff; font-size: 11px; }
#footermenu { float: right; width: 300px; }

/* =Header */
#Logo { padding: 20px 0px 31px 55px; }
#PrintLogo { display: none; }

/* =TopNav */
#TopMenu { float: right; margin: 130px 0px 0px; height: 36px; background: #012b45; }
#TopMenu ul { margin: 0em; padding: 0em; list-style: none; }
#TopMenu li { float: left; margin: 0em; padding: 0em; line-height: 0em; list-style: none; }
#TopMenu a { display: block; padding: 1.25em 1em 1.25em; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; }
#TopMenu a:hover { display: block; padding: 1.25em 1em 1.25em; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; background: #d95e16; }

#TopMenu .selected { display: block; padding: 1.25em 1em 1.25em; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; background: #d95e16; }

/* =SubMenu */
#SubMenu { float: right; margin: 0px; height: 55px; }
#SubMenu ul { margin: 0em; padding: 0em; list-style: none; }
#SubMenu li { float: left; margin: 0em; padding: 0em; line-height: 0em; list-style: none; }
#SubMenu a { display: block; padding: 1.7em 0.5em 1.25em; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 20px; color: #83b1d3; }
#SubMenu a:hover { display: block; padding: 1.7em 0.5em 1.25em; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 20px; color: #d95e16; }

#SubMenu .selected { display: block; padding: 1.7em 0.5em 1.25em; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 20px; color: #d95e16; }

/* =Content */
#CENTER { margin: 0em auto; color: #555; font-family: Trebuchet MS, Arial, Sans-Serif; line-height: 1.5em; }
#CENTER p, td, ul, li { color: #555; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 14px; line-height: 1.5em; }
#CENTER a { text-decoration: underline; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; }
#CENTER sup { font-size: 0.6em; }
.contentbox { background: url(../../images/interface/gray.jpg) repeat-x; padding: 5px 12px; margin: 0; border: solid 1px #eee; border-bottom: none; color: #555; }
.contentbox ul li { color: #555; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 14px; line-height: 1.5em; }

.TableLayout td { padding: 0.1em; }

/* =Subpage */
#subcontent { margin: 0px auto; }
.subwrapper { margin: 0px auto; width: 960px; }
.hrdivider { background: #83b1d3; color: #012b45; border: 0em; height: 1px; margin: 0.5em 0em; }

h4 a { color: #6DA3C0; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1em !important; font-weight: bold; line-height: 1.5em; text-decoration: none !important; }
h4 a:hover { color: #d95e16; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1em !important; font-weight: bold; line-height: 1.5em; }

#LEFT { float: left; padding-left: 10px; width: 615px; color: #555; font-family: Trebuchet MS, Arial, Sans-Serif; line-height: 1.5em; }
#LEFT p, td { color: #555; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 14px; line-height: 1.5em; }
#LEFT sup { font-size: 0.6em; }
#LEFT a { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 14px; }

#RIGHT { float: right; width: 320px; color: #555; font-family: Trebuchet MS, Arial, Sans-Serif; line-height: 1.5em; }
#RIGHT p, td { color: #555; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 14px; line-height: 1.5em; }
#RIGHT sup { font-size: 0.6em; }

/* =Columns =Center */
#ColumnLeft { float: left; width: 310px; color: #555; }
#ColumnLeft p, td { color: #555; font-size: 14px; }
#ColumnLeft li { color: #555; font-size: 14px; }
#ColumnLeft a { text-decoration: underline; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; }

#ColumnMiddle { float: left; width: 30%; color: #555; }
#ColumnMiddle p, td { color: #555; font-size: 14px; }
#ColumnMiddle li { color: #555; font-size: 14px; }
#ColumnMiddle a { text-decoration: underline; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; }

#ColumnRight { float: right; width: 310px; color: #555; }
#ColumnRight p, td { color: #555; font-size: 14px; }
#ColumnRight li { color: #555; font-size: 14px; }
#ColumnRight a { text-decoration: underline; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; }

.divider { float: left; vertical-align: middle; width: 6px; padding: 0em 1em; text-align: center; }

/* =Footer */
.FooterText { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }

#footermenu ul { margin: 0em; padding: 0em; list-style: none; }
#footermenu li { float: right; margin: 0em; padding: 0em; line-height: 0em; list-style: none; }
#footermenu a { display: block; padding: 0.5em 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #F5F5F5; }
#footermenu a:hover { display: block; padding: 0.5em 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }

/* =Contact Us Form */
.ButtonSubmit { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #4B4B4B; padding: 0.2em; }
.FormLabel { float: left; width: 7em; padding: 7px 5px 0px 0px; text-align: right; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #4B4B4B; font-size: 12px; font-weight: bold; white-space: nowrap; }

.ErrorSummary { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 11px; color: #cc0000; }
.Alert { float: right; padding: 6px 3px 0px 0px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #cc0000; }

.fieldForm div .fieldItemValue { padding: 3px 0px; }

.fieldItemValue input { width: 60%; min-width: 180px; }

.fieldItemValue input { margin-bottom: 3px; margin-right: 15px; }
.formButton { margin: 0em 6.2em; }


/* Square Tab Buttons */
.TabBackG { font-family: Arial Narrow, Arial, Helvetica, sans-serif; padding: 0px; background-color: #F5F5F5; color: #000; border-top-color: #333; border-left-color: #999; border-right-color: #999; border-bottom-color: #999; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
.TabBackG p, td { font-family: Trebuchet MS, Arial, Sans-Serif; color: #000; }

a.TabLink { font-family: Arial Narrow, Arial, Helvetica, sans-serif; display: block; padding: 2px; color: #012b45; background-color: #ccc; font-size: 13px; text-decoration: none; border-top-color: #999; border-left-color: #999; border-right-color: #999; border-bottom-color: #999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
a.TabLink:hover { font-family: Arial Narrow, Arial, Helvetica, sans-serif; display: block; padding: 2px; color: #bfd3e3; background-color: #fff; font-size: 13px; text-decoration: none; border-top-color: #999; border-left-color: #999; border-right-color: #999; border-bottom-color: #999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

a.TabSelectLink { font-family: Arial Narrow, Arial, Helvetica, sans-serif; display: block; padding: 2px; color: #012b45; background-color: #F5F5F5; font-size: 15px; font-weight: bold; text-decoration: none; border: #999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; }
a.TabSelectLink:hover { font-family: Arial Narrow, Arial, Helvetica, sans-serif; display: block; padding: 2px; color: #bfd3e3; background-color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; border: #999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; }


/* =Sitemap */
.SiteMapItem a { text-align: left; font-size: 1em; }
.SiteMapItemTop { margin-top: 15px; }
.SiteMapItemTop a { font-weight: bold; font-size: 1.2em; }
.SiteMapItemTop a:hover { font-weight: bold; font-size: 1.2em; }

.SitemapMenuItemContainer { padding-left: 10px; }

/* News Aggregator CSS */
.ybt {display:none;}
.ybh { display:none; color: #012b45; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 2em; font-weight: normal; line-height: 1em; }
.ybr, .ybi { background: transparent !important; }
.ybf { display: none !important; }
.pipesTitle a {font-weight:normal; font-size: 0.9em !important;}
.pipesDescription {display:none;}

