/* CSS Document */ /* === Global Defaults ========================================================================================================== */ * {margin:0px; padding:0px;} a img {border:none;} a {color:#008EB5; text-decoration:none;} a:visited {color:#008EB5;} a:hover {color:#FEE075 !important;} blockquote {padding-left:15px; border-left:2px solid #008EB5; margin-left:25px; margin-bottom:25px; font-size:12px; color:#5A5B5E; line-height:20px;} body {background:#ffffff; font-family:Georgia, "Times New Roman", Times, serif;} .clearit {clear:both;} cite {color:#5A5B5E; font-style:normal; font-weight:bold; font-size:12px;} h1 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#FFFFFF;} h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#FFFFFF;} h3 {color:#008EB5; font-weight:normal; font-size:20px; color:#008EB5; margin-bottom:20px; position:relative;} div.back {font-size:10px; font-style:italic; text-align: right;} h4 {border-bottom:2px solid #008EB5; padding-bottom:5px; margin-bottom:15px; font-weight: normal; font-size:18px; color:#008EB5;} h4 span {display:none;} hr {height:2px; color:#008EB5; background:#008EB5; border:none; margin-bottom:15px;} p,ol,ul {font-size:12px; color:#5A5B5E; line-height:20px;} /*ol*/ #maincolumn ol {margin-bottom:25px; margin-left:25px; padding-left:25px;} /*p*/ #maincolumn p {margin-bottom:25px;} /*ul*/ #maincolumn ul {margin-bottom:25px; margin-left:25px; padding-left:25px;} table {font-weight:normal; font-size:12px; color:#000000; border-collapse:collapse; margin-bottom:25px;} th, td {border:2px solid #008EB5; padding:8px;} .tourquoise {color:#008EB5;} /* example: title bar */ .yellow {color:#FEE075;} /* example: header serach box border */ .darkgray {color:#5A5B5E;} /* example: main menu idle state */ .medgray {color:#9D9EA0;} /* example: sub menu text, date icons on newsevents.php */ .lightgray {color:#E0E0E1;} /* example: footer top border */ /* === Page Header ========================================================================================================== */ #pageheader {width:100%; height:163px/*163*/; background:#ffffff;} #pageheader_wrap {width:950px /*990*/; height:133px /*163*/; padding:20px; padding-bottom:10px; margin:0px auto;} /* --- Logo --- */ div#logo {width:238px; height:133px; float:left; background:url(../_images/layout/logo.png) no-repeat;} div#logo h1 a {width:238px; height:133px;} div#logo h1 a span {display:none;} /* --- Header Features --- */ div#headerfeatures {width:712px; height:133px; float:left; text-align:right;} /* ... Main Menu ... */ #mainmenu_container {width:712px; height:106px; position:relative;} ul#mainmenu {width:712px; height:10px; list-style:none; background:#ffffff; position:absolute; top:0px; left:0px;} #mainmenu li {float:left; text-align:left;} #mainmenu a {display:block; height:10px; text-align:center; background:url(../_images/layout/mainmenu.png) no-repeat; font-style:normal;} #mainmenu a span {display:none;} /* idle */ ul#mainmenu a#about {width:43px; background-position:0px 0px;} ul#mainmenu a#expertise {width:66px; background-position:-122px 0px;} ul#mainmenu a#knowcenter {width:130px; background-position:-267px 0px;} ul#mainmenu a#news {width:100px; background-position:-476px 0px;} ul#mainmenu a#contact {width:55px; background-position:-656px 0px;} /* hover */ ul#mainmenu a#about:hover {width:43px; background-position:0px -10px;} ul#mainmenu a#expertise:hover {width:66px; background-position:-122px -10px;} ul#mainmenu a#knowcenter:hover {width:130px; background-position:-267px -10px;} ul#mainmenu a#news:hover {width:100px; background-position:-476px -10px;} ul#mainmenu a#contact:hover {width:55px; background-position:-656px -10px;} /* current */ ul#mainmenu a#about.current {width:43px; background-position:0px -10px;} ul#mainmenu a#expertise.current {width:66px; background-position:-122px -10px;} ul#mainmenu a#knowcenter.current {width:130px; background-position:-267px -10px;} ul#mainmenu a#news.current {width:100px; background-position:-476px -10px;} ul#mainmenu a#contact.current {width:55px; background-position:-656px -10px;} /* sub menu */ #mainmenu ul.submenu {list-style:none; padding-top:10px; line-height:16px; text-align:left; display:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#9D9EA0;} #mainmenu ul.submenu li {float:none; margin-bottom: 5px;} #mainmenu ul.submenu a {display:inline; height:auto; text-align:left; background:#ffffff; color:#9D9EA0; font-size:11px;} #mainmenu ul.submenu a:hover {color:#008EB5;} /* ... Search Box ... */ .search {height:27px; } .search .text {width:143px/*163*/; height:10px/*27*/; border:#FEE075 3px solid; padding:5px 7px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:10px; color:#C0C0C0; margin-right: 3px;} .search .button {float: right; border:#FEE075 1px solid; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:10px; color: #666666;} /* === Title Bar ========================================================================================================== */ /* CHANGED MC 2010-03-09 body#index #titlebar {width:100%; height:300px; background:#008EB5 url(../_images/layout/titlebar_bg3.png) top left repeat-x; position:relative;} body#index #titlebar_left {background:#008EB5; width:50%; height:300px; position:absolute; top:0px; left:0px;} */ body#index #titlebar { width:100%; height:300px; background: url(../_images/layout/title_bg.gif) center center repeat-y #008EB5; position:relative;} body#index #titlebar_left { display:none; } body#index #titlebar_wrap { width:990px /*990*/; height:300px /*300*/; padding:0px; margin:0px auto; color:#ffffff; position:relative; } body#index #titlebar img.fma {/*float:right; -- use if copy is to be actual text and not part of the image*/} body#index #titlebar p {width:221px; margin-right:25px; margin-bottom:0px; position:absolute; left:0px; top:187px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #titlebar {width:100%; height:90px/*90*/; background:#008EB5 url(../_images/layout/titlebar_bg2.png) top left repeat-x; position:relative;} #titlebar_left {background:#008EB5; width:50%; height:90px; position:absolute; top:0px; left:0px;} #titlebar_wrap {width:950px /*990*/; height:20px /*90*/; padding:35px 20px; margin:0px auto; color:#ffffff; background: url(../_images/layout/titlebar_bg.png) no-repeat center right; position:relative;} #titlebar h2 span {display:none;} #titlebar a {color:#ffffff;} /* === Page Body ========================================================================================================== */ #pagebody {width:100%; height:auto; background:#ffffff url(../_images/layout/bg.png) repeat; margin-top:10px;} #pagebody_wrap {width:950px/*990*/; height:auto; border:20px #ffffff solid; margin:0px auto; background:#ffffff url(../_images/layout/sidebar_bg.png);} body#index #pagebody_wrap {background:#ffffff;} #sidecolumn {width:238px; height:auto; float:left;} #sidemenus {width:238px; padding-bottom:20px; background:#ffffff;} #sidemenus.nocontent {background:transparent; padding-bottom:0px;} #sidemenus ul {list-style:none;} #sidemenus #subpages {padding:14px 0px; border-top:1px #c0c0c0 dashed; border-bottom:1px #c0c0c0 dashed; margin-bottom:15px; line-height:24px;} #sidemenus #subpages a {font-size:15px; font-style:italic;} #sidemenus #subpages a.current {font-style:normal; color:#5A5B5E;} #sidemenus #tagsandstudies {line-height:16px;} #sidemenus #tagsandstudies a {font-size:11px; font-style:italic;} #sidemenus #tagsandstudies a.current {font-style:normal; color:#5A5B5E;} #sidemenus img.title {margin-bottom:8px;} #sidemenus .newsitem p {margin-bottom:10px;} #sidemenus .newsitem p.title {margin-bottom:0px; font-size: 14px;} #sidemenus .newsitem p.title a { font-style: normal; font-weight: normal; font-size: 14px;} #sidemenus .newsitem .all_link {text-align:right;} #sidemenus .newsitem a {font-size:12px; font-style:italic;} #maincolumn {width:680px/*712*/; height:auto; padding-left:32px; float:left; background:#ffffff; position: relative;} #maincolumn div.contain500px {width:500px; position: relative;} #maincolumn div.containright { width:125px; float: right; } #maincolumn div.containright #getpdf_box {width:99px/*123*/; padding:12px; background:#ffffff; font-size:12px;} #maincolumn div.containright #getpdf_box img.pdficon {padding-right:8px; float:left;} #showcase {width:680px/*680*/; height:auto; overflow:hidden; margin-bottom:15px;} #showcase.article {width:510px/*510*/; height:262px/*262*/; margin-left:-3px; position:relative; margin-bottom:20px; background:#ffffff url(../_images/layout/headline_img_bg.png) no-repeat;} #showcase.article #image_cropper {position:absolute; top:10px; left:10px; width:490px; height:242px; overflow:hidden; text-align:center;} body#index #casestudy {margin-bottom:25px;} #casestudy {width:680px/*680*/;} #casestudy .wrap {width:640px/*680*/; padding:20px; background:#E0E0E1 url(../_images/layout/casestudy_bg.png);} #casestudy .titlebar {width:620px/*640*/; height:12px/*32*/; padding:10px; background:#ffffff; margin-bottom:20px; position: relative;} #casestudy .titlebar .back {font-size:10px; font-style:italic; position:absolute; right:10px; top:10px;} #casestudy .leftcolumn {width:145px; height:auto; float:left; margin-right:5px;} #casestudy .rightcolumn {width:450px/*490*/; height:auto; padding:20px; float:left; background:#ffffff;} #casestudy a {font-style:italic;} #casestudy h3 a {font-style:normal;} #casestudy .icon {width:103px/*145*/; height:114px/*134*/; padding: 10px; padding-right:32px; background:transparent url(../_images/assets/thought-bubble.png) no-repeat; margin-bottom:25px;} #casestudy #getpdf_box {width:99px/*123*/; padding:12px; background:#ffffff; font-size:12px;} #casestudy #getpdf_box img.pdficon {padding-right:8px; float:left;} #casestudy .rightcolumn img.pdficon {vertical-align:middle; padding-right:10px;} #casestudy.mini {width:500px/*500*/; height:auto; padding-top:25px; border-top:1px #c0c0c0 dashed; margin-bottom:25px;} #casestudy.mini .wrap {width:460px/*500*/; padding:20px; background:#E0E0E1 url(../_images/layout/casestudy_bg.png);} #casestudy.mini h3 {font-size:18px; margin-bottom:10px;} #casestudy.mini p {margin-bottom:0px;} #casestudy.mini .titlebar {width:440px/*460*/; height:12px/*32*/; padding:10px; background:#ffffff; margin-bottom:20px;} #casestudy.mini .leftcolumn {width:145px; height:auto; float:left; margin-right:5px;} #casestudy.mini .rightcolumn {width:270px/*310*/; height:auto; padding:20px; float:left; background:#ffffff;} ul.asset_list {width:100%; list-style:none; margin:0px !important; padding:0px !important;} ul.asset_list li {padding-bottom:10px; border-bottom:1px #c0c0c0 dashed; margin-bottom:10px;} ul.asset_list li a {color:#008EB5; font-size:18px; font-style:normal;} ul.asset_list li.all_link {border:none; text-align:right; margin-bottom:25px;} ul.asset_list li.all_link a {border:none; text-align:right; font-size:12px; font-style:italic;} ul.asset_list img.pdficon {vertical-align:middle; margin-right:10px;} ul.asset_list.upcomingevents li {height:54px; padding-bottom:15px; margin-bottom:15px;} ul.asset_list.upcomingevents a {position:relative; top:5px;} ul.asset_list.upcomingevents li.all_link {height:auto; margin-bottom:25px;} ul.asset_list.upcomingevents li.all_link a {position:relative; top:0px;} ul.asset_list.upcomingevents .dateicon {width:52px; height:54px; float:left; margin-right:10px; background:#9D9D9D; text-align:center; color:#ffffff;} ul.asset_list.upcomingevents .month {font-size:16px;} ul.asset_list.upcomingevents .day {font-size:32px;} #maincolumn .accountleft { float: left; width: 50%; } #maincolumn .accountright { float: left; width: 50%; } form#userlogin, form#usersignup {;} form#userlogin {margin-right:70px;} form#userlogin h3, form#usersignup h3 {margin-bottom:20px;} form#userlogin h3 span, form#usersignup h3 span {display:none;} form#userlogin ul, form#usersignup ul {list-style:none; margin:0px; padding:0px;} form#userlogin ul li, form#usersignup ul li {margin-bottom:10px; position:relative;} form#userlogin label, form#usersignup label {display:block; margin-bottom:3px; font-size:11px; font-weight:bold;} form#userlogin input.text, form#usersignup input.text {width:273px/*275*/; height:18px/*20*/; border:1px #E4E4E4 solid; border-top:1px #8F8F8F solid; } /* === Page Footer ========================================================================================================== */ #pagefooter{width:100%; height:186px/*187*/; border-top:1px #E0E0E1 solid; background:#ffffff url(../_images/layout/bg.png);} #pagefooter_wrap {width:950px; height:46px /*86*/; padding:20px; margin:0px auto; background:#ffffff url(../_images/layout/footerimg.png) no-repeat bottom right; font-size:10px; color:#5A5B5E; font-family:Arial, Helvetica, sans-serif;} #pagefooter_wrap a {font-style:normal; font-size:10px;} #pagefooter_wrap p {font-size:10px; line-height:normal;}