body { margin:0; padding: 0; background: #fff url(../images/common/bg.gif) repeat-x; font: 10px verdana, sans-serif; color: #333;}
img {border: 0; }
a { color: #369; }
a:hover { color: #900; }

#container { display: block; width: 998px; height: 594px; position: absolute; left: 0px; top: 0px;  border: 1px solid yellow; }

#leftCol {   width: 218px;  border: 1px solid green; }
#centerCol {  width: 250px; border: 1px solid blue; }
#rightCol {  width: 520px;   border: 1px solid red; }

#container, #leftCol, #centerCol, #rightCol { border-width: 0; } /* To turn borders on and off */

.clearer { display: block; height: 1px; overflow: hidden; }


#nav, #nav ul, #homeNavList, #homeNavList ul {
	font: 11px arial, sans-serif;
	float: left;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;	
	margin: 0;
}
#nav ul { /* This is the individual drop-down border */
	border: solid #ccc;
	border-width: 1px;
	padding: 3px;
}

#nav, #homeNavList {
	margin-top: 12px; 
}

/* #homeNavList { 
	margin-left: 160px; 
}
 */
#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
	height: 20px;
}

#nav li ul a {
	display: block;
	height: 16px;
	padding-top: 4px;
	padding-left: 3px;
	color: #DB2524;
	text-decoration: none;
	
}


#nav li:hover ul, #nav li li:hover ul,  #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #ccc;
}

#content {
	clear: left;
}



#homeNav a { display: block; background: url(../images/nav/home.gif) no-repeat top left; width: 50px; height: 16px; }
#homeNav a:hover { background: url(../images/nav/home.gif) no-repeat bottom; }

#servicesNav a { width: 200px; }
/* these are addressed to link to avoid cascade of style to menulinks */
a#servicesLink { display: block; background: url(../images/nav/services.gif) no-repeat top left; width: 73px; height: 16px; }
a#servicesLink:hover { background: url(../images/nav/services.gif) no-repeat bottom; }

a#profileLink { display: block; background: url(../images/nav/profile.gif) no-repeat top left; width: 130px; height: 16px; }
a#profileLink:hover { background: url(../images/nav/profile.gif) no-repeat bottom; }


#projectsNav a { display: block; background: url(../images/nav/projects.gif) no-repeat top left; width: 146px; height: 16px; }
#projectsNav a:hover { background: url(../images/nav/projects.gif) no-repeat bottom; }

#contactNav a { display: block; background: url(../images/nav/contact.gif) no-repeat top left; width: 68px; height: 16px; }
#contactNav a:hover { background: url(../images/nav/contact.gif) no-repeat bottom; }



#logoLeft { margin-top: 50px; }

#mainImage { margin-top: 34px; margin-left: 2px; }

#previousNav { margin-left: 30px; margin-top: 163px; }

#centerColText { margin-top: 26px; }
#centerColText dl, #centerColText dl dt, #centerColText dl dd { margin: 0; padding: 0; list-style-type: none;  }
#centerColText dl dt { clear: both; float: left; width: 110px; margin-bottom: 6px; font-weight: bold; border: 1px solid red;}
#centerColText dl dd { float: left; width: 130px; margin-bottom: 6px; border: 1px solid green;}
#centerColText dl dt, #centerColText dl dd { border-width: 0; }

#rightCol h2 { float: left; width: 320px; font-size: 10px; font-weight: bold; padding-left: 3px; margin-top: 6px; }
#nextNav {/*  margin-left: 424px;  */ float: right; margin-top: 5px; }

#rightColText { clear: both; width: 320px; padding-left: 3px; text-align: justify; }
#rightColText p { margin-top: 4px; line-height: 1.4em;}



/* non-project pages */

#content {  margin-top: 10px; padding-left: 10px;  padding-right: 30px; width: 470px; height: 320px; overflow: auto;}

#header { margin-top: 0px; }
#leftTextCol  { float: left; width: 200px; }
#rightTextCol { float: left; width: 200px; padding-left: 20px; }

#leftTextCol ul { list-style-type: none; margin: 0; padding: 0; }
#leftTextCol ul li { margin-bottom: 6px; }
#leftTextCol ul li a { text-decoration: none; }

/* Contact page specific */

#contact #leftTextCol { width: 220px;}
#contact #rightTextCol { 180px}


/* lists for principals profiles */
#content.noColumns p {clear: both; width: 220px; }

#content.noColumns h3 { clear: both; float: left; display: block; font-size: 10px; margin-top: 10px;}

#content.noColumns dl, #content.noColumns dl dt, #content.noColumns dl dd { margin: 0; padding: 0; list-style-type: none;  }

#content.noColumns dl {clear: both; float: left: display: block; margin-bottom: 20px; } /* had to float this to give it a bottom margin; otherwise interior floated elements are outside it */



#content.noColumns dl dt { clear: both; float: left; width: 130px; margin-bottom: 6px; font-weight: normal; border: 1px solid red;}
#content.noColumns dl dd { float: left; width: 200px; margin-bottom: 6px; border: 1px solid green;}
#content.noColumns dl dt, #content.noColumns dl dd { border-width: 0; } /* turn borders on and off */


/* positioning */

#leftCol { position: absolute; left: 0px; top: 0px; }
#centerCol { position: absolute; left: 218px; top: 0px; }
#rightCol { position: absolute; left: 468px; top: 0px; } 
#nav { position: absolute; z-index: 2; left: 0px; top: 0px; width: 450px; }
#content { position: absolute; left: 0px; top: 100px; }

#homeNavList { position: absolute; left: 160px; }


/* home page specific */
 #home #content { padding-top: 17px; }
 body#home {background: #fff url(../images/common/bg_home.jpg) repeat-x; }