@import url(https://www.wysiweb.com/resources/ww_features.css);

/* Delta colours

 Dark blue: #005B92;  
 Logo blue: #0082D1;
 light grey/greenish blue #C1CED5; 
 darker version of above
 pale blue: #DEECFF
 bluish grey: #BEC6D0
 light brown: #E2CFB1;
 lighter brown: #E9DBC5;
*/

/*** copied from old css (and modified) ***/

.alignRight { float: right; margin-left: 15px; margin-bottom:10px; }
.alignLeft { float: left; margin-right: 15px; margin-bottom:10px; }

table.data thead th { background-color: #005B92; color: white; }
table.data th, table.data td { padding: 2px 5px 3px 5px; border-right:1px solid white; }
tr.subHeader { background-color: #DEECFF; font-weight: bold; }
tr.subHeader td { border-top: 1px solid #005B92; }
tr.stripe, .greyBg { background-color: #EEE; }

table.data tbody th { text-align:left; }


/*** end copied ***/


form { margin:0; }
td { vertical-align:top; }
td[align="middle"] { text-align:center; }
img { border:0; }
a { color: #0082D1; text-decoration:none; }
#content a { font-weight:bold; }
a:hover { border-bottom: 1px solid #0082D1; }

 /*html { height:100%; }  background: #C1CED5; } these are set in JS */
body { background: #E2CFB1 url(bg_stripes.png); margin:0 auto; padding:0; height:100%; } 

div#header { 
	width:734px; height:577px; 
	margin:auto; padding:10px 20px 0 20px; text-align:right;
	background: url(3elevators_774.jpg) no-repeat center 67px;
}
div#header img { float:left; }
div#header form { margin-top:15px; *margin-top:25px; }
#header form input { vertical-align:middle; }

div#footer { background: #005B92; color:white; }
#footer div { 
	margin:0 auto; padding: 2px 20px 4px 20px; 
	font: 13px/18px Gill Sans MT, Gill Sans, Trebuchet MS, sans-serif; 
	width:734px; height:18px;
}
body.trebuchet #footer div { font-size:12px; }

#footer a { color:#DEECFF; }
#footer a:hover { color:white; border-bottom-color:white; }

div#menuBar { 
	background:white; position:absolute; top:487px; z-index:5; 
	width:100%; height:100px;
	opacity:0.6; filter:alpha(opacity=60); 
}

div#menu { width:774px; margin-left:-387px; position:absolute; top:487px; left:50%; height:100px; z-index:10;}
#menu ul { 
	list-style-type:none; margin:9px 12px; padding:0; 
	font-family: Gill Sans MT, Gill Sans, Trebuchet MS, sans-serif; font-size:15px;
}
body.trebuchet #menu ul { font-size:14px; }

#menu li { _height:1%; line-height:21px; _line-height:19px;}
#menu a { text-decoration:none; display:block; padding: 2px 8px; color: #005B92;  }
#menu a:hover, #menu a:focus { background-color:white; color: #0082D1; border: 1px solid #005B92; padding: 1px 7px; }

#menu li ul { 
	display:none; visibility:hidden; /* yes we need both (see js) */
	margin:0; background-color:white; border: 1px solid #005B92;
}

#menu li.clicked { position:absolute; overflow:hidden; }
#menu li.clicked a { background-color: #005B92; color:white; }
#menu li.clicked ul a { background-color:white; color: #005B92;}
#menu li.clicked ul a:hover, #menu li.clicked ul a:focus { background-color: #DEECFF; border:none; padding: 2px 8px;}

#menu li.clicked ul.noHover a:hover { background-color:white; color: #005B92; }

body.small { margin-top:0; margin-bottom:0; }
body.small div#menuBar, body.small div#menu { 
	top:auto; bottom:24px; position:fixed; 
	_position:absolute; /* ie6 only */
}
body.small div#footer, body.msie div#footer {  position:fixed; bottom:0; width:100%;  } 
body.small div#footer { _position:absolute; } /* IE6 home */
body.msie div#footer { _position:static; }


/*** normal pages ***/

table#layout { margin: 0 auto -24px auto; width:774px; height:100%; }
tr#header { height: 85px; max-height:85px; }
tr#header td { vertical-align:bottom; height: 85px; max-height:85px !important; }
tr#header img { margin-top:10px; margin-left:1px; display:block; }
tr#header form { text-align:right; margin-bottom:20px; margin-right:20px;}

td#menu { background: url(light_brown_stripes.png); border:1px solid #E2CFB1; border-width:0 1px; padding-top:48px; }
td#menu ul { margin:0; }
td#menu li { margin-left:0; margin-bottom:4px; padding:0; *background-color:#E9DBC5; }
td#menu a { padding:4px 5px 6px 20px; *background: url(light_brown_stripes.png); }
td#menu a:hover, td#menu a.rollover, td#menu a:focus { 
	border: 1px solid #E2CFB1; border-left:11px solid #E9DBC5; border-right-width:0; 
	background:white; 
	padding:3px 5px 5px 9px; 
	color:#005B92;
}

td#menu li.selected { border-top: 1px solid #E2CFB1; border-bottom: 1px solid #E2CFB1; background-color:#DEECFF; }
td#menu li.selected a, td#menu li.selected a:hover, td#menu li.selected a:focus { 
	position:relative; left:2px; 
	border:none; background:white; color: #0082D1; 
	margin-left:9px; padding:3px 0 5px 9px; 
	/* _padding-top:4px; _margin-top:-1px; */
}

td#menu li ul, td#menu li.selected ul { position:absolute; z-index:200; display:block; background: url(light_brown_stripes.png); }
td#menu li ul li, td#menu li.selected ul li { margin:0;background:none; }
td#menu li ul li.selected { font-weight:bold; border:none; }
td#menu li ul a, td#menu li.selected ul a, td#menu li ul li.selected a { 
	position:static; margin:0; padding: 3px 8px; 
	border:none; background:none; 
}
td#menu li ul a:hover, td#menu li ul a:focus, td#menu li.selected ul a:hover, td#menu li.selected ul a:focus { 
	position:static; background:white; margin:0; padding: 2px 8px; border: solid #E9DBC5; border-width:1px 0; 
}

td#menu iframe { display:none; position:absolute; z-index:199; filter:alpha(opacity=0); }

td#contentCell { background:white; height:90%; }

#content { padding:15px; font-family:Verdana, sans-serif; font-size:11px; line-height:1.4; }
#content p { margin:0; }

#content li { margin-bottom:5px; }
#content td, #content th { font-size:11px; } /* needed for FF in editor (FF bug?) */

form#ContactDelta { border: 1px solid #0082D1; margin-top:10px; padding-bottom:15px; }
#ContactDelta table { margin:-5px auto 0 auto; }
div#content.editorOn { padding:0; margin-right:12px; *margin-right:0; } /*outside editor*/
div.editorOn #ContactDelta { display:none; }

body#content { height:auto; background:white; padding:10px; margin:0; } /* inside editor and search frame */

h1, h2 { font-family:Gill Sans MT, Gill Sans, Trebuchet MS, sans-serif; font-weight:normal; }
h1#top { 
	background:#DEECFF; color:#BEC6D0; border-top: 8px solid #BEC6D0; 
	font-size:39px; letter-spacing:-1px; padding-left:15px; margin:0; line-height:38px;
}
h1#top span { position:relative; top:4px; }

h1 { font-size: 22px; color:#005B92; margin:10px 0; }
h2 { font-size: 19px; color:#AABCC6; margin-bottom:5px; }

body.trebuchet h1#top { font-size:35px; line-height:34px; padding-top:4px; }
body.trebuchet h1 { font-size:19px; }
body.trebuchet h2 { font-size:17px; }

h3 { font-size:12px; margin-bottom:2px; }
h4, h5, h6 { font-size:11px; margin-bottom:2px;}

table.hoistway td { vertical-align:bottom; border: 1px solid #0082D1; font-weight:bold; padding:10px 20px; }

iframe#searchFrame { width:100%; } 

div#bottomNav { text-align:center; border-top: 1px solid #C1CED5; color:#C1CED5; width:90%; margin:30px auto; padding-top:10px; line-height:1.6; }
div#bottomNav a { font-weight:normal; white-space:nowrap; }
div#bottomNav a.selected { color:#005B92;}
div#bottomNav.noLine, div.editorOn div#bottomNav { border-top:none; margin-top:0; padding-top:5px; }

#searchForm input[type="text"] { padding-top:0; }