body {
max-width: 1260px;
min-width: 780px;
margin: 0; 
padding:0px;
text-align:center;
/*background-color: #EEE;*/
/*background-color: #E5E5F7;*/
/*background-color: #D9D9DF;*/
/*background-color: #D9DFC8;*/
/*background-color: #B9BFC7;*/
/*background-color: #CEC9DF;*/
background-color: #C2CBCE;
font-size: 100%;
font-family: tahoma, verdana, "courier new", arial, "times new roman", sans-serif;
/* for IE 6 & IE7 */
/*behavior: url(csshover3.htc); */
}

/*
h1 {font-size: 2.5em; text-align: center;}
h2 {font-size: 1.8em; text-align: center;}
h3 {font-size: 1.5em; text-align: center;}
h4 {font-size: 1.0em; text-align: center;}
h5 {font-size: 0.8em; text-align: center;}
p {font-size:14px;}
*/
h1 {font-size:225%; text-align: center;}
h2 {font-size:175%; text-align: center;}
p {font-size:13px;}
/*{h3 font-size: small;}*/
h3 { font-variant: small-caps}
{h4 font-size: smaller;}
{h5 font-size: x-small}
{h6 font-size: xx-small}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer
{
/*background: #f0e7d7;*/
/*DCC Chg*/
/*margin: 0 auto;*/
margin: 0 0 0 40px;
padding: 1em 0 0 0;
/*font-family: georgia, serif;*/
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
/*margin: 0;*/
margin: 0 auto;
width: 85%;
font-size: 1.0em;
}

ul#navlist li
{
display: block;
float: left;
/*DCC Chg*/
font-size: 100%;
/*width: 15%;*/
width: 11%;
margin: 0;
/*DCC optional chg: (Use to separate tabs)*/
/*margin: 0 4px 0 0;*/
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
/*DCC Chg*/
/*padding: 0.5em;*/
font-size: 100%;
padding: 0.2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
/*DCC Chg*/
text-align: center;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{

background: #f0e7d7;
color: #800000;
/*background: transparent;*/
border-color: #aaab9c #fff #fff #ccc;

}

ul#navlist li a:hover, ul#navlist li#active a:hover {
/*
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
*/
background: #f0e7d7;
color: #800000;
}
span.float-right {
    FLOAT: right;
    POSITION: static
}
/* End Centered Nav Bar */

#content-container {
/* height: 100%; (deprecated in HTML 4) */
/*margin: 30px 0 5px 10px;*/
margin: 5px 40px 10px 50px;
padding: 20px;
/*
margin-left: auto;
margin-right: auto;
*/
text-align: left;
/* for testing only*/
/*border: 2px solid #8B0000;*/
}
#head-studio-homepage {
/*clear: both;*/
float: left;
/*font-family: "Times New Roman", sans-serif;*/
width: 10%;
/*background-color: #EDEFDC;*/
/*GRADIENT BG:*/
/* fallback */ background-color: #EDEFDC; 
/* Firefox 3.6+ */ background: -moz-linear-gradient(left, #FDFFEA, #CFD0C0); 
/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#CFD0C0), to(#FDFFEA)); 
/* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(left, #FDFFEA, #CFD0C0); 
/* Opera 11.10+ */ background: -o-linear-gradient(left, #FDFFEA, #CFD0C0);
/*------------*/
margin: 40px 0 0 80px;
text-align: left;
padding: 6px;
border-left: 6px solid #E7E7E7;
border-top: 4px solid #BBB;
border-right: 4px solid #BBB;
border-bottom: 3px solid #999;
/*comment out border-radius for IE*/
/*
border-top-right-radius: 75px;
border-bottom-right-radius: 4px;
border-top-left-radius: 10px;
border-bottom-left-radius: 7px;
/*
-moz-border-radius-topright: 75px; /* FF1+ */
-moz-border-radius-bottomright: 4px; /* FF1+ */
-moz-border-radius-topleft: 10px; /* FF1+ */
-moz-border-radius-bottomleft: 7px; /* FF1+ */
}

#content-studio-addr {
/*clear: right;*/
float: left;
margin-top: 60px;
margin-left: 25px;
padding-left: 20px;
color: #333;
font-size: 100%;
font-family: "Times New Roman", Arial, sans-serif;
text-align: left;
/*border-left: 2px solid #AAA;*/
}

/*--------- nav for use in horiz-drop.html & sa_links.html -------------*/
/* code for sa_links.html */
/*moved to L1062*/
/*
#nav-wrapper {
    position: relative;
    height: 40px;
	/*DCC chg*/ 
    /*width: 70%;*/
    /*background: url('nav-bg.png') top left repeat-x;*/
    /*background: url('BG#E3E9D1.JPG') top left repeat-x;*/
	/*background-color: #E3E9D1;*/
    /*chg end*/
	/*border: 1px solid #999;*/ 
    /*comment out border-radius for IE*/
	/*border-radius: 6px;*/
	/*
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	}
*/
/*DCC chg*/ 
/*
ul {
    height: 30px;
    margin: 0; padding: 0;
    position: absolute;
}
*/
/*DCC addition*/
#nav {
    margin: 0; padding: 0;
    position: absolute;
}
/*-----*/
ul li {
    line-height: 30px;
    float: left;
    list-style-type: none;
    margin: 0; padding: 0;
    font-size: 18px;
}
 
ul li a {
    display: block;
    padding: 5px 10px;
}
 
#nav a, #nav a:link, #nav a:visited {
    color: #555;
    text-decoration: none;
}

/*DCC addition: ???*/
/*
#nav ul li:first-child {
color: #FFF;
background-color: #000;
}
*/
#nav-head {background-color: transparent; font-weight: bold;
padding-top: 5px;
}
/*-----*/
/*add styles to submenu*/
/*DCC addition*/
#nav .subnav li:first-child a:hover{color: green; font-weight: normal;}

#nav ul:first-child li a:hover {
color: #8b0000;
font-weight: normal;
}
/*-----*/
.subnav {
    height: 40px;
    overflow: hidden;
    z-index: 9999;
    margin: 0; padding: 0;
	transition: height 0.2s linear;
    -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
}
 
.subnav:hover {
/*DCC chg*/
/*height: 120px;*/
height: 160px;
color: #8b0000;
/*-----*/
}
 
.subnav li {
    clear: left;
    height: 30px;
    z-index: 9999;
    background: #ddd;
    width: 100%;
    height: 25px;
    font-size: 14px;
    line-height: 20px;
}
 
.subnav li:first-child {
    clear: none;
    background: transparent;
    margin: 0 0 11px 0;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
}
 
.subnav li:first-child a {
    padding: 5px 10px;
}
 
.subnav li a {
    height: 15px;
    padding: 5px;
}
 
.subnav li:last-child {
    /*comment out border-radius for IE*/
    /*border-radius: 0 0 5px 5px;*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    overflow: hidden;
/*DCC addition*/	
	padding-bottom: 5px;
}
/* sa_links.html end*/
/*--------- End horiz-drop.html & sa_links.html --------*/
#head-studio {
width: 100%;
/*font-family: "Lucida Sans", Verdana, Arial, "Times New Roman", sans-serif;*/
font-weight: bold;
/*color: #0000CD;*/
color: #00008B;
background-color: transparent;
/*
border-top: 1px solid #0000CD;
border-bottom: 1px solid #0000CD;
*/
margin: 10px 5px 5px 5px;
padding: 3px 0px 3px 0px;
text-align: center;
}

#newsletter-link {
/*clear: left;*/
float: left;
margin: 3px 0 0 3px;
/*font-size: 11px;*/
}
#newsletter-head-container {
margin: 0 auto;
width: 100%;
background-color: #CCC;
}
#newsletter-head {
color: #8B0000;
/*background-color: #CCC;*/
font-size: 135%;
/*font-weight: bold;*/
/*text-align: left;*/
text-align: left;
width: 100%;
margin: 25px 0 3px 30px;
/*padding: 0 0 4px 30px;*/
padding: 0;
}

#subhead {
width: 100%; padding: 0;
text-align: left;
margin: 0;
background-color: #8B0000;
} 

#leftalign {
/*position:absolute; top:14%; left:5%;*/
clear: both;
float: left;
/*font-family: Verdana, Arial, sans-serif;*/
/*font-weight: bold;*/
text-align: left;
/*width: 100%;*/
width: 40%;
font-size: 12px;
color: #FFF;
background-color: #8B0000;
margin: 0;
padding: 2px 0 2px 30px;
}

#rightalign {
/*position:absolute; top:14%; right:5%;*/
/*float: right;*/
float: left;
/*font-family: Verdana, Arial, sans-serif;*/
font-size: 12px;
/*font-weight: bold;*/
text-align: right;
/*width: 100%;*/
width: 40%;
color: #FFF;
background-color: #8B0000;
margin: 0;
padding: 2px 20px 2px 0;
}

#newsletter-link-p2 {
clear: left;
float: left;
margin: 3px 0 0 5px;
/*font-size: 11px;*/
}

#newsletter-head-p2 {
clear: left;
text-align: left;
width: 90%; 
/*margin: 20px 0 0 40px;*/
margin: 25px 0 3px 30px;
padding: 0;
color: #8B0000;
background-color: transparent;
font-size: 16px;
border-bottom: 1px solid #000;
}

#content-container-newsletter-p1 {
/* height: 100%; (deprecated in HTML 4) */
font-size: 90%;
margin: 5px 30px 20px 30px;
padding: 20px;
text-align: left;
/*border: 1px solid #000;*/
width: 100%;
}
/*
#subhead-p2 {
width: 100%; padding: 0;
text-align: left; }
*/

/*Obsolete?*/
#leftalign-p2 {
/*position:absolute; top:14%; left:5%;*/
clear: both;
float: left;
/*font-family: Verdana, Arial, sans-serif;*/
/*font-weight: bold;*/
text-align: left;
/*width: 100%;*/
width: 40%;
font-size: 14px;
color: #8B0000;
background-color: transparent;
margin-left: 30px;
padding: 2px 0 2px 30px;
border-bottom: 1px solid #000;
}
/*Obsolete?*/
#rightalign-p2 {
/*position:absolute; top:14%; right:5%;*/
/*float: right;*/
float: left;
/*font-family: Verdana, Arial, sans-serif;*/
font-size: 13px;
/*font-weight: bold;*/
text-align: right;
/*width: 100%;*/
width: 40%;
color: #8B0000;
background-color: transparent;
margin: 0;
padding: 2px 20px 2px 0;
border-bottom: 1px solid #000;
}

#content-container-newsletter-p2 {
/* height: 100%; (deprecated in HTML 4) */
font-size: 90%;
margin: 5px 30px 20px 30px;
padding: 20px;
text-align: left;
/*border: 1px solid #000;*/
width: 100%;
}

#content-newsletter-col1 {
float: left;
width: 40%;
/*margin: 10px 10px 5px 15px;*/
margin: 5px;
text-align: justify;
}
#content-newsletter-box {
margin: 5px;
padding: 4px;
text-align: left;
border: 2px solid #000;
-moz-border-radius: 10px; /* FF1+ */
-webkit-border-radius: 10px; /* Saf3-4 */
    /*comment out border-radius for IE*/
/*border-radius: 10px;*/ /* Opera 10.5, IE 9, Saf5, Chrome */
/*background-color: #DDD;*/
background-color: #D3D3E9;
}

#content-newsletter-col2 {
float: left;
width: 40%;
/*margin: 10px 5px 5px 10px;*/
margin: 5px 0 0 10px;
text-align: justify;
}

#content-newsletter-box2 {
width: 35%;
/*margin: 0 5px 5px 25px;*/
margin: 0 0 0 50px;
padding: 4px;
text-align: center;
/*background-color: #DDD;*/
background-color: #D3D3E9;
border: 4px double #000;
-moz-border-radius: 11px; /* FF1+ */
-webkit-border-radius: 11px; /* Saf3-4 */
/*comment out border-radius for IE*/
/*border-radius: 10px;*/ /* Opera 10.5, IE 9, Saf5, Chrome */
}

#newsletter-career-op {
float: left;
width: 60%;
text-align: left;
margin: 0px 0 0 5px;
padding: 0;
font-size: 90%;
}

#newsletter-link-box {
float: right;
width: 15%;
/*margin: 0 auto;*/
margin: 0;
padding: 3px;
text-align: center;
/*background-color: #DDD;*/
background-color: #FFF;
-moz-border-radius: 11px; /* FF1+ */
-webkit-border-radius: 11px; /* Saf3-4 */
/*comment out border-radius for IE*/
/*border-radius: 10px;*/ /* Opera 10.5, IE 9, Saf5, Chrome */
border: 1px solid #8B0000;
}

#newsletter-footer-heading {
width: 90%;
text-align: center;
margin: 5px;
}

#content-newsletter-footer {
/*clear: both;*/
float: left;
width: 90%;
margin: 5px 10px 5px 10px;
padding: 0;
text-align: left;
}

/*used in sa_newsltr-p1.html and sa_newsltr-p2.html to create an abundant whitespace between pages 1 & 2*/
/*needed because page 1 content is not long enough, so when linking to page 2, page 2 is nearer to top of screen*/

#whitespace {
margin-top:425px;
margin-bottom: 425px;
}

#fixed-position-backlink {
float:right;
/*
font-size: smaller;
color: #0000FF;
background-color: #FFF;
border: 1px solid #000;
padding: 3px;
*/
position:fixed; top:10%; right:5%; 
}
#email-form {
margin-left: 150px;
padding: 5px;
font-size: 100%;
text-align: left;
}

.content-common {
/*
clear: left;
float: left;
*/
margin-left: 5%;
margin-right: 5%;
padding: 5px;
/*font-size: 95%;*/
font-size: 100%;
/*font-family: "Times New Roman", Arial, sans-serif;*/
text-align: left;
}

#IAC-line {
clear: left;
float: left;
margin: 10px;
padding: 0;
font-size: 100%;
}

/*
#pic-studio {
float: left;
margin-top: 40px;
width: 225px;
height: 181px;
margin-left: 20px;
padding: 0px;
border: 8px solid #666;
border-style: outset;}
*/

/*
#head-studio-homepage {
float: left;
width: 20%;
background-color: #FFF;
margin: 40px 0 0 80px;
padding-left: 6px;
text-align: left;
background-color: transparent;
border-left: 6px solid #CCC;
}
*/

#calendar {
margin-left: 20px;
}
#playlist {
margin-left: 20px;
}

#driving-dir {
/*clear: both;*/
float: left;
font-size:90%;
/*background-color: #F0F0C2;*/
/*background-color: #D3D3E9;*/
background-color: #EDEFDC;
margin: 70px 0 0 40px;
padding: 0 5px 0 5px;
border: 1px solid #AAA;
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3-4 */
/*comment out border-radius for IE*/
/*border-radius: 12px;*/ /* Opera 10.5, IE 9, Saf5, Chrome */
}

#opendns-button {
clear: both;
/*
float: right;
margin: 0 50px 0 0;
*/
float: left;
margin: 150px 0 0 5px;
padding: 0px;
}

/*Note: this will cause "ALL" tables to be striped*/
/* 
 tr:nth-of-type(odd) {
 background-color: #EEE;} 
 tr:nth-of-type(even) {
background-color: #CCC; } 
*/
 
/*Require a class so that only specific tables are affected by striping */
/* need to add "class="zebrastripe" to table element in HTML file */
/*possible color combos:*/
/*#EEE / #CCC*/
/*#C2C79F / #DBE0BF */
/*#D6D4C4 / #C4C1D6 */
/*#E0E4CB / #CDCCBA */
/*#EDF3DA */
/*using same colors for odd.even eliminates zebra stripng effect*/
/*
#faculty-list1.zebrastripe tr:nth-of-type(odd) {background-color: #D3D3E9;}
#faculty-list1.zebrastripe tr:nth-of-type(even) {background-color: #EEE;} 
#faculty-list2.zebrastripe p:nth-of-type(odd) {background-color: #D3D3E9; padding: 2px 0;}
#faculty-list2.zebrastripe p:nth-of-type(even) {background-color: #D3D3E9; padding: 2px 0;}
*/

#faculty-list1 .style-fac {font-weight: bold; background-color: #CACAE9; padding: 2px; font-size: 13px; width: 100%;}
#faculty-list1 .style-fac2 {font-weight: normal; color: #000; background-color: transparent; padding: 1px; font-size: 12px;}

#faculty-list2 .style-fac {font-weight: bold; background-color: #CACAE9; padding: 2px; font-size: 13px; width: 100%;}
#faculty-list2 .style-fac2 {font-weight: normal; color: #000; background-color: transparent; padding: 1px; font-size: 12px;}
/*----*/

/*
#instrument-list1 .style-inst {font-weight: bold; color: #FFF; background-color: #A8BAA8; padding: 2px; font-size: 13px;}
*/
#instrument-list1 .style-inst {font-weight: bold; color: #666; background-color: #CACAE9; padding: 2px; font-size: 13px;}
#instrument-list1 .style-inst2 {font-weight: normal; color: #666; background-color: transparent; padding: 1px; font-size: 12px;}
/*
#instrument-list2 .style-inst {font-weight: bold; color: #FFF; background-color: #A8BAA8; padding: 2px; font-size: 13px;}
*/
#instrument-list2 .style-inst {font-weight: bold; color: #666; background-color: #CACAE9; padding: 2px; font-size: 13px;}
#instrument-list2 .style-inst2 {font-weight: normal; color: #666; background-color: transparent; padding: 1px; font-size: 12px;}

#faculty-list1 td a:hover, #faculty-list2 td a:hover {
color: #FF0000;
}
/*BEGIN FACULTY-CONTAINER-ALL*/
/*Main container for faculty list & instrument list*/
#faculty-container-all {
margin: 5px auto;
background-color: transparent;
text-align: center;
padding: 0;
/* for testing only*/
/*border: 2px solid #8B0000;*/
}

#faculty-all-header {
/*
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
*/
/*background: #EEE;*/
/*color: #800000;*/
color: #00008B;
background-color: transparent;
margin: 5px 0 5px 0;
padding: 2px 0 1px 0;
width: 100%;
font-family: "Lucida Sans", Verdana, Arial, "Times New Roman", sans-serif;
font-weight: bold;
}

/* BEGIN FACULTY-LIST:*/
/*Container for list1 and list2*/
#faculty-list-container {
/*
position: absolute;
top: 70px;
left: 30px;
*/
float: left;
width: 40%;
/*margin: 20px 10px 5px 70px;*/
margin: 20px 10px 5px 50px;
/*
margin-left: auto;
margin-right: auto;
*/
color: #000;
/*background-color: transparent;*/
/*background-color: #EEE;*/
background-color: #E3ECF2;
border: 1px solid #666;
/*border-radius: 6px;*/
/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
*/
padding: 0;
}

#faculty-header {
/*background-color: #DDD;*/
background-color: #CACAE9;
color: #000;
border-bottom: 1px solid #666;
font-weight: bold;
text-align: center;
padding: 2px 0 3px 0;
font-size: 100%;
margin: 0;
}

/*List1*/
#faculty-list1 {
float: left;

border: 1px solid #AAA;
/*comment out border-radius for IE*/
/*test:
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 20px 10px 20px 30px;
*/
/*test:*/
margin: 20px 10px 20px 20px;
/*-----*/
width: 40%;
padding-bottom: 5px;
background-color: #EDF3DA;
/*background-color: transparent;*/
}

/*List2*/
#faculty-list2 {
float: left;
border: 1px solid #AAA;
/*comment out border-radius for IE*/
/*test:
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 20px 10px 20px 20px;
*/
/*test:*/
/*margin: 20px 10px 20px 0;*/
margin: 20px 10px 20px 20px;
/*-----*/
width: 40%;
padding-bottom: 5px;
background-color: #EDF3DA;
/*background-color: transparent;*/
}

/*table, th, td {*/
table, th, tr {
border: 0px solid black;
border-collapse:collapse;
width: 100%;
}

#faculty-footer {
clear: both;
/*float: left;*/
/*
color: #000;
background-color: #FFF;
border-top: 1px solid #000;
*/
/*
color: #FFF;
background-color: #999;
*/
color: #000;
/*background-color: #DDD;*/
background-color: #CACAE9;
border-top: 1px solid #666;
font-weight: normal;
text-align: center;
padding: 3px;
font-size: 90%;
margin:5px 0 0 0;
font-style: italic;
}

/*note: colors of instrument names are determined by "class=styleit" and class="styleit2"*/

#instrument-list-container {
width: 40%;
float: left;
margin: 20px 10px 5px 10px;
border: 1px solid #666;
/*
/*comment out border-radius for IE*/
/*border-radius: 6px;*/
/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
/*
/*background-color: transparent;*/
/*background-color: #EEE;*/
background-color: #E3ECF2;
padding: 0;
}

#instr-list-header {
/*background-color: #CDCCBA;*/
/*background-color: #DDD;*/
/*background-color: #A1B09D;*/
background-color: #CACAE9;
color: #000;
border-bottom: 1px solid #666;
font-weight: bold;
text-align: center;
padding: 2px 0 3px 0;
font-size: 100%;
margin: 0;
}

#instrument-list1 {
float: left;
border: 1px solid #AAA;
/*comment out border-radius for IE*/
/*test:
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
margin: 20px 10px 20px 30px;
*/
/*test:*/
margin: 20px 10px 20px 20px;
/*-----*/
color: #FAFAD2;
/*background-color: #FFF;*/
/*background-color: #F4F8DD;*/
/*background-color: #E3E9D1;*/
background-color: #EDF3DA;
width: 40%;
padding-bottom: 5px;
}

#instrument-list2 {
float: left;
border: 1px solid #AAA;
/*comment out border-radius for IE*/
/*test:*/
/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin: 20px 10px 20px 20px;
*/
margin: 20px 10px 20px 20px;
color: #FAFAD2;
/*background-color: #FFF;*/
/*background-color: #F4F8DD;*/
/*background-color: #E3E9D1;*/
background-color: #EDF3DA;
/*margin: 20px 10px 20px 30px;*/
width: 40%;
padding-bottom: 5px;
}

#menu {
position: absolute; /* Menu position that can be changed at will */
/*dcc chg*/
/*top: 0;*/
/*right: 0;*/
top: 85px;
right: 10px;
width: 12em;
/*chg end*/
}
#menu dt {
/*this is main menu item (instrument)*/
cursor: pointer;
margin: 2px 0;
/*height: 20px; (deprecated in HTML 4)*/
/*line-height: 20px;*/
text-align: center;
/*font-family: Raavi, Verdana, "Times New Roman", sans-serif;*/
font-size: 90%;
/*font-weight: bold;*/
font-weight: normal;
color: #CAE1FF;
background-color: #000;
border: 1px solid #000;
}
#menu dd {
/*font-family: Raavi, Verdana, "Times New Roman", sans-serif;*/
/*this is dropdown submenu (person name)*/
/*DCC Chg*/
/*border: 1px solid gray;*/
/*
border: 1px solid #8B0000;
*/
border: 1px solid #000;
font-size: 100%;
/*DCC Chg End*/
}
#menu li {
text-align: center;
/*text-align: left;*/
/*DCC Chg*/
/*Person name background color*/
background: #DDD;
/*DCC Chg End*/
}
#menu li a, #menu dt a {
/*this is dropdown submenu (person name)*/
/*DCC Chg*/
/*color: #0000CD;*/
color: #660000;
/*DCC Chg End*/
text-decoration: none;
display: block;
border: 0;
/* height: 100%;  (deprecated in HTML 4) */
/*DCC Chg:*/
font-size: 90%;
/*DCC Chg End*/
}
#menu li a:hover, #menu dt a:hover {
/*hover colors for person name*/
/*
color: #87CEEB;
background-color: #000;
border: 1px solid #000;
*/
/*color: #FFF;*/
/*color: #0000CD;*/
/*color: #BDB76B;*/
color: #F0E68C;
/*
background-color: #8B0000;
border: 1px solid #000;
*/
/*background-color: #0000FF;*/
background-color: #660000;
/*border: 1px solid #666;*/
/*DCC Chg End*/
/*End "View Menu Chg"*/
}

#menu li a:hover, #menu dt a:hover {
/*hover colors for person name*/
/*
color: #87CEEB;
background-color: #000;
border: 1px solid #000;
*/
/*color: #FFF;*/
/*color: #0000CD;*/
/*color: #BDB76B;*/
color: #F0E68C;
/*
background-color: #8B0000;
border: 1px solid #000;
*/
/*background-color: #0000FF;*/
background-color: #660000;
/*border: 1px solid #666;*/
/*DCC Chg End*/
/*End "View Menu Chg"*/
}

div#menu-links {
/*font-family: Arial, Verdana, "Times New Roman", sans-serif;*/
padding: 0px 0px 0px 5px;
margin: 6px 0px 0px 55px;
background-color: #EEE;
}

#content-left-about {
/*float: left;*/
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
font-size: 85%;
/*font-family: "Times New Roman", Arial, sans-serif;*/
text-align: left;
}

#content-right {
float: right;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
font-size: 90%;
/*font-family: "Times New Roman", Arial, sans-serif;*/
text-align: left;
}

/*faculty-content-right-narrow used in faculty module*/
#faculty-content-right-narrow {
float: right;
/* CHG:
/*
margin-top: 65px;
margin-right: 14em;
*/
position: absolute;
top: 110px;
width: 12em;
right: 18em;
/*chg end*/
font-size: 80%;
/*font-family: "Times New Roman", Arial, sans-serif;*/
text-align: left;
color: #8B0000;
background-color: #FFF;
border: #8B0000 1px solid;
padding: 10px 2px 10px 11px;
}

/*
#content-right-narrow {
float: right;
margin: 10px;
padding: 10px 0px 0px 10px;
width: 47%;
font-size: 90%;
font-family: "Times New Roman", Arial, sans-serif;
text-align: left;
}
*/
#content-right-narrow-about {
float: right;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 10px;
width: 46%;
font-size: 90%;
/*font-family: "Times New Roman", Arial, sans-serif;*/
text-align: left;
}
#content-common-narrow-news {
float: left;
width: 47%;
margin: 10px 0px 10px 60px;
font-size: 150%;
color: #8B0000;
font-weight: bold;
/*font-family: "Times New Roman", Arial, sans-serif;*/
text-align: left;
}

#pic-newsworthy {
/*clear: left;*/
/*float: left;*/
width: 200px;
height: 120px;
margin-top: 20px;
margin-left: 0px;
}

/*content-common-bio used in faculty module*/
/*content-common-narrow used in classes module*/
#content-common-narrow {
float: left;
width: 45.5%;
margin-top: 10px;
margin-left: 10px;
padding: 0px 0px 0px 0px;
font-size: 90%;
/*font-family: "Times New Roman", Arial, sans-serif;*/
text-align: left;
}

/*FIXED HEADER CODE:*/
/* See http://limpid.nl/lab/css/fixed/header*/
/*NOTE: all refs to "header" are renamed to "navcontainer */
#header {
width: 100%;
}
#content {
margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px;
color: #000;
/*border: #999 6px double;*/
font-size: 10pt;
}
/*End Fixed Header Code*/

.bio-container {
width: 75%;
/*margin: 150px 0px 0px 0px;*/
padding: 30px 0px 670px 0px;
text-align: left;
}
.bioname {
margin: 40px 0px 0px 30px;
padding: 10px 0px 2px 40px;
border-bottom: #000 1px solid;
font-weight: bold;
/*
color: #8B0000;
border-bottom: #8B0000 1px solid;
*/
color: #666;
}

.biocontent {
text-align: left;
/*font-family: Verdana, Arial, "Times New Roman", sans-serif;*/
font-size: 95%;
margin-top: -30px;
margin-left: 55px;
/*
color: #666;
border-left: #999 6px solid;	
*/
/*
color: #8B0000;
border-left: #8B0000 6px solid;	
*/
color: #666;
border-left: #666 6px solid;	
padding: 35px 0px 15px 10px;
}

div#print-appl {
/*font-family: Tahoma, Arial, "Times New Roman", sans-serif;*/
font-size: 92%;
margin: 10px 25px 0 25px;
padding: 3px 3px 5px 19px;
background-color: #EEE;
border: #9999FF 1px solid;
}

#footer-studio {
clear: both;
padding: 5px 0px 0px 0px;
clear: left;
color: #333;
}
#footertxt-studio {
/*font-family: "Gill Sans MT", "Arial Narrow", Verdana, Arial, "Times New Roman", sans-serif;*/
text-align: left;
/*margin: 5px 80px 0px 0px;*/
margin: 5px 0px 0px 170px;
color: #333;
font-size: 85%;
font-style: italic;
}
/*end studio*/
/*
a:link { color: blue; text-decoration: none; }
a:visited { color: purple; text-decoration: none; } 
a:hover {cursor: crosshair; color: #FF6; background-color: #000000; text-decoration: none}
a:active { color: #C0FFC0; text-decoration: none; }
*/
#footer {
/*font-family: Verdana, Arial, "Times New Roman", sans-serif;*/
/*padding: 0px 0px 0px 20px;*/
/*margin: 0 auto;*/
margin: 20px;
text-align: center;
color: #333;
font-size: 85%;
font-style: italic;
}

.line {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  /*border: 1px solid #000; for test only*/ 
  /*comment out border-radius for IE*/
  /*border-radius: 6px;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	padding: 10px;
}

.item {
  position: relative;
  float: left;
  left: 100%;
  	border: 1px solid green; 
/*comment out border-radius for IE*/	
/*border-radius: 6px;*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

/*To position a particular item, all we need to do is give it a negative margin-left and a width. For example:*/
/*
#nav-wrapper {
  margin-left: -100%;
    width: 25%;
  	border: 1px solid #8b0000; 
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	padding: 5px;
}
*/
/*code modified from above (@ L124)*/
#nav-wrapper {
    /*position: relative;*/
	/*margin-left: -100%;*/
	margin-left: -90%;
	height: 35px;
	/*DCC chg*/ 
    /*width: 700px;*/
	width: 70%;
    /*background: url('nav-bg.png') top left repeat-x;*/
    /*background: url('BG#E3E9D1.JPG') top left repeat-x;*/
	background-color: #E3E9D1;
    /*chg end*/
	border: 1px solid #999; 
    /*comment out border-radius for IE*/
	/*border-radius: 6px;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	padding: 2px 9px 5px 6px;
	}

#item2 {
margin-top: 0px;
float: left;
  margin-left: -35%;
  width: 20%;
  	border: 1px solid #0000FF; 
/*comment out border-radius for IE*/
/*border-radius: 6px;*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding: 5px;
}

.sap-content {color: #0000FF; background-color: #CCC;
	border: 1px solid #999; 
/*comment out border-radius for IE*/
	/*border-radius: 6px;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
/*for testing only*/
/*
div
{
   border-width: thin !important;
   border-color: Orange !important;
   border-style: solid !important;
}
*/
/*for testing only*/
/*
label, span, /* whatever else you might want to see */
/*for testing only*/
/*
{
   border-width: thin !important;
   border-color: Blue !important;
   border-style: solid !important;
}
*/