#bodyHeader { background-color:#333; font:2em Arial; color:#fff; border-bottom:5px solid #fff; margin-top:5px; }
#bodyHeaderLogo { height:63px; background:#333; border-bottom:5px solid #fff; margin:5px 0 0px 0; padding:40px 0 0 0; /* height:100px; overflow:hidden; */ }
#bbbbodyHeaderLogo img { margin-top:37px;; }
#bbbbodyHeaderLogo h1 { margin-left:-1000px; font-size:12px; }
#bodyFooter { background-color:#333; padding:10px 10px 50px 0; border-top:1px solid #fff; color:#adadad; text-align:right; margin-bottom:5px; }
#bodyFooter a { color:#adadad; text-decoration:none; }
#bodyFooter a:hover { color:#adadad; text-decoration:underline; }

#outerbody {
	clear:both;	border:solid white 0px;
	/*/*/ border-left-width: 199px;  /* left column width. NN4 hack to hide borders */
	border-left-color: #8f8f71;   /* left column colour */
	border-left-style: solid;
	/*/*/ border-right-width: none; /* right column width. NN4 hack to hide borders */
	border-right-color: #e5e3d2;  /* right column colour */
	border-right-style: solid; background-color: #FFF; /* center column colour */
	width:auto;
	background-color:#E5E3D2;
}
#innerbody { margin:0; width:100%; }

/* Back to School of Architecture & Design link */
#leftcolumn #arch_home{ height:25px; /*border-bottom:1px solid #3c5678;*/}
#leftcolumn #arch_home a{display:block; background:#717159 url("/sed/images/nav_dotted_line.gif") repeat-x left bottom; padding:12px 0 12px 12px; }
#leftcolumn #arch_home a:link{color:#fff; text-decoration:none;}
#leftcolumn #arch_home a:visited{color:#fff;}
#leftcolumn #arch_home a:hover{background-color:#2a415f;}


#leftcolumn { width:199px; float:left; position:relative; margin:0; margin-left:-199px; overflow:hidden; padding-top:0px; border-right:1px solid #fff; }
/* leftcolumn Menu */
#leftcolumn ul { list-style:none; padding:0; margin:25px 0; border:0; border:none; background-color:transparent; }
#leftcolumn li { text-align:right; width:179px; padding:0; margin:0; font-size:1em; font-family:Tahoma,Arial,sans-serif; line-height:2em; text-transform:uppercase; }
#leftcolumn ul a { background-color:transparent; border:none; display:block; padding:4px 10px 5px 5px;/* right padding hack for IE6 */ color:#fff; text-decoration: none;
	width:199px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width:184px; /* You get it. Good value for compliant browers. */ }
html>#leftcolumn li a {	width:184px; /* Be nice to Opera */ }
#leftcolumn li a:not(.depth0).selection { background-color:#fff; color:#000; border:none; }
#leftcolumn li a:not(.depth0).selection:hover { border-left:5px solid #baba9d; border:none; }
#leftcolumn ul a:hover { background-color:#baba9d; color:#FFF; text-decoration:none; border:none; border-left:none; }

/* Left column second-level menu */
#leftcolumn ul li ul { list-style:none; padding:0; margin:0; border:0; border:none; }
#leftcolumn ul li li { text-align: left; width:179px; padding:0; margin:0; font-size:1em; font-family:Tahoma,Arial,sans-serif; line-height:1.5em; text-transform:none; }
#leftcolumn ul li ul a { background-color:#cacbb6; border-left:none; display:block; padding:2px 0 2px 30px; color:#555; text-decoration: none; border-top:1px solid #adada2;
	border-bottom:0px solid #fff; width: 199px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width: 184px; /* You get it. Good value for compliant browers. */ }
html>#leftcolumn ul li li a { width:184px; /* Be nice to Opera */ }
#leftcolumn ul li li a.selection { background-color: #fff; color: #000; border-left:none; }
#leftcolumn ul li li a.selection:hover { border-left:none; }
#leftcolumn ul li ul a:hover { color:#669900; background-color:#fff; color:#000; text-decoration:none; border-top:1px solid #919186; border-left:none; }

/* Left column third-level menu  */
#leftcolumn ul li ul li ul { list-style:none; padding:0; margin:0; border:0; border:none; }
#leftcolumn ul li li li { text-align: left; width:179px; padding:0; margin:0; font-size:1em; font-family:Tahoma,Arial,sans-serif; line-height:1.5em; text-transform:none; }
#leftcolumn ul li ul li ul a { background-color:#cacbb6; border-left:none; display:block; padding:2px 0 2px 45px; color:#555; text-decoration: none; border-top:1px solid #adada2;
	border-bottom:0px solid #fff; width: 199px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width: 184px; /* You get it. Good value for compliant browers. */ }
html>#leftcolumn ul li li li a { width:184px; /* Be nice to Opera */ }
#leftcolumn ul li li li a.selection { background-color: #fff; color: #000; border-left:none; }
#leftcolumn ul li li li a.selection:hover { border-left:none; }
#leftcolumn ul li ul li ul a:hover { color:#669900; background-color:#fff; color:#000; text-decoration:none; border-top:1px solid #919186; border-left:none; }


/* Styles for Homepage */
#featImage { margin:0 0 1px 1px; border-bottom:1px solid #fff; }
#deptHomeItemsContainer {margin-right:160px;}
.deptHomeItems { color:#666666; background:url('/img/sub_arrow_tiny_lt.gif') no-repeat top left; background-position:0 0.3em; padding:0 0 1.2em 10px; line-height:1.2em; }
.deptHomeItems a { text-decoration:none; }
.deptHomeItems a:hover { color:#000; }
#deptHomeActions { width:150px; float:right; text-align:right; }


#rightcolumn { display:block; margin-top:5px; background: none; /*/*/ width:163px; /* hack keeps NN4 right column right? */ float:right; position:relative; margin-right:-183px; margin-left:0; padding:5px 10px; color:#333; line-height:1.4em; }

/* Styles for Homepage */
#maincolumn { mmargin-left:-1px; }
#arch_programs { mmargin-left:1px; border-bottom:1px solid #fff; }
.arch_program { position:relative; width:187px; height:260px; float:left; border-right:1px solid #fff; }
.arch_program_last { position:relative; width:186px; height:260px; float:left; border-left:0px solid #fff; }
.arch_program img, .arch_program_last img { position: relative; width: 100%; /* for IE 6 */ }
.arch_program a img, .arch_program_last a img, .arch_program a h2 { border:none; text-decoration:none; }
.arch_program h2, .arch_program_last h2 { margin:0; padding:0; position: absolute; top:220px; left:0; width:100%; text-decoration:none; }
.arch_program h2 span, .arch_program_last h2 span {
   color: white;
   font: bold 16px Arial, Sans-Serif;
   letter-spacing:-1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 7px;
   text-decoration:none; border:none; margin:0;
}
.arch_program h2 span.spacer, .arch_program_last h2 span.spacer { padding:0 5px; }

#featImage { margin:0; border:0; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; background-color:#fff; margin-right:-1px; }
#featImage #slideshow { height:240px; }

#homeBottom { background:#52524c; width:750px; border-top:1px solid #fff; }
#welcome { float:left; width:565px; color:#fff; }
	#welcome h2 { margin:20px 10px 0 0; color:#dcdcdb; width:190px; float:left; bbackground:#ccc; text-align:right; }
	#welcome .top { margin:20px 0 0 0; width:340px; padding:0 15px 5px 10px; float:right; }
	#welcome .feature { margin-left:-3px; padding:10px 0 0 0; }
	#welcome .feature_inside { float:left; width:104px; height:27px; padding:5px 0 0 8px; margin:0 0px 0 0; background:url("/saad/images/bg_features.gif") no-repeat top left; }
		#welcome .feature_inside a { color:#fff; font-size:10px; font-weight:bold; text-decoration:none; }
		#welcome .feature_inside a:hover { color:#b7b7b7; }
	#welcome a { color:#ccc; }
	#welcome a:hover { color:#fff; }
#feature_photo { float:right; width: 150px; border-left:0px solid #fff; margin-bottom: 20px; padding: 20px 18px 0 0; }

/* Styles for Faculty & Staff Section */
table.staffIndex {width:100%;}
#staffPhoto { float:right; margin:0 0 10px 10px; }
#staffData { float:left; width:50%; }