@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/18px Arial, Helvetica, sans-serif; background:#000;}
body.maa{ background:#112743;}

.mastWrap{ margin:0; padding:0; width:100%;background: url(images/BG.gif) repeat-x left top #FFF;}
.maa .mastWrap{ margin:0; padding:0; width:100%;background: url(images/MAABg.gif) repeat-x left top #FFF;}
.cntrWrap{width:961px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #036784; font-weight:bold; text-decoration:none; outline:none; }
a:hover {text-decoration: none; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0 0 43px; padding:0; float:left; width:100%;}
.start .structHead{ margin:0 0; padding:0; float:left; width:100%;}

.structHead h1{padding:0;margin:0;float:left; background:url(images/HeaderLogo.gif) no-repeat left top;}
.structHead h1 a{display: block;height: 100px;margin: 17px 163px 67px;text-indent: -999em;width: 100px;}
.start .structHead h1 a{margin: 14px 163px 0;}
.maa .structHead h1{ background: url(images/MAAHeader.gif) no-repeat left top;}
.maa .structHead h1 a{margin: 16px 229px 30px 100px;width: 150px;}

.structHead .topRt{ float:right; margin:0; padding:0; width:508px; }
.maa .structHead .topRt{ float:right; margin:0; padding:0; width:480px; }
.structHead #ContentQlinks{color: #FFFFFF;float: right;height: 37px;margin: 0;overflow: hidden;padding:5px 0 3px;width: 100%;}
.structHead #ContentQlinks a{ color:#FFF;}
.structHead #ContentQlinks a:hover{ text-decoration:underline;}
.structHead #ContentQlinks h1{clear: both;float: right;font-size: 18px;font-weight: normal;text-align: right;font-style: italic; background:none;margin: -2px 0 0;}
.structHead #ContentSearch{ float: right; margin:0 0 6px; padding:0; height:18px;}
.structHead #ContentSearch input{ height:18px; margin:0; padding:0; border-top:1px solid #333;border-left:1px solid #333; width:150px;}
.structHead #ContentSearch .SearchModuleSpacer,
.structHead #ContentSearch #cid_1452_imgbtnSearch{ display:none;}


/* Horiztional Drop Downs
------------------------------------------------------- */
.structHead #ContentToplinks{margin:0; padding:0; float:left; width:100%;}
.structHead #ContentToplinks ul{margin:0; padding:0; float: right; list-style:none;}
.structHead #ContentToplinks li{margin:0; padding:0 0 0 2px; float: left; background:url(images/TopNavDiv.gif) no-repeat left top;}
.structHead #ContentToplinks li a{margin:0; padding:16px 20px 11px; display:block; font-weight:bold; color:#FFF;}
.structHead #ContentToplinks li a:hover{ background:url(images/topNavHt.png) no-repeat center 0;}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:0; padding:10px 0; background: url(images/topNavdd.png) no-repeat left top; float:none; width:170px; z-index:9999;}
.structHead #ContentToplinks li li { width: 170px; background:none; padding:0; margin:0;}
.structHead #ContentToplinks li li a {color: #FFFFFF;display: block;font: bold 12px/14px arial;padding: 6px 10px;width:148px; margin:0}
.structHead #ContentToplinks li li a:hover { background:url(images/topNavddHt.png) no-repeat center top;}

/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfHover ul ul,
.structHead #ContentToplinks li.sfHover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfHover ul,
.structHead #ContentToplinks li li.sfHover ul,
.structHead #ContentToplinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.structHead #ContentToplinks  li:hover,
.structHead #ContentToplinks  li li:hover,
.structHead #ContentToplinks  li li li:hover,
.structHead #ContentToplinks  li.sfHover,
.structHead #ContentToplinks  li li li.sfHover,
.structHead #ContentToplinks  li li.sfHover { position:static;}

#ContentMemberTools {float:left;margin:0px;padding:5px 0; width:100%;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0; float:right;}
#ContentMemberTools li {float:left;padding:0 10px;}
#ContentMemberTools a {color:#000000;display:block;font-size:12px;line-height:14px;padding:0;text-align:center;text-decoration:none;}
.maa #ContentMemberTools a { font-size:14px; font-weight:normal;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0 0 0 26px; padding:0; float:left; width:211px;}
.ch .structLeft{margin:0; padding:0; float:left; width:308px; min-height:200px;}
.structLeft #ContentLeftNav {margin:0 0 20px; padding:0; float:left; width:100%; background:url(images/leftNavBG.gif) no-repeat left top; min-height:300px;}
.maa .structLeft #ContentLeftNav {margin:0 0 20px; padding:0; float:left; width:100%; background: url(images/MAALtBg.gif) repeat-x left top; min-height:300px;}

.structLeft #ContentLeftNav ul{margin:0; padding:0; float:left; list-style:none; width:100%;}

.structLeft #ContentLeftNav li{margin:0; padding:0; float:left; width:100%;}

.structLeft #ContentLeftNav li a{margin:0; padding:8px 10px 15px 25px; display:block; font-size:12px; line-height:15px; font-weight:bold; color:#000;}

.structLeft #ContentLeftNav li a:hover{ background:url(images/LtNavHt.png) repeat-x left bottom;}
.structLeft #ContentLeftNav li.selected a{ background:url(images/LtNavHt.png) repeat-x left bottom}

.maa .structLeft #ContentLeftNav li a:hover,
.maa .structLeft #ContentLeftNav li.selected a{background:url(images/MAALtNavHt.png) repeat-x left bottom;}

.structLeft #ContentLeftNav li li a,
.structLeft #ContentLeftNav li.selected li a,
.maa .structLeft #ContentLeftNav li.selected li a{padding:5px 10px 5px 40px; background:none; font-size:11px; font-weight:normal;}
.structLeft #ContentLeftNav li.selected li a:hover{ background: url(images/ltD.png) no-repeat 25px 6px;}
.structLeft #ContentLeftNav li.selected li.selected a{ background: url(images/ltD.png) no-repeat 25px 6px;}

.structLeft #ContentLeftNav li.selected li.selected li a,
.maa .structLeft #ContentLeftNav li.selected li.selected li a{ background:none; padding:5px 10px 5px 50px;}
.structLeft #ContentLeftNav li.selected li.selected li a:hover{ background: url(images/ltD.png) no-repeat 35px 6px;}
.structLeft #ContentLeftNav li.selected li.selected li.selected a{ background: url(images/ltD.png) no-repeat 35px 6px;}


.maa .structLeft #ContentLeftNav li.selected li a:hover{ background: url(images/MAAltD.png) no-repeat 25px 4px;}
.maa .structLeft #ContentLeftNav li.selected li.selected a{ background: url(images/MAAltD.png) no-repeat 25px 4px;}

.maa .structLeft #ContentLeftNav li.selected li.selected li a:hover{ background: url(images/MAAltD.png) no-repeat 35px 4px;}
.maa .structLeft #ContentLeftNav li.selected li.selected li.selected a{ background: url(images/MAAltD.png) no-repeat 35px 4px;}

.structLeft #ContentMiddleLayoutLeft {margin:0 0 20px; padding:0; float:left; width:100%;}


.structLeft #ContentLeftChNav {margin:0 0 20px; padding:0; float:left; width:100%;}
.structLeft #ContentLeftChNav ul{ float:left; width:100%; padding:41px 0 0; margin:0; list-style:none; background:url(images/Channels01.gif) no-repeat left top;}
.structLeft #ContentLeftChNav li{ float:left; width:100%; padding:0; margin:0;}
.structLeft #ContentLeftChNav a{ display:block; text-indent:-999em; padding:0; margin:0; height:67px;}
.structLeft #ContentLeftChNav li#Biotech a{ background:url(images/Channels02.gif) no-repeat left top;}
.structLeft #ContentLeftChNav li#Cleantech a{ background:url(images/Channels03.gif) no-repeat left top;}
.structLeft #ContentLeftChNav li#HealthcareIT a{ background:url(images/Channels04.gif) no-repeat left top;}
.structLeft #ContentLeftChNav li#Manufacturing a{ background:url(images/Channels05.gif) no-repeat left top;}
.structLeft #ContentLeftChNav li#SmallBusiness a{background:url(images/Channels06.gif) no-repeat left top;}
.structLeft #ContentLeftChNav li#Technology a{ background:url(images/Channels07.gif) no-repeat left top;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:18px 0 0; float:left; width:100%; background:url(images/ContentTp.gif) no-repeat left top; position:relative;}
.ch .structBody{margin:0; padding:0; float:left; width:100%; background:none;}
.maa .structBody{margin:0; padding:18px 0 0; float:left; width:100%; background: url(images/MAAContentTp.gif) no-repeat left top;}
.start .structBody{margin:0; padding:0; float:left; width:100%; background: url(images/HeaderLogo.gif) no-repeat left -114px;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:0 0 10px;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;list-style:none}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:10px;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left; color:#333333;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}

.structBody .MidWrap{margin:0; padding:15px  35px 0; float:left; width:653px;}
.maa .structBody .MidWrap{padding:0  35px 0;}
.ch .structBody .MidWrap{float: left;margin: 0;padding: 0 0 0 43px;width: 610px;}
.start .structBody .MidWrap{float: left;margin: 0;padding: 111px 43px 0 0;width: 609px;}

.structBody #ContentMiddleLayoutImgRot{ float:left; margin:0; padding:0; width:100%;}

.structBody #ContentMiddle{margin:0; padding:0 0 50px; float:left; width:100%;}
.maa .structBody #ContentMiddle{padding:10px 0 50px;}
.ch .structBody #ContentMiddle{margin:0; padding:0 35px 50px 0; float:left; width:574px;}

.topGallery { width: 609px; height: 242px;margin:0 0 43px; float:left; position:relative; z-index:3000;}

#current-caption { display: block; height: 182px;  position: absolute; left: 0px; top:0; width:180px;color: #FFF; overflow: hidden; padding: 30px 17px;  z-index: 99; }
#fade{ background: url("images/ImgRotFade.png") repeat-x scroll left top transparent; display: block; height: 182px;  position: absolute; left: 0px; top:0; width:180px;color: #FFF; overflow: hidden; padding: 30px 17px;  z-index: 1; }

.topimg{ text-align:right; float:right;width:100%!important; height: 242px!important;}
.topimg image[alt="Edit"] { float:right;}
.topTxt { display: none;/* width:150px; height:150px;*/ }

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider { width:607px; height: 242px; margin: 0;}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a { }
div.anythingSlider .anythingWindow { }

/* Active State */
div.anythingSlider.activeSlider .thumbNav a.cur {  background: url(images/yelCR.png) no-repeat left top;}
div.anythingSlider.activeSlider .thumbNav a { }
div.anythingSlider.activeSlider .anythingWindow { }

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width:607px; height: 242px; }

/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */
div.anythingSlider { position: relative; padding: 0; height:242px; width:607px; overflow:hidden; }

/* anythingSlider base UL */
ul.anythingBase { padding:0; background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; width:607px; height:242px; overflow:hidden; }
ul.anythingBase li.panel { background: transparent; display: block; float: left; padding: 0; margin: 0;width:607px!important; height: 242px!important; }

/* Navigation Arrows */
div.anythingSlider .arrow { background: url("images/rotator_arrows.png") no-repeat scroll left top transparent; display: block; height: 52px; position: absolute; top: 147px; width: 26px; }
div.anythingSlider .arrow a { display: block; height: 120px; margin-top: -60px; width: 45px; text-align: center; outline: 0; background: url(../images/arrows.png) no-repeat; text-indent: -9999px; }
div.anythingSlider .forward { right: 0; background-position: -26px 50%; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }

/* Navigation Links */
div.anythingSlider .thumbNav {    left: 55px;margin: 0;padding: 0;position: relative;top: -35px;z-index: 99999;}
div.anythingSlider .thumbNav li { float:left; list-style:none; }
div.anythingSlider .thumbNav a { display:block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0;background: url(images/whtCr.png) no-repeat left top;text-indent:-999em; }
div.anythingSlider .thumbNav a:hover {  background: url(images/yelCR.png) no-repeat left top;}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */

/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
/* Autoplay Start/Stop button */
div.anythingSlider .start-stop { z-index: 10; background: green url(../images/cellshade.png) repeat-x center top; color: white; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
div.anythingSlider .start-stop.playing { background-color: red; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #ff0 }

.structBody .colmg,
.structBody .col{float: left;padding: 0;width: 283px;}
.structBody .colmg{ margin:0 43px 0 0;}
.structBody .col{margin:0;}
.structBody #ContentNewsHrd{float:left; margin:0; padding:0; width:100%;}          
.structBody #ContentNews{ float:left; margin:0; padding:20px 10px; font-size:11px;}          
.structBody #ContentEventsHrd{float:left; margin:0; padding:0; width:100%;}
.structBody #ContentEvents{ float:left; margin:0; padding:20px 10px; font-size:11px;}
.structBody #ContentNews a,
.structBody #ContentEvents a{ color:#231029; font-size:12px;}
.structBody #ContentNews a:hover,
.structBody #ContentEvents a:hover{ text-decoration:underline;}
.structBody .date{font-size:12px;}
.structBody .more a{ color:#036784;font-size:12px;}
.structBody #ContentNews .more a,
.structBody #ContentEvents .more a{ color:#036784;font-size:12px;}

.structBody .btmnavrt{float: right;margin: 0;padding: 0 16px 0 0;width: 900px;*position:absolute; *right:0; *bottom:0; background:url(images/btmNavRt.png) no-repeat right top;}
.structBody .btmnavLt{ float:right; margin:0; padding:5px 0 3px 16px;height: 17px; background:#747474 url(images/BtmNavLt.png) no-repeat left top;}
.structBody #ContentFooterNav{ float:left; margin:0; padding:0;}
.structBody #ContentFooterNav ul{ list-style:none; margin:0; padding:0;}
.structBody #ContentFooterNav li{ float:left; margin:0; padding:0 10px;}
.structBody #ContentFooterNav a{ display:block; padding:0; color:#FFF; margin:0; font-size:14px; font-weight:bold;}
.structBody #ContentFooterNav a:hover{ text-decoration:underline;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left; width:309px;}
.structRight #ContentMiddleLayoutRight{margin:0; padding:120px 20px 0 10px; float:left; width:279px; height:276px; text-align:right; background:url(images/stylw.png) repeat-x left top; }

.structBody .chan{ float:left; margin:0 0 15px 0; padding:0; width:100%; position:relative; height:288px;}

/* Easy Slider */
#channels{ float:left; margin:0; padding:0; width:100%; position:relative;background:#5E5D5D;}
.bx-wrapper{ padding: 22px 0;} 
 /*#channels ul{list-style: none outside none;margin-bottom: 0;margin-left: 0 !important;margin-right: 0;margin-top: 0;padding: 22px 0;width: 309px !important;}
#channels li{ margin:0; padding:0; list-style:none; margin-left: 0 !important;}

#channels2 { margin-top:1em; }
#channels li, #channels2 li { define width and height of list item (slide)	entire slider area will adjust according to the parameters provided here width:309px; height:67px; overflow:hidden; }*/

.bx-prev, .bx-next{ display:block; width:309px; height:22px; position:absolute; left:0;  z-index:1000; text-indent:-9999em }
.bx-prev{top:0px;  background: url(images/up_arw.gif) no-repeat 0 0;}
.bx-next{ top:225px;  background:url(images/dwn_arw.gif) no-repeat 0 0;}

/* numeric controls */	

ol#controls { margin:1em 0; padding:0; height:28px; }
ol#controls li { margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a { float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a { background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
	
/* // Easy Slider */


.structBody #ContentMiddleLayoutSocial{ float:left; margin:0; padding:0; width:100%; position:relative;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; width:100%; background:url(images/FooterBg.png) repeat-x left top #000;clear:both;}
.maa .structFooter{margin:0; padding:0; width:100%; background: url(images/maa_footerBg.gif) repeat-x left top #112743;clear:both;}
.structFooter #ContentFooter{margin:0; padding:15px 0 0; float:left; width:100%; color:#FFF; font-size:11px; line-height:13px;}
.structFooter #ContentFooter a{color:#FFF;}