/*
Philadelphia University School of Design Stylesheet
---------------------------------------------------------
All styles contained herein define the visual presentation 
for the School of Design web site

Created: 11/08/07
Modified: 11/19/07
*/
	
/* LAYOUT */
body { background: #333; margin:0; }
#page { }
#page .content { width: 1321px; }
#home #page { background-image: url(../images/design_home_background.jpg); background-repeat: no-repeat; background-position: 0 0; }
#home #colM { background:  none; min-height:150px; }
#colM .main { min-height:550px; }
#noselected #page { background-image: url(../images/bk_about.jpg); background-repeat: no-repeat; background-position: 0 0; }
#noselected #colL { float: left; width: 305px; }
#noselected #colL .wrapper { padding: 23px 0 0 88px; }
#noselected #colM { width: 648px; float: left; }
#noselected #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#noselected #colM .main { }
#noselected #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#programsover #page { background-image: url(../images/bk_program.jpg); background-repeat: no-repeat; background-position: 0 0; }
#programsover #colL { float: left; width: 305px; }
#programsover #colL .wrapper { padding: 0 0 0 75px; }
#programsover #colM { width: 648px; float: left; }
#programsover #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#programsover #colM .main { }
#programsover #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#stu-resourcesover #page { background-image: url(../images/bk_program.jpg); background-repeat: no-repeat; background-position: 0 0; }
#stu-resourcesover #colL { float: left; width: 305px; }
#stu-resourcesover #colL .wrapper { padding: 0 0 0 75px; }
#stu-resourcesover #colM { width: 648px; float: left; }
#stu-resourcesover #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#stu-resourcesover #colM .main { }
#stu-resourcesover #colR { display: none; }

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#programs #page { background-image: url(../images/bk_about.jpg); background-repeat: no-repeat; background-position: 0 0; }
#programs #colL { float: left; width: 305px; }
#programs #colL .wrapper { padding: 0 0 0 88px; }
#programs #colM { width: 648px; float: left; background: #e4e7e6 url(../images/bk_content.gif) repeat 0 0; }
#programs #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#programs #colM .wrapperfull { margin-left: 0; padding: 14px 20px 20px 20px; }
#programs #colM .main { }
#programs #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#about #page { background-image: url(../images/bk_about.jpg); background-repeat: no-repeat; background-position: 0 0; }
#about #colL { float: left; width: 305px; }
#about #colL .wrapper { padding: 23px 0 0 88px; }
#about #colM { width: 648px; float: left; background: #e4e7e6 url(../images/bk_content.gif) repeat 0 0; }
#about #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#about #colM .main { }
#about #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#projects #page { background-image: url(../images/bk_about.jpg); background-repeat: no-repeat; background-position: 0 0; }
#projects #colL { float: left; width: 305px; }
#projects #colL .wrapper { padding: 23px 0 0 88px; }
/* Radu Mod - previous project width: 648px */
#projects #colM { width: 748px; float: left; }
#projects #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
/* radu mod #projects #colM .wrapperfull { background: #1c2220; margin-left: 0; padding: 14px 20px 20px 20px; } */
#projects #colM .wrapperfullRadu { background: #1c2220;margin-left: 0; padding: 14px 20px 20px 20px; }
#projects #colM .wrapperfull { margin-left: 0; padding: 14px 20px 20px 20px; }
#projects #colM .main { }
#projects #colR { display: none; }
#projects #colM dl { padding-left:6px; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#faculty #page { background-image: url(../images/bk_faculty.jpg); background-repeat: no-repeat; background-position: 0 0; }
#faculty #colL { float: left; width: 305px; }
#faculty #colL .wrapper { padding: 23px 0 0 88px; }
#faculty #colM { width: 648px; float: left; height: inherit; }
#faculty #colM .wrapper { margin-left: 0; padding: 14px 100px 20px 20px; }
#faculty #colM .main { }
#faculty #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#alumni #page { background-image: url(../images/bk_faculty.jpg); background-repeat: no-repeat; background-position: 0 0; }
#alumni #colL { float: left; width: 305px; }
#alumni #colL .wrapper { padding: 23px 0 0 88px; }
#alumni #colM { width: 648px; float: left; }
#alumni #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#alumni #colM .main { }
#alumni #colR { display: none; }
#alumniprofile dl { margin-left:150px; float:left; }
#alumniprofile dt.headshot { float:left; margin-left:-150px; }
#alumniprofile dt.name { font: normal 29px/47px Georgia, "Times New Roman", Times, serif; color: #2c312f; float:left; margin: 0 0 0 0; }
#alumniprofile dt.headline { float:left; margin: 10px 0 0 0; }
#alumniprofile dd { float:left; margin-top:5px; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#stu-resources #page { background-image: url(../images/bk_about.jpg); background-repeat: no-repeat; background-position: 0 0; }
#stu-resources #colL { float: left; width: 305px; }
#stu-resources #colL .wrapper { padding: 23px 0 0 88px; }
#stu-resources #colM { width: 648px; float: left; }
#stu-resources #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#stu-resources #colM .main { }
#stu-resources #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#overview #page { background-image: url(../images/design_programs_background.jpg); background-repeat: no-repeat; background-position: 0 0; }
#overview #colL { float: left; width: 305px; height: 350px; }
#overview #colL .wrapper { padding: 23px 0 0 88px; }
#overview #colM { display:none;/*width: 648px; float: left;*/ }
/*#overview #colM .wrapper {margin-left: 0; padding: 14px 16px 20px 20px;}*/
#overview #colM .main { }
#overview #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#events #page { background-image: url(../images/bk_about.jpg); background-repeat: no-repeat; background-position: 0 0; }
#events #colL { float: left; width: 305px; }
#events #colL .wrapper { padding: 23px 0 0 88px; }
#events #colM { width: 648px; float: left; }
#events #colM .wrapper { margin-left: 0; padding: 14px 120px 20px 20px; }
#events #colM .wrapperfull { margin-left: 0; padding: 14px 20px 20px 20px; }
#events #colM .main { }
#events #colR { display: none; }
#events #colM td { padding: 5px 5px 15px 5px; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#eventsover #page { background-image: url(../images/bk_about.jpg); background-repeat: no-repeat; background-position: 0 0; }
#eventsover #colL { float: left; width: 306px; }
#eventsover #colL .wrapper { padding: 23px 0 0 88px; }
#eventsover #colM { width: 648px; float: left; }
#eventsover #colM .wrapper { margin-left: 0; padding: 14px 200px 20px 20px; }
#eventsover #colM .wrapperfull { margin-left: 0; padding: 14px 20px 20px 20px; }
#eventsover #colM .main { }
#eventsover #colR { display: none; }
#eventsover #colM td { padding:10px 5px 10px 5px; vertical-align: top; border-bottom:1px solid #ccc }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#contact #page { background-image: url(../images/bk_faculty.jpg); background-repeat: no-repeat; background-position: 0 0; }
#contact #colL { float: left; width: 305px; }
#contact #colL .wrapper { padding: 23px 0 0 88px; }
#contact #colM { width: 648px; float: left; }
#contact #colM .wrapper { margin-left: 0; padding: 14px 20px 20px 20px; }
#contact #colM .main { }
#contact #colR { display: none; }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */

/*BANNER IMAGES -------------------------------------------------------------------------------------------------------------------------------------------- */
#overbanner { width:100%; height:55px; margin:0 0 10px 0; padding:80px 0 0 10px; background-repeat: no-repeat; background-position: 0 0; }
.aboutover { background-image: url(../images/con_about.jpg); }
.msinst { background-image: url(../images/con_msinstr.jpg); }
.graph { background-image: url(../images/con_graph.jpg); }
.fash { background-image: url(../images/fsh_graph.jpg); }
.textile { background-image: url(../images/con_textile.jpg); }
.mstextile { background-image: url(../images/con_mstextile.jpg); }
.ind { background-image: url(../images/con_id.jpg); }
.msdig { background-image: url(../images/con_msdig.jpg); }
.msid {background-image: url(../images/con_msid.jpg); }
.digdes { background-image: url(../images/con_digdes.jpg); }
.digani { background-image: url(../images/con_digani.jpg); }
.contactover { background-image: url(../images/con_contact.jpg); }
.facultyover { background-image: url(../images/con_faculty.jpg); }
/* -------------------------------------------------------------------------------------------------------------------------------------------- */

#col1 { width:48%; float:left; }
#col2 { width:48%; float:right; }
#stu-resourcesover #col2 { width:48%; float:right; padding-top:26px; }
.lead-image { margin-top: -14px; margin-bottom:10px; }
#page { width: 100%; background: #2c3230; padding-top: 15px; }
#banner { width: 879px; height: 45px; background: #666; margin-left: 68px; }
img#brand { float: left; display: block; padding: 20px 0 0 12px; }
#department { background: transparent url(../images/school_title.png) no-repeat 55px 57px; height: 100px; width:900px; margin-left: 15px;}
#main { clear: both; }
#colL { width: 100%; }
#colL .wrapper { padding: 0 68px; }
#colM { width: 550px; float: left; background: #e4e7e6 url(../images/bk_content.gif) repeat 0 0; }
#colM .wrapperfullRadu { margin-left: 20px; background: #e4e7e6 url(../images/bk_content.gif) repeat 0 0; }
#colM .wrapper { margin-left: 20px; background: #e4e7e6 url(../images/bk_content.gif) repeat 0 0; }
#colM .wrapperfull { margin-left: 68px; background: #e4e7e6 url(../images/bk_content.gif) repeat 0 0; }
#colM .wrapper { margin-left: 68px; background: #e4e7e6 url(../images/bk_content.gif) repeat 0 0; }
#colR { float: left; width: 297px; background: #1c2220; }
#colRadu { float: left; background: #1c2220; border:none; width:222px; height:211px; }
#colR .wrapper { padding: 16px 16px 0 16px; }
#footer { clear: both; background: #333; color: #8f8f8d; font: normal 12px Arial, Helvetica, sans-serif; background-image: url(../images/PU_logo.gif); background-repeat: no-repeat; background-position: 65px 16px; width: 100%; }
#footer .wrapper { padding: 18px 0 18px 155px; width: 962px; }
#footer .wrapper a:hover { color:#fff; }
#inlinelink { }
#inlinelink ul { margin:0; padding:0; list-style:none; }
#inlinelink li { list-style:none; margin: 10px 0 10px 0; padding:0; text-indent:0; }
#inlinelink a { display:block; width:200px; padding:5px; background-color:#fff; border:1px solid #ccc; background-image:url(../images/arrow_forward.gif); background-position:right; background-repeat:no-repeat; }
/* OVERVIEW BACKGROUNDS */
#bk_programs { width:1000px; height:300px; background-repeat: no-repeat; }
#bk_programs #wrapper { width:650px; padding:85px 0 0 45px; }
#bk_programs #col2 h2 { color: #fff; font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform:uppercase; margin-bottom: 10px !Important; }
#bk_programs #col1 h2 { color: #fff; font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform:uppercase; margin-bottom: 10px !Important; }
#bk_programs li { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#bk_programs ul { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#bk_programs li a { padding:3px; width:300px; margin-bottom:4px; display: block; }
#bk_programs li a:active { text-decoration:none; background:#fff; font:normal 11px Arial, Helvetica, sans-serif; color: #740404 !important; text-transform: uppercase; letter-spacing:.1em; }
#bk_programs li a:visited { text-decoration:none; background:#fff; font:normal 11px Arial, Helvetica, sans-serif; color: #740404 !important; text-transform: uppercase; letter-spacing:.1em; }
#bk_programs li a { text-decoration:none; background:#fff; font:normal 11px Arial, Helvetica, sans-serif; color: #740404 !important; text-transform: uppercase; letter-spacing:.1em; }
/*Radu Mod
#bk_programs li a:hover { background:#f0ebbc; }*/
#bk_programs li a:hover { background:#d4bfbf; }
.stures { background-image: url(../images/bk_stures.jpg); }
.ap { background-image: url(../images/bk_progover2.jpg); }
/* UNIVERSITY BANNER */
#banner { width: 950px; height: 30px; background-color: #666; margin-left: 75px; }
#philautextname { position: absolute; left: 52px; height: 20px; width: 230px; background-color:transparent; text-transform:uppercase; color: #FFF; font: bold 14px Arial, Helvetica, Verdana, sans-serif; display: inline; padding: 8px 0 0 28px; margin: 0; letter-spacing:0.1em; }
#philautextname a { color: #FFFFFF; text-decoration: none; }
#philautextname a:hover { color: #FFFFFF; text-decoration: underline; }
.content-pad { padding: 20px 16px 0 18px; }
.date { float:right; width: 140px; padding:10px 0 0 0; background-color:transparent; color: #FFFFFF; font: 11px Arial, Helvetica, Verdana, sans-serif; }
#utilities li { list-style-type: none !important; margin: 0; padding: 5px 0 0 0; }
#utilities { list-style-type: none !important; margin: 0; padding: 5px 0 0 0; }
#utilities { float: left; padding-left:245px; }
#utilities li { display: inline; text-indent: 0 !important; }
#utilities li { font: normal 10px Arial, Helvetica, sans-serif; padding: 0 7px; }
#utilities li.first { border-left: none; }
#utilities li a:active { padding-bottom:10px; text-decoration: none; color: #fff; }
#utilities li a:visited { padding-bottom:10px; text-decoration: none; color: #fff; }
#utilities li a:hover { padding-bottom:10px; text-decoration: none; color: #fff; }
#utilities li a:link { padding-bottom:10px; text-decoration: none; color: #fff; }
#utilities li a:hover { color:#fff; text-decoration:underline; }
/* MAIN NAVIGATION */

/* Even though images are implemented for navigation, html text should
still be employed. The following rule hides this text for users with
stylesheets enabled. Users who've disabled stylesheets or are using 
assistive browsing devices will receive the html text. In order for 
this technique to work properly, all links that are represented through
images, should have their html text wrapped in a <span> element.
*/
/* 
These styles handle highlighting of the current section of the 
main navigation. In order for these to work, each page in the site
must have an id declared on the <body> tag. The id should mimic
the main section of the navigation. For example on the "home" page
the body tag should be <body id="home">, the "about" page(s) should 
be <body id="about"> etc. Highlighting the links id works in conjunction
with the main navigation link classes. Look at the first rule below:
#home .home {background-position: top left;} In this case when the body 
is id'd with "home" any elements on the page with a class of "home" will 
have white text. This makes your HTML implementation much cleaner in 
that you can have the 1 global snippet of HTML on all pages in your site 
and highlighting of the links just works.
*/
#nav1 { height:35px; }
#nav1 li { list-style-type: none !important; margin: 0; padding: 0; }
#nav1 ul { list-style-type: none !important; margin: 0; padding: 0; }
#nav1 li { display: block; float: left; text-indent: 0 !important; }
#nav1 { width: 100%; border-top: solid 2px #76817e; padding: 0; margin: 0 0 0 68px; }
#nav1 li { font: normal 13px Arial, Helvetica, sans-serif !important; padding: 0; margin: 0 !important; }
#nav1 li a { display: block; padding: 10px 11px; }
#nav1 li a:active { text-decoration: none; color: #fff; }
#nav1 li a:visited { text-decoration: none; color: #fff; }
#nav1 li a:hover { text-decoration: none; color: #fff; }
#nav1 li a:link { text-decoration: none; color: #fff; }
#nav1 .home { }
#nav1 .home:hover { color: #d7ebe1; }
/*#home #nav1 .home {color:#ffb541; font-weight:bold;}*/
#nav1 .about { }
#nav1 .about:hover { color: #d7ebe1; }
#about #nav1 .about { color:#ffb541; font-weight:bold; }
#nav1 .programs { }
#nav1 .programs:hover { color: #d7ebe1; }
#programsover #nav1 .programs { color:#ffb541; font-weight:bold; }
#programs #nav1 .programs { color:#ffb541; font-weight:bold; }
#nav1 .projects { }
#nav1 .projects:hover { color: #d7ebe1; }
#projects #nav1 .projects { color:#ffb541; font-weight:bold; }
#nav1 .faculty { }
#nav1 .faculty:hover { color: #d7ebe1; }
#faculty #nav1 .faculty { color:#ffb541; font-weight:bold; }
#nav1 .alumni { }
#nav1 .alumni:hover { color: #d7ebe1; }
#alumni #nav1 .alumni { color:#ffb541; font-weight:bold; }
#nav1 .stu-resourcesover { }
#nav1 .stu-resources { }
#nav1 .stu-resourcesover:hover { color: #d7ebe1; }
#nav1 .stu-resources:hover { color: #d7ebe1; }
#stu-resourcesover #nav1 .stu-resources { color:#ffb541; font-weight:bold; }
#stu-resources #nav1 .stu-resources { color:#ffb541; font-weight:bold; }
#nav1 .events { }
#nav1 .events:hover { color: #d7ebe1; }
#events #nav1 .events { color:#ffb541; font-weight:bold; }
#eventsover #nav1 .events { color:#ffb541; font-weight:bold; }
#nav1 .contact { }
#nav1 .contact:hover { color: #d7ebe1; }
#contact #nav1 .contact { color:#ffb541; font-weight:bold; }
/* SECONDARY NAVIGATION */
#nav2 dd li { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#nav2 dd ul { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#nav2 dd { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#nav2 dt { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#nav2 { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#nav2 dd { display: block; }
#nav2 dt { display: block; }
#nav2 dl { display: block; }
#nav2 dt { display: block; }
/* The above rule sets the background image for the navigation links
the following rules switch the position of the image for each link.
This same technique is used for TERTIARY NAVIGATION as well.
The "selected" class is used to display the selected state of the items.
This class gets applied to the <dd> element
*/
#nav2 dt { font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 10px !Important; margin-top:15px !important; color: #fff; }
#nav2 dd { margin-bottom: 10px !important; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 8px; padding-left: 16px !important; }
#nav2 dd.selected { font-weight: bold; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: 0 8px; }
#nav2 dd.selected a:active { color: #ffb541; }
#nav2 dd.selected a:visited { color: #ffb541; }
#nav2 dd.selected a:link { color: #ffb541; }
#nav2 a:active { color: #e4e7e6; text-decoration: none; }
#nav2 a:visited { color: #e4e7e6; text-decoration: none; }
#nav2 a:link { color: #e4e7e6; text-decoration: none; }
#nav2 a:hover { color:#f5f991; }
#nav2 dd ul { display: none; }
#nav2 dd.selected ul { display: block; }
#nav2 dd li { font-size: 9px; font-weight: normal !important; margin: 0; text-transform:uppercase; padding-left: 13px !important; letter-spacing: 1px; }
#nav2 dd li a:active { color: #f8de83; display: inline; }
#nav2 dd li a:visited { color: #f8de83; display: inline; }
#nav2 dd li a:link { color: #f8de83; display: inline; }
#nav2 dd.selected a:hover { color: #fff; }
/* TERTIARY NAVIGATION */
#nav3 dd { list-style-type: none; text-indent: 0; }
#nav3 dt { list-style-type: none; text-indent: 0; }
#nav3 { list-style-type: none; text-indent: 0; }
dl#nav3 { }
#nav3 dd { display: block; }
#nav3 dt { display: block; }
dl#nav3 { display: block; }
#nav3 dt { font: bold 19px Arial, Helvetica, sans-serif; color: #ebe3c3; margin: 0 0 10px 0; }
#nav3 dd { background: #43504c; margin-bottom: 4px; background-image: url(../images/link_symbol2.gif); background-repeat: no-repeat; background-position: 226px 11px; width: 245px; }
#nav3 dd a { display: block; padding: 4px 6px; text-transform:uppercase; letter-spacing:.2em; font-size:10px; }
#nav3 a:active { color: #fff; text-decoration: none; }
#nav3 a:visited { color: #fff; text-decoration: none; }
#nav3 a:link { color: #fff; text-decoration: none; }
#nav3 a:hover { background:#566661; background-image: url(../images/link_symbol2_o.gif); background-repeat: no-repeat; background-position: 226px 11px; }
#nav3 a.selected { color: #fff; text-decoration: none; }
/* PAGINATION */
.pagerhead { font: bold 16px Arial, Helvetica, sans-serif; color: #666; margin-bottom: 12px; float: left; margin: 0; color: #480404; letter-spacing: 1px; }
.pagerheadRadu .back { padding-left: 21px; padding-right: 6px; background-image: url(../images/pager_back.gif); background-repeat: no-repeat; background-position: 0 4px }
.pagerheadRadu .next { padding-left: 6px; padding-right: 21px; background-image: url(../images/pager_next.gif); background-repeat: no-repeat; background-position: right 4px }
.pager .back { padding-left: 21px; padding-right: 6px; background-image: url(../images/pager_back.gif); background-repeat: no-repeat; background-position: 0 4px }
.pager .next { padding-left: 6px; padding-right: 21px; background-image: url(../images/pager_next.gif); background-repeat: no-repeat; background-position: right 4px }
.pager { text-align: right; border: solid 1px #ccc; color: #666; }
.pager a:active { text-decoration: none; color: #666; }
.pager a:visited { text-decoration: none; color: #666; }
.pager a:hover { text-decoration: none; color: #666; }
.pager a:link { text-decoration: none; color: #666; }
.top { border-width: 0; padding-top: 6px; margin-bottom: 16px; }
/* Radu Mod for bottom border projects page*/
.bottomproj { border-width: 0 0 1px 0; margin-top:-20px; }
.bottom { border-width: 0 0 1px 0; }
/*TEXT LISTS*/
table { width:100%; }
/*td {width:50%;}*/
table#Radu td:hover { background-color:#43504c; }
td a:link { text-decoration: none; color:#ffb541;}
td a:active { text-decoration: none; color:#ffb541;}
table#Radu td a:visited { text-decoration: none; color:#ffb541;}
table#Radu td a:hover { text-decoration: none; color:#ffb541;}
table#Radu td {padding-bottom:1em;}

td.headline { background:none; font: bold 13px/19px Arial, Helvetica, sans-serif; color: #990000; }
th { font-weight: bold }
td a.name { font-weight: bold }
td a:link { text-decoration:none; }

td a:active { text-decoration:none; }

td a:visited { text-decoration:none; }

td:hover { background-color:#dbdedd; }
td.nohover { background:none; }
/* TABLE STAFF LISTS */
table.staff-list td { padding:3px 0 0 0; }
table.staff-list tr:hover { background:none; }
table.staff-list td:hover { background:none; }
table.staff-list img { float:left; margin: 0 6px 0 0; }
table.staff-list a:active { color:#333; text-decoration:none; }
table.staff-list a:visited { color:#333; text-decoration:none; }
table.staff-list a:link { color:#333; text-decoration:none; }
table.staff-list a:hover { color:#990000; text-decoration:underline; }
table.staff-list h4 { font:bold 12px/19px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; }
/* OVERVIEW PAGE LISTS 
#programsover .main dl {font: normal 12px/17px Arial, Helvetica, sans-serif; padding-right: 36px;}
#programsover .main dt.over, #programsover .main dd.over{margin-left: 217px;}
#programsover .main dd.over {color: #333; margin-bottom: 20px; height:52px;}
#programsover .main dd.image {float: left; margin-left: 0; margin-top: -21px; margin-bottom: 0;}*/

/* NEW DARK COLOR  PROJECT LISTS - RADU MOD*/

.proj-listRadu dd { margin: 0; padding-top: 25px; float: left; }

.proj-listRadu dt { margin: 0; padding-top: 25px; float: left; }
.proj-listRadu dt { height: 10px; width: 100%; margin-top: 110px; font-weight: normal; font-size: 10px; }
.proj-listRadu dd {/*margin-left: -20%;*/ margin-top: -160px; margin-bottom: 25px; }/*this is the thumbnail image*/
dl.proj-listRadu { width: 100%; margin: 0; padding: 0; }
dl.proj-listRadu a:active { text-decoration: none; color: #535d5a; }



dl.proj-listRadu a:visited { text-decoration: none; color: #535d5a; }



dl.proj-listRadu a:hover { text-decoration: none; color: #535d5a; }



dl.proj-listRadu a:link { text-decoration: none; color: #535d5a; }



/* OLD LIGHT COLOR PROJECT LISTS */
dl.proj-list { width: 100%; margin: 0; padding: 0; }
dl.proj-list a:active { text-decoration: none; color: #535d5a; }
dl.proj-list a:visited { text-decoration: none; color: #535d5a; }
dl.proj-list a:hover { text-decoration: none; color: #535d5a; }
dl.proj-list a:link { text-decoration: none; color: #535d5a; }
.proj-list dd { margin: 0; padding: 0; float: left; }
.proj-list dt { margin: 0; padding: 0; float: left; }
.proj-list dt { height: 10px; width: 100%; margin-top: 110px; font-weight: normal; font-size: 10px; }
.proj-list dd {/*margin-left: -20%;*/ margin-top: -110px; margin-bottom: 25px; }/*this is the thumbnail image*/
#projects #colM td { width:120px; border:none;}
/* FOOTER */
#footer li { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
#footer ul { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
#footer a:active { color: #8f8f8d; text-decoration: none; }
#footer a:visited { color: #8f8f8d; text-decoration: none; }
#footer a:hover { color: #8f8f8d; text-decoration: none; }
#footer a:link { color: #8f8f8d; text-decoration: none; }
#footer li { float: left; padding-right: 17px; font-weight: bold; }
#footer .department { padding-left: 135px; }
#footer .email a { color: #fff; padding-right: 7px; margin-right: 7px; border-right: solid 1px #fff; }
#footer .phone { color: #fff; padding-right: 7px; margin-right: 7px; border-right: solid 1px #fff; }
#footer .department { color: #fff; padding-right: 7px; margin-right: 7px; border-right: solid 1px #fff; }
#footer .email a { padding-right: 0; margin-right: 0; border-right: none; }
#footer address { clear: both; font-size: 11px; line-height: 15px; padding-top: 13px; }
/* TYPOGRAPHY */
#colM { font:12px/24px Arial, Helvetica, sans-serif; color:#333; }


#colM p { font:12px/24px Arial, Helvetica, sans-serif; color:#333; }


#colM a:visited { text-decoration:none; color:#41625d; }


#colM a:active { text-decoration:none; color:#41625d; }


#colM a:link { text-decoration:none; color:#41625d; }
#colM dd.selected a:visited { text-decoration:none; color:#993300; }
#colM dd.selected a:active { text-decoration:none; color:#993300; }
#colM dd.selected a:link { text-decoration:none; color:#993300; }
#colM a.selected a:visited { text-decoration:none; color:#993300; }
#colM a.selected a:active { text-decoration:none; color:#993300; }
#colM a.selected a:link { text-decoration:none; color:#993300; }
#colM a:hover { color:#990000; }
#main h1 { font: normal 29px/35px Helvetica, Arial, sans-serif; color: #fff; letter-spacing: 1px; margin-top: 0; margin-bottom: 0; }
#department h1 { font: normal 29px/35px Helvetica, Arial, sans-serif; color: #fff; letter-spacing: 1px; margin-top: 0; margin-bottom: 0; }
#main #overbanner h1 { color:#fff }
#main h1 { font: normal 30px/34px Georgia, "Times New Roman", Times, serif; color: #2c312f; margin: 0 0 20px 0; }
#main h2 { font: bold 19px/25px Arial, Helvetica, sans-serif; color: #993300; margin-bottom: 12px; float: none; }
div.content-pad h2 { font: bold 19px/25px Arial, Helvetica, sans-serif; color: #993300; margin-bottom: 12px; float: none; }
#eventsover #main h2 { margin:0; padding:0; }
.pagerheadRadu { font: bold 16px Arial, Helvetica, sans-serif; color: #512613; margin-bottom: 12px; float: left; margin: 0 0 0 0; color: #ebe3c3; letter-spacing: 1px; }
.pagerhead { font: bold 16px Arial, Helvetica, sans-serif; color: #512613; margin-bottom: 12px; float: left; margin: 0 0 0 0; color: #480404; letter-spacing: 1px; }
#main h3 { font: bold 15px/22px Arial, Verdana, Helvetica, sans-serif; color: #4d5c5d; margin: 5px 0 10px 0; }
#contact #main h3 { margin: 0; }
div.content-pad h3 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; margin-bottom: 4px; float: none; }
div.project-des h3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #930; margin: 0; float: none; }
div.project-des h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #52511d; margin: 0 0 3px 0; float :none; }
#main h4 { color: #333; margin: 4px 0 0 0; float:none; letter-spacing: 1px; font: bold 11px/19px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }
#main h5 { font:bold 12px/19px Georgia, "Times New Roman", Times, serif; color:#41625D; letter-spacing:0.1em; font-style:italic; }
.headline4 { color: #333; margin: 0; float:none; letter-spacing: 1px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }
#colM ul { margin: 5px 0 5px 0; padding:0px; }
/*#colM li {color:#333; background-image: url(../images/bullet3.gif); background-repeat: no-repeat; background-position: 0 9px;display: list-item; list-style-position: outside; padding-left: 20px;}*/

/* ALUMNI LISTS */
dl.alum-list { width: 100%; margin: 0 0 0 0; padding: 0; }
dl.alum-list a:active { text-decoration: none; color: #b51f24; }
dl.alum-list a:visited { text-decoration: none; color: #b51f24; }
dl.alum-list a:hover { text-decoration: none; color: #b51f24; }
dl.alum-list a:link { text-decoration: none; color: #b51f24; }
.alum-list dd { margin: 0 0 0 0; padding: 0 0 0 0; float:left; }
.alum-list dt { margin: 0 0 0 0; padding: 0 0 0 0; float:left; }
.alum-list dt { height: 20px; width:300px; margin: 12px 0 0 0; }
.alum-list dd { margin-top: 30px; margin-left: -300px; }
/*#alumni dd.headshot { margin-top: 0; margin-left: -296px; margin-bottom: 6px;}*/
/*#alumni dt.headline {font: bold 16px Arial, Helvetica, sans-serif; float:left; width:500px; margin: 0 0 12px 0;color: #512613;}*/

/* MISCELLANEOUS */
div.news-and-events { padding: 12px 12px 0 16px; min-height:200px; background-image: url(../images/home-col.gif); background-repeat: repeat-y; background-position: 0 0; }
div.news-and-events h2 { font: normal 17px Verdana, Arial, Helvetica, sans-serif; color: #740404; margin: 0 0 10px 0; }
div.news-and-events li { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
div.news-and-events ul { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
div.news-and-events ul { }
div.news-and-events li { font: normal 12px/18px Arial, Helvetica, sans-serif; margin-bottom: 13px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 7px; padding-left: 16px; padding-bottom:10px; }
div.news-and-events li img { padding-left: 4px; }
div.news-and-events h1 { }
div.news-and-events span.type { font-weight: bold; padding-right: 14px; margin-right: 14px; border-right: solid 1px #000; }
#colM div.news-and-events a:active { color: #333; text-decoration: none; }
#colM div.news-and-events a:visited { color: #333; text-decoration: none; }
#colM div.news-and-events a:link { color: #333; text-decoration: none; }
#programs .main dl { font: normal 12px/17px Arial, Helvetica, sans-serif; padding-right: 36px; }
#colM div.news-and-events a:hover { color:#000; }
/*#programs .main dt, #programs .main dd {margin-left: 217px;}*/
#programs .main dd { color: #333; margin-bottom: 20px; }
#programs .main dd.image { float: left; margin-left: 0; margin-top: -21px; margin-bottom: 0; }
#programs .main dt a:active { color: #000; text-decoration: none; }
#programs .main dt a:visited { color: #000; text-decoration: none; }
#programs .main dt a:hover { color: #000; text-decoration: none; }
#programs .main dt a:link { color: #000; text-decoration: none; }
img.right { float: right; margin: 0 0 20px 40px; }
.clear { clear: both; }
.content-pad { padding: 20px 12px; }
/*div.person-contact dl { font: normal 12px/17px Arial, Helvetica, sans-serif; margin-top:8px !important; }
div.person-contact dd { color: #333; margin-bottom: 5px !important; }
.title { color:#666; margin-right: 5px; }*/
/* FACULTY MEMBER NAV */
.faculty-nav { border-bottom:1px dotted #ccc; height:25px; width:100%; }
.faculty-nav ul li { list-style:none; list-style-type: none !important; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; float: left; display: block; list-style:none; }
.faculty-nav ul { list-style:none; list-style-type: none !important; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; float: left; display: block; list-style:none; }
.faculty-nav ul.nav { width: 300px; }
.faculty-nav ul.nav a:active { text-decoration: none; color: #510404; letter-spacing: 1px; font-weight: bold; margin-right: 24px; }
.faculty-nav ul.nav a:visited { text-decoration: none; color: #510404; letter-spacing: 1px; font-weight: bold; margin-right: 24px; }
.faculty-nav ul.nav a:hover { text-decoration: none; color: #510404; letter-spacing: 1px; font-weight: bold; margin-right: 24px; }
.faculty-nav ul.nav a:link { text-decoration: none; color: #510404; letter-spacing: 1px; font-weight: bold; margin-right: 24px; }
.faculty-nav ul.nav a.selected { color:#000; }
.faculty-nav #faculty_select { float: right; margin: 0 0 0 0; padding: 0 0 0 0; }
.faculty-nav a { padding:0; }
.person-intro {/*border-bottom: dashed 1px #a5a46b; border-top: solid 1px #a5a46b; */ padding-bottom: 5px; padding-top: 12px !important; margin-top: 3px; margin-bottom: 5px }
#colM .person-intro h2 { font: bold 25px Arial, Helvetica, sans-serif; color: #333232; letter-spacing: 1px; margin-left: 100px; margin-bottom: -28px; margin-top: 0; float: none; }
#colM .person-intro h4 { margin: -56px 0 30px 100px; font-weight:normal; }
/* PROJECT NAVIGATOR */
.project-nav dd { list-style-type: none; float: left; margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
.project-nav dt { list-style-type: none; float: left; margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
.project-nav dl { list-style-type: none; float: left; margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
.project-nav dl { display: block; width: 35%; margin: 15px 0 10px 0 !important; clear: both; }
.project-nav dt { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin-top: 2px; margin-right: 7px; color: #52511d; }
.project-nav dd { font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 0 7px; }
.project-nav a:active { text-decoration: none; color: #52511d; }
.project-nav a:visited { text-decoration: none; color: #52511d; }
.project-nav a:hover { text-decoration: none; color: #52511d; }
.project-nav a:link { text-decoration: none; color: #52511d; }
.project-nav .selected a { color: #993300; }
.project-nav .thumbnails { margin-bottom:6px; float: right; }
#project-image { float:left; }
.project-nav { }
.project-nav .thumbnails a { padding-bottom:2px; }
.project-nav .thumbnails a:hover { background: #fff; }
.project-nav .thumbnails .selected { background: #930; }
div.project-nav ul.thumbnails li { list-style-type: none; float: left; margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
div.project-nav ul.thumbnails { list-style-type: none; float: left; margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
#main .project-nav li { list-style-type: none; }
#main .project-nav ul li { list-style-type: none; }
div.backthumbnails { float:left; padding-left: 21px; margin:0; background-image: url(../images/pager_back.gif); background-repeat: no-repeat; background-position: 0 7px }
#project-view { width: 100%; margin: 0 auto; padding-top:5px; clear:both; display :block; }
#project-view dl { padding-right:1000px; }
.project-des { width: 100%; margin: 0 auto; float:left }
project-view img { text-align: center; }
#flash { display:block; width:100%; }
.email{ white-space:nowrap;}
#news-other{ position:relative;background: url(../images/home-col.gif) repeat-y 0 0; }