@charset "utf-8";
/* In the CSS box model, a block's display width = element's width + padding + border-width + margin */
/*  First, override any troublesome default values that can vary from browser to broswer:
*/
html, body, h1, h2, h3, h4, a, p {
	padding:0;
	margin:0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*color: black;*/
}
img {
	border: none;
}
a:active {
border-width:0;
}
/* end of default overrides */

p {
	padding: 0 8px; /*keep text 8 pixels away from left and right edges*/
}
body {
	color: #444; /* #444= dark gray*/
	background: #B0C4DE; /* #B0C4DE=CSS LightSteelBlue #ADD8E6=CSS LightBlue */
	}
h1 {
	font-size:1.6em;
	font-weight:normal;
	padding-bottom: 4px;
	padding-left:8px; /* match p */
	color:black;
	
}
h2 {
	font-size:1.2em;
	font-style:italic;
	font-weight:normal;
	padding-bottom: 4px;
	color:black;
}
h3 {
	margin-left: 6px;
	font-size:1.1em;
	color:black;
}

div#container {
position:relative;
max-width:1180px;  /* uncomment this line if the page is too spread out on very big screens */
	min-width:776px;  /* wide enough even for a little 800x600 screen allowing room for scroll bar and borders */
	margin: 0 auto; /* auto centers page (if width is given) */
}
div#header {
	position:absolute;
top:375px;
left:0;

}
div#header h1 {  /* see h1 specification near top for other h1 styling */
	font-size:2.75em;
	color:#444;
}
div#header h2 {  /*not used 6/09*/
	padding:2px;
	padding-left:90px; /*avoid logo and indent from h1*/
	font-size: 1.2em;
	left: 18%; /* to indent beyond the 17% width of "sidebar". This is position:relative, so use "left" property */
}
div#headergraphic {
position:absolute;
left:-106px; /*for 106px logo*/
top:-30px;
}
div#sidebar {
display:block;
font-size:14px;
position:absolute; /* (relative causes jumpiness in IE7 for text in maincontent) */
top:430px; /* see div#header */
left:0;
width:600px;
}
#sidebar ul {
	margin: 0;
	padding: 9px 4px 0 0;
	list-style-type: none;
}
#sidebar ul a {
	display: block;
	padding: 0 0 5px 6px;  
}
#sidebar ul a:link, #navlist a:visited {
color:#222;
	text-decoration: none;
}
#sidebar ul a:hover {
display:block;  /* inline elements don't have top/bottom margin */
	color: black;
	/*font-size:1.2em;*/
	margin-top:0;
}
#navlist li {
	float: left;
	width: 102px;
	text-align:center;
}
#navlist li.currentpage, #sidebar #navlist li a:hover /*override non-currentpage hover behavior*/ {
	font-weight:bold;
	font-size:1em;
		letter-spacing:-1px;

}
/*Projects nav bar*/
#navbar2 {
position:relative;
bottom:0;
left:-25px; /*maybe reduce padding instead */
}

#navbar2 ul {
margin: 0;
padding: 0;
width:120px;
list-style-type: none;
font-size:12px;

}
#navbar2 ul li {
width:100%;
padding:3px 0;
}
#navbar2 ul a {
width:120px;
}
#navbar2 ul a:link, #navlist2 a:visited
{
text-decoration:none;
color:#444;
}
#navbar2 ul a:hover
{
color:black;
}
#navbar2 ul li:hover {
font-weight:bold;
letter-spacing:-1px; /* to countact expansion from bold */
}
#navbar2 ul ul{  /* applies to all ul's subordinate to the first one (Development, Investment, Corporate) */
	display: none;
	font-weight:normal;
	padding-left:50px; /* padding increases hover area */
padding-top:150px; 
	position:absolute; /* nearest positioned parent is div#navbar2 */
	left:70px; /* plus padding:50px */
	bottom:0;
	width: 120px;
}
/* ul2 class is second level list. */
div#navbar2 ul li:hover ul.ul2 {
	display: block;
}

#navbar2 ul li:hover ul li a {
border:none;

	display:block;
	text-align:left;

	}
#navbar2 ul li:hover ul li a:hover {
}

#navlist2 li {
}
#navbar2 ul ul.ul3 {  /* override some of the #navbar ul ul specs */
	position:relative; /* nearest positioned parent is div#navbar2 */
	left:-20px; /* override ul ul left. 50px padding with the relative positioning is just right */
	top:2px;
width:120px;
padding-top:0;
}

#navbar2 ul li:hover ul.ul2 li:hover ul.ul3 {
/*display:block;  overridden by js*/
}
#navbar2 ul ul.ul2 ul.ul3 ul{
	position:absolute; /* nearest positioned parent is div#navbar2 */
	width:150px;
	left:90px; /* plus padding:50px */
	padding-left:50px;
	bottom:0;
}
#navbar2 ul li:hover ul.ul2 ul.ul3 ul{
	display: none;
}
#navbar2 ul li:hover ul.ul2 ul.ul3 ul a {
	width:150px;
}
#navbar2 ul li:hover ul.ul2 li:hover ul.ul3 li:hover ul{
display:block;
}
div#navbar2 li.stuck {
font-weight:bold;
color:maroon;
letter-spacing:-1px;
}
div#navbar2 li.stuck:hover {
font-weight:bold;
letter-spacing:-1px;
}

#maincontent {
	position:relative;
	margin:0 auto;
	width:590px;
	height:300px;
	background-color:transparent;
	padding-top:25px;
	font-size: 12px; 
}
#maincontent p {
text-align:justify;
padding-top:8px;
}
#footer {
position:absolute;
top:490px;
left:50%; /* to line up under #maincontent */
margin-left:-290px;
	width:590px;
	min-height:1.2em;
	color:#444;
}
#footer p {
	font-size:11px;
}
#footer p#copyright {
float:left;
}
/* Miscellaneous classes for reuse anywhere */
.smallertext {
	font-size:80%;
	font-weight:normal;
}
.biggertext {
	font-size:120%;
	font-weight:normal;
}
.indentalittle {
	padding-left: 30px;
}
.floatright {
	float: right;
	margin-left: 8px;
}
.floatleft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
}
.hidden {
	display:none;
}