html, body {margin:0; padding:0;}
body {font-size:83%; font-family:Arial, Helvetica, sans-serif; color:#000; background:#798188 url(../images/back.png) repeat 50% 161px;}
p {font-size:1.0em; margin:0 0 10px 0;}

	a:link {color:#00535e; text-decoration:none;}
	a:visited {color:#00535e; text-decoration:none;}
	a:active, a:focus, a:hover {text-decoration:underline;}
	a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
	a img {border:none;}

h1 {color:#00535e; line-height:1.5em; font-size:1.5em; font-weight:normal; margin:0 0 10px -30px;padding:0 0 0 30px;background:url(../images/h.png) no-repeat 0 40%; }
h2 {color:#00535e; line-height:1.3em; font-size:1.3em; font-weight:normal; padding:0; margin:0 0 10px 0; }
h3 {color:#00535e; line-height:1.1em; font-size:1.1em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h4 {color:#00535e; line-height:1.0em; font-size:1.0em; font-weight:normal; padding:0; margin:0 0 10px 0; }
.unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0; list-style:none; overflow:hidden;}  /* Hides the element from view */
.small {font-size:0.9em; margin-bottom:15px;}
.white-border {border:1px #fff solid;}
.clear {clear:both;}

div {position:relative;}

.Apple-style-span {background:#ffe0ee; color:#ff0000;}

input:focus, textarea:focus {background:#fefef4; }

::selection { background:#d9e5e7; } 
::-moz-selection { background:#d9e5e7; } 


/************************
STRUCTURAL
************************/

#container {min-width:980px;}

.wrapper {margin:0 auto;width:980px; height:100%; z-index:3; }

.structureleft {float:right; width:695px; height:100%; }

.structureright {width:245px; z-index:3}

#header {position:relative; margin:0; padding:0; width:100%; background:#d2d2d2; border-bottom:1px solid white; overflow:hidden; z-index:2;}



#content {position:relative; margin:0; padding:0; width:100%; overflow:hidden;  z-index:2;}
#content .structureleft {background:#fff;}

#footer {position:relative; margin:0; padding:0; width:100%; height:50px; overflow:hidden;  z-index:2;}
#footer .wrapper div {text-align:right;}


/************************
PROEJCTS
************************/

.projects {float:left; margin-top:0;}
.projects dt, .projects dd {float:left; margin:0 0 5px; padding:0;display:block; position:relative; height:90px;}
.projects dt {background:#00535e url(../images/dt.png) no-repeat bottom right; width:120px; }
.projects dt span {color:#fff; font-weight:700; padding:5px 5px 5px 16px; display:block;background:url(../images/li.png) no-repeat 5px 0.7em; }
.projects dd span {padding:5px 10px; display:block; }
.projects dd {background:#d9e5e7; width:294px; margin-right:50px;}
.projects dd.even {margin-right:0;}

/************************
SEARCH FORM AND PAGE
************************/

#SearchForm_SearchForm {margin:20px 0;} /* form element */
#SearchForm_SearchForm fieldset {border:none; margin:0; padding:0}
#Search {width:300px;} /* div containing box */
#SearchForm_SearchForm_Search {float:left;border:#9da1a4 2px solid; padding:5px 10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; width:300px;} /* input box */
#SearchForm_SearchForm_action_results {float:left;border:#9da1a4 2px solid; padding:4px 10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; cursor:pointer; margin:0 20px; background:#9da1a4;} /* go button */
#SearchForm_SearchForm_action_results:hover, #SearchForm_SearchForm_action_results:focus {background:#3e3e3e; color:#fff;}

/*

#Form_Form {position:absolute; top:50px; right:35px; width:450px;}
#Form_Form fieldset {border:none; margin:0; padding:0}
#Form_Form input, #Form_Form textarea {border:#9da1a4 2px solid; padding:5px 10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; width:300px;}
#Form_Form div.field {clear:left; margin-bottom:10px;}
#content #Form_Form label {float:left; display:block; width:100px; text-align:right; padding-right:10px; font-weight:bold;}
#Form_Form #honeypot {display:none;} /* hides spam protection field 

#Form_Form h2 {margin-top:1.5em; padding-top:10px;}

/* Required 
#content #Form_Form label.required, #content #Form_Form label.message {background:#FBD9D9;border:1px solid #E60000;color:#E60000;display:block;line-height:1.1em;padding:3px;position:relative;margin:5px 0 5px 110px;text-align:center;width:220px; clear:both; font-size:0.9em;}

/* Action 
#Form_Form .Actions {text-align:right; width:435px; padding-right:5px}
#Form_Form .Actions input {width:auto;right:0; cursor:pointer; margin:5px 0; background:#9da1a4;}
#Form_Form .Actions input:hover, #Form_Form .Actions input:focus {background:#3e3e3e; color:#fff;}


*/



#logo-top {position:absolute; width:245px; height:40px; top:0; left:0; background:#00535e;}

#top #search_results {list-style:none; padding:0; margin:0;}
#search_results li {margin:15px 0 0 0; border-bottom:2px solid #d9e5e7;}
#search_results li p {color:#9da1a4; margin:3px 0 15px;}
#search_results .search_parent {color:#303030;}

#report-nav dd, #report-nav dt  {list-style:none; display:block; float:left; margin:0; line-height:2.5em; }

#report-nav dt  {margin-right:5px;padding:0 0 0 10px; }
#report-nav {background:#d9e5e7; margin:20px 0; overflow:hidden; }
#report-nav a:hover {}
#report-nav a, #report-nav .disabled, #report-nav .selected {display:block;line-height:2.5em;padding:0 5px;}
#report-nav .selected {background:#9da1a4;}
#report-nav .disabled {color:#9da1a4;}


#PageNumbers {margin:20px 0; padding:10px; background:#f6f6f6; color:#8B8B8A; font-weight:bold;}
.search-current {font-weight:bold; background:#e2e2e2; padding:3px 3px 0 3px; }
#search-caption {color:#004058; font-weight:normal;}

/************************
FOOTER
************************/
#footer .wrapper div {margin:10px;}
#footer p {color:#fff; margin:0; font-size:0.95em;}
#footer .left {float:left;}
#footer .right {float:right;}
#footer a {color:#fff; margin:0; }

/************************
LOGO BAR
************************/
#logobar {position:relative; margin:0; padding:0; width:100%; overflow:hidden; height:191px; z-index:2;background:#000 url(../images/head-back.png) repeat; }
#logobar a {height:84px; width:456px; display:block; background:url(../images/utilibiz-logo.png) no-repeat;}
#logobar img {display:none; }

#logobar a:hover {text-decoration:none;}

#logobar h3 {position:absolute; display:block; right:0; top:17px; margin:0; padding:0; background:none; z-index:10;}

#logobar #imageleft {position:absolute; top:0; right:50%; height:161px; width:50%; background:#000 url(../images/head-back-l.png) repeat top right; z-index:1; }
#logobar #image-back {position:absolute; top:0; left:0; height:161px; width:100%; background:#000 url(../images/head-default.jpg) no-repeat; z-index:2; }
#logobar #image-over {position:absolute; top:0; left:0; height:161px; width:523px; background:url(../images/head-over.png) no-repeat; z-index:3; }



/************************
NAVIGATION
************************/

/*Menu positioning*/
#navigation {position:absolute; top:161px; left:0; height:30px; width:100%; color:#FFFFFF; z-index:10; background: #9da1a4; } 

/* all lists */
#mainnav, #mainnav ul { padding: 0; margin: 0 50px 0; list-style: none; line-height: 1;}
#mainnav ul {margin: 0;}
#mainnav a { display: block; }


/* Main level links styles*/
#mainnav .lvl1 {height:30px; line-height:30px; font-size:1em;  }
#mainnav .lvl1 a {text-decoration:none; color:#FFFFFF; padding:0 10px;  }
#mainnav .lvl1:hover a, #mainnav .lvl1:focus a, #mainnav .lvl1:active a, #mainnav li.sfhover:hover a { background:#00535e;} /* MOUSE NAVIGATION HOVER */
#mainnav .lvl1.current a, #mainnav .current a { background:#00535e; font-weight:700; color:#fff;} /* CURRENT / SECTION */

#mainnav li.section a, #mainnav li a:hover, #mainnav li a:focus {background:#00535e;} /* KEYBOARD NAVIGATION HOVER */

/* all lists */
#mainnav li { float: left; cursor:default; }


/* using left instead of display to hide menus because display: none isn't read by screen readers */ 
#mainnav li ul { position: absolute; background: #9da1a4; width: 17em; margin-left: -1000em; }

	#mainnav .lvl1 .lvl2 li a { color:#fff; font-weight:normal; text-transform:none; line-height:1.2em; height:auto; width:13em; background:#9da1a4; padding:0.5em 2em 0.3em;}
	#mainnav .lvl1 .lvl2 li a { color:#fff; } /* odd fix to reset colour after it is set here: #mainnav .lvl1:hover a */ 
	#mainnav .lvl1 .lvl2 li.first a {border-top:#00535e solid 2px; }
	#mainnav .lvl1:hover .lvl2 a, #mainnav .lvl1:focus .lvl2 a, #mainnav .lvl1:active .lvl2 a, #mainnav li.sfhover:hover .lvl2 a { background:#9da1a4;} /* MOUSE NAVIGATION HOVER */
	#mainnav .lvl1 .lvl2 li:hover a, #mainnav .lvl1 .lvl2 li.sfhover a {background:#00535e; }

	#mainnav .lvl2 .Menu3 li a {color:#3e3e3e; font-weight:normal; line-height:1em; border-top:#5e5e5e dotted 1px; height:auto;width:23em; background:#fff; padding:0.5em 2em 0.3em 2em;}
	#mainnav .lvl2 .Menu3 li.last a {border-bottom:#5e5e5e dotted 1px; }
	#mainnav .lvl2 .Menu3 li:hover a, #mainnav .lvl2 .Menu3 li.sfhover a {color:#a97a12; border-top:#a97a12 dotted 1px; }


#mainnav li ul ul { /* third-and-above-level lists */
	margin: -1.6em 0 0 -1000em;
}

#mainnav li:hover ul ul, #mainnav li.sfhover ul ul {
	margin-left: -1000em;
}

#mainnav li:hover ul, #mainnav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}

#mainnav li li:hover ul, #mainnav li li.sfhover ul {
	margin-left: 17em;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#mainnav li a:focus + ul { margin-left: 0; }
#mainnav li li a:focus + ul { margin-left: 1010em; }
#mainnav li li a:focus { margin-left:1000em; width:23em; background: #9da1a4; color:#fff; }
#mainnav li li li a:focus {margin-left: 2010em; width: 23em; background: #9da1a4; color:#fff; }
#mainnav li:hover a:focus, #mainnav li.sfhover a.sffocus { margin-left: 0; }
#mainnav li li:hover a:focus + ul, #mainnav li li.sfhover a.sffocus + ul { margin-left: 17em; }



/************************
GENERAL PAGE
************************/

#page #top {background:#fff; padding:50px; z-index:3;}
#page #top.image {background:#fff url(../images/content-back.jpg) no-repeat right bottom; padding:50px; z-index:3;}
#page #top.image-a {background:#fff url(../images/content-back-0.jpg) no-repeat right bottom; padding:50px; z-index:3;}
#page #top .highlight {line-height:1.3em; font-size:1.2em; margin:0 0 20px 0;}

#home-bottom .box {width:414px; min-height:225px; float:left; background:#d9e5e7; }
* html #home-bottom .box {height:225px;}
#home-bottom .box .inner {padding:17px;}
#home-bottom .left {margin:0 50px 0 0;}

#home-bottom .box ul {margin:0; padding:0;}
#home-bottom .box ul li {background:url(../images/li.png) no-repeat 0 0.4em; list-style:none; padding:0 0 0 15px;}

#top ul {margin:10px 0 10px 20px; padding:0;}
#top ul li {background:url(../images/li.png) no-repeat 0 0.4em; list-style:none; padding:0 0 0 15px;}

#home-bottom .box a {position:absolute; display:block; top:0; left:0; width:100%; height:100%;}

#home-bottom .rright {background:#00535e url(../images/home-projects.jpg) no-repeat top right;}
#home-bottom .rright h2, #home-bottom .rright li {color:#fff;}
#home-bottom .rright .inner {margin:0 255px 0 0;}
#home-bottom .rright a {background:url(../images/dt.png) no-repeat 124px bottom;}

.staff-member p, .staff-member h2 {margin-left:180px;}
#top .staff-photo {float:left; margin:0 20px 20px 0; position:relative;}
#top .staff-photo span {display:block; position:absolute; right:0; bottom:0; width:35px; height:28px; background:url(../images/dt.png) no-repeat scroll right bottom;}
.staff-member {margin:0 0 40px;}


/************************
 * Contact Us
 ***********************/

#Form_Form {position:absolute; top:50px; right:65px; width:450px;}
#Form_Form  h1 {margin-left:0;}
#Form_Form fieldset {border:none; margin:0; padding:0}
#Form_Form input, #Form_Form textarea {border:#9da1a4 2px solid; padding:5px 10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; width:300px;}
#Form_Form div.field {clear:left; margin-bottom:10px;}
#content #Form_Form label {float:left; display:block; width:100px; text-align:right; padding-right:10px; font-weight:bold;}
#Form_Form #honeypot {display:none;} /* hides spam protection field */

#Form_Form h2 {margin-top:1.5em; padding-top:10px;}

/* Required */
#content #Form_Form label.required, #content #Form_Form label.message {background:#FBD9D9;border:1px solid #E60000;color:#E60000;display:block;line-height:1.1em;padding:3px;position:relative;margin:5px 0 5px 110px;text-align:center;width:220px; clear:both; font-size:0.9em;}

/* Action */
#Form_Form .Actions {text-align:right; width:435px; padding-right:5px}
#Form_Form .Actions input {width:auto;right:0; cursor:pointer; margin:5px 0; background:#9da1a4;}
#Form_Form .Actions input:hover, #Form_Form .Actions input:focus {background:#3e3e3e; color:#fff;}

.contact-1 span, .contact-1 a {position:absolute; left:0; margin-left:9em;}
	.contact-1 span a {position:relative; left:auto; margin-left:0;}
.contact-1 {position:relative;}


/************************
LOGIN
************************/

#MemberLoginForm_LoginForm input.checkbox {border:none;}

#MemberLoginForm_LoginForm #Remember {margin-left:110px; overflow:hidden; }
#MemberLoginForm_LoginForm #Remember input {float:left;}
#MemberLoginForm_LoginForm #Remember label {width:auto; margin-top:1px; font-weight:normal;}

#MemberLoginForm_LoginForm #ForgotPassword {position:absolute; line-height:1.3; padding:5px 10px; border:2px solid #f2f2f2; top:0; right:80px; background:#f2f2f2; text-decoration:none;}
#MemberLoginForm_LoginForm #ForgotPassword a {text-decoration:none; color:#888888;}
#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember {width:auto;}


#MemberLoginForm_LoginForm fieldset {border:none; margin:0; padding:0}
#MemberLoginForm_LoginForm input {border:#9da1a4 2px solid; padding:5px 10px; margin-right:10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; width:380px;}
#MemberLoginForm_LoginForm div.field {clear:left; margin-bottom:10px;}
#MemberLoginForm_LoginForm label {float:left; display:block; width:100px; text-align:right; padding-right:10px; font-weight:bold;}

/* Required */
#MemberLoginForm_LoginForm span.required, #Form_Form span.message {background:#FBD9D9;border:1px solid #E60000;color:#E60000;display:block;line-height:1.1em;padding:3px;position:absolute;left:460px;text-align:center;top:-0.5em;width:190px;}

/* Action */
#MemberLoginForm_LoginForm .Actions {text-align:right; width:514px;}
#MemberLoginForm_LoginForm .Actions input {width:auto;right:0; cursor:pointer; margin:0; background:#9da1a4;}
#MemberLoginForm_LoginForm .Actions input:hover, #MemberLoginForm_LoginForm .Actions input:focus {background:#3e3e3e; color:#fff;}

/************************
WYSIWYG EDITOR ALIGNMENT CLASSES
************************/

#content .left {text-align:left;}
#content .center {text-align:center;}
#content .right {text-align:right;}
#content img.center {margin:0 auto 10px auto; display:block}
#content img.right {float:right; margin-left:20px;}
#content img.leftAlone {text-align:left; display:block; margin-bottom:10px;}
#content img.left {float:left; margin-right:20px;}
#content p.MsoNormal, #content p.MsoBodyText {margin: 0;}

/************************
SITEMAP OVERRIDES
************************/

#top #sitemap ul {margin:0;}
#top #sitemap li {background:none; padding:0;}
/*
     FILE ARCHIVED ON 21:28:33 Mar 22, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:18:34 Jul 11, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 241.219 (3)
  esindex: 0.011
  captures_list: 259.313
  CDXLines.iter: 10.695 (3)
  PetaboxLoader3.datanode: 217.986 (4)
  exclusion.robots: 0.231
  exclusion.robots.policy: 0.21
  RedisCDXSource: 2.585
  PetaboxLoader3.resolve: 87.038
  load_resource: 110.041
*/