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

/* colours: 
dark blue #003273
60% of above #6684AB;
very light blue #B9C7D8
orange #FA702B;
*/

body { padding:0; margin:0; background: #DCDBC7 url(stripes.png) fixed; }
#container { margin:auto; width:770px; padding:0 16px; background: white url(background.png) top center fixed; }
img { border:0; }
td { vertical-align:top; }

#header { 
	height:309px; _height:304px; position:relative;
	background:#FFF url(buildings.jpg) no-repeat; 
}
#header.short { height:209px; _height:204px;}

#logoBand { 
	width:770px; opacity:0.5; filter:alpha(opacity=50);  position:absolute; z-index:1; top:49px; height:85px; background-color:white; 
}
#logoBand.start { opacity:1; filter:none; top:0; height:295px; _height:305px; }
#header img { position:absolute; z-index:2; top:49px; left:296px; }

#utils { height:280px; text-align:right; font:11px verdana, sans-serif; padding: 5px 15px; _height:290px; }
#utils a { font-weight:bold; }
#utils a, #bottomNav a { text-decoration:none; color: #003273; }
#utils a:hover, #utils a:focus { border-bottom:2px solid #FA702B; }

#header.short #utils { height: 180px; _height:195px; }

#stripe { height:5px; _line-height:8px; background-color:#FA702B; opacity:0.5; filter:alpha(opacity=50); _margin-bottom:-3px; }
#nav { width:770px; position:relative; top:-5px; _margin-bottom:-5px;}
#nav td { padding:0; }
#nav a { 
	display:block; background-color:#6684AB; color:white; 
	text-decoration:none; margin-top:5px; 
	padding:2px 5px 4px 5px; font-family:arial narrow,helvetica neue condensed,arial,sans-serif; 
	text-align:center; border-left: 1px solid #6684AB; border-right: 1px solid #6684AB;
}
#nav a.selected { 
	margin-top:0; background-color:#003273; 
	border-top:5px solid #FA702B; border-left:none; border-right:none;
}
#nav a:hover, #nav a:focus { background-color:#003273; }

#content { padding:20px 30px 0 30px; background-color:white; }
body#content { /* editor */
	padding-left:16px; padding-right:16px; background-image:none;
}

#content p, #content td, #content th, #content li, #footer, #bottomNav, #ContactEO div, h4,h5,h6 { 
	font:13px/1.4 arial,helvetica neue,helvetica,sans-serif; 
}

#content p, li, ul, ol { margin-top:0; margin-bottom:0; }
h1,h2,h3 { font-family:arial narrow,helvetica neue condensed,sans-serif; color:#003273; }
h1 { 
	font-size:21px; margin-bottom:12px; font-weight:normal; letter-spacing:-0.01em; 
	/* padding-left:5px; border-left: 5px solid #FDBD9E; line-height:15px; */
}
h2 { font-size:17px; }
h3 { font-size:15px; }
h2,h3,h4,h5,h6 { margin-top:0; margin-bottom:2px; font-weight:bold; }
li { margin-top:5px; }
ol { margin-left:0; padding-left:18px; *padding-left:23px; }

#content a, #bottomNav a.selected  { color:#003273; font-weight:bold; }
#content a:visited, #bottomNav a:visited { color:#6684AB; }
#content a:hover, #content a:focus { color:#FA702B; }
#bottomNav { 
	text-align:center; padding-top:10px; margin:30px 65px; 
	clear:both; border-top:1px solid #B9C7D8; 
}
#bottomNav a { white-space:nowrap; }
#bottomNav a:hover, #bottomNav a:focus  { text-decoration:underline; color:#FA702B; }

#content a:hover img.hilite { border:1px solid #FA702B; }

#footer { background-color:#6684AB; color:white; padding:3px 30px; text-align:center; }
#footer a { color: white; }
#shadow { background: url(background.png) bottom center no-repeat; height:22px;}

form#ContactEO { float:right; margin:0 0 20px 15px; }
#ContactEO div { text-align:right; margin:5px; }
#ContactEO label { font-weight:bold; vertical-align:top; }
#ContactEO input, #ContactEO textarea { width:250px; margin-left:5px; }


#header img { position:absolute; z-index:2; top:49px; left:296px; cursor:pointer; *cursor:hand; }
#header.home img { display:none; }
#logoBand { width:770px; position:absolute; z-index:1; background-color:white;}
#header.home #logoBand, #header.home #logoBand.start { opacity:1; filter:none; top:0; height:295px; _height:305px; }

/* Now we change above rules for everyone except safari */
/* safari hacks for FOUC issue */
#header.home #logoBand {
	opacity:0.5; filter:alpha(opacity=50); top:49px; height:85px; 
# } /* firefox & ie, but safari ignores this and everything after */
#header.home img { display:block; }

/* editor styles not needed in safari */
body.editorOn #logoBand, 
body.editorOn #header img, 
body.editorOn #header.home img,
body.editorOn #header.home #logoBand,
body.editorOn #footer, 
body.editorOn #bottomNav,
body.editorOn #ContactEO { 
	display:none; 
} 
body.editorOn #content { padding: 0 11px 0 0; }
body.editorOn #utils, body.editorOn #header { height:auto; }
body.editorOn #nav { position:static; }
body.editorOn #stripe { position:relative; top:5px; }
body.editorOn h1 { margin-left:30px; }