/* General layout */
 body { margin:0px auto; text-align:center; font-size:small;
   background-repeat:repeat-x; background-image:url(../img/bg-grad.jpg); background-color:#7A7A79;}  
* html body {font-size:x-small; f\ont-size:small;}
 
.container {width:790px; margin:0px auto; margin-top:10px; margin-bottom:10px; 
   border:solid 0px #666; background-color:white; 
   font-family:  "Trebuchet MS", Verdana,  Arial,  sans-serif; color:#515151;}    
.main {text-align:left; clear:both;  
   background: url(../img/bg_main.jpg) repeat-y;}
.main-content {display:inline; float:left; width:750px; margin:0 0 0 30px; }
#inner {margin: 10px 5px;}
.footer {clear:both; width:790px; height:57pt; 
    background:white url(../img/footer_MSC.jpg) no-repeat; 
   overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; 
   margin: 0px auto; padding:0;  vertical-align: middle;
    position: relative; border-top: 2px solid #ccc;  clear: both; } 

h1 {margin:0.3em 0em; padding:0; border-bottom:solid 5px #e1e1e1; 
    font-weight:bold; font-size:220%; letter-spacing:.01em; line-height:1.25em; }
h4 {margin:0.2em 0.5em; padding:0; 
    font-weight:normal; font-size:170%; letter-spacing:.1em; line-height:1.25em;}
h5 {margin:0.3em 2em; padding:0; 
    font-weight:normal; font-size:135%; letter-spacing:.1em; line-height:1.25em;}
h6 {margin:1em 2em 0; padding:0; 
    font-weight:bold; font-size:120%; letter-spacing:0; line-height:1.25em;}
        
p {margin:0.7em  2em; line-height:1.55em; font-size:105%; font-weight:normal;}
p.withinner, div.withinner { line-height:1.55em; font-size:105%; font-weight:normal; margin:0.7em 1em;}
{ line-height:1.55em; font-size:105%; font-weight:normal; display:inline; margin:0.7em 0;}
p.blurb {margin:0 0 0 3em; line-height:1.25em; font-size:105%; font-weight:normal;}
span.ptext {padding:0.3em 0; line-height:1.55em; font-size:105%; font-weight:normal;}
span.stronger {font-size:110%; font-weight:bold; }
p.intro {margin:.5em .5em; line-height:1.55em; font-size:110%; font-weight:normal;}
p.fineprint {margin:1em 2.5em; line-height:1em; font-size:90%; font-weight:normal; color:#6f6f6f;}
img {border:0; padding:7px;}
img.inimage { float:right;  }
dl {margin:0.5em 3.5em; padding:0; }
dl.indent { margin:0 6em; padding:0;}
dt {display:inline; font-weight:bold; margin:0; padding:0;}
dd {display:inline; margin:1em; padding:0;}
ul.tools  {margin:0.5em 3.5em; padding:0; }
ul.tools li {margin:0 0 6px; padding:0; list-style: none;}


.main a {color:#4B82B2; font-weight:bold; text-decoration:none;}
.main a:hover {color:#B20687; text-decoration:underline;}
.main a:visited {color:#6F1495;}

/* Header */
#header {font-family:"trebuchet ms",arial,sans-serif; padding:0; margin:0; }
#header-banner { height:222px; width:790px; background:#ccc url(../img/header_logo.jpg) no-repeat top right; }

/* Controls the top nav  */
#header-banner ul {float:right; padding:3px 15px 0 0; margin:0; font-weight:bold;}	
#header-banner li {display:inline; list-style:none;}
#header-banner li a {display:block; float:left; padding:5px 15px 2px 5px; margin:0; color:#ccc; 
        text-decoration:none; font-size:120%;}
#header-banner a { text-decoration:none; padding:0; margin:25px 0 0 0;}
#header-banner a:hover {text-decoration:underline; color:#CECF8D;}

/* NAV - middle horizontal nav - oddly without border-bottom:3px solid; the flyout doesn't work in ie */
/* Controls the bar itself */
#header-bottom {height:40px;  background:#dcdcdc url(../img/bg_nav.jpg) repeat-x;}

#nav  { padding:0; margin:0; border:none; color:#4B4B4B; font-size:130%;}  
#nav ul {padding:0; margin:0; list-style: none; }
#nav li {position:relative; float:left; width: auto; display:block; padding:0;
         z-index:1000; border-right:solid 1px #AFAFAF; border-bottom:3px solid #ddd;}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active 
        {text-decoration:none; cursor:pointer; display: block; padding:5px 10px;
         font-weight:bold; color:#646464; }
#nav a:hover {color:#9a9969;}	
 
 /* Controls the top nav flyout list  */   
#nav li ul {border-left: 1px solid #9a9969; background: #cdcd85;
       width:18em;font-size:90%;margin-top:3px;position: absolute; font-weight:normal; left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left:0; z-index:99999}
	
#nav li li {background:#f6f6f6; float:none; padding-left:0; text-align:left; 
        border: 1px solid #999; border-top:1px solid #fff; border-right:none; border-left:none; }
#nav li li.last {border-bottom:none;}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover 
        {color:#35517c; padding: 3px 10px 2px; }
#nav li li a:hover {color:#fff; background:#cdcd85;}
	
#nav li.active {background: #ad5d5c;border-bottom: 3px solid #ad5d5c}
#nav li.active ul {border:none;background: #ad5d5c;}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#nav li.active a:hover {color:#000}
	
#nav li.active li {border:none;border-top: 1px solid #ad5d5c;border-bottom: 1px solid #870000}
#nav li.active li.last {border-bottom: none}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
	
#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

/* hide from IE mac \*/  
#nav li {width:auto}
/* end hiding from IE5 mac */

.location {font-size:75%;}
.box {font-size:95%;  width:299px; float: right;
    background: url(../img/bg-box-body.jpg) no-repeat bottom left; margin:.5em 1em 3px 1em;}
.box h3 {background: url(../img/bg-box-head.jpg) no-repeat top left;
    margin:0; padding: 6px 8px 4px 19px; font-weight:bold; 
    border-bottom: 3px solid #E0CFAB; color:#676735; }
.box ul  { margin:0; padding:14px 10px 14px 19px; list-style: none;  }    
.box ul li {margin:0 0 6px; padding:0; list-style: none;}
  
 /* --- Alphabet index --- */

.divAZ { color: #eee; font-size:88%; padding:1em 0;  }

.letterSeparator { color:#ddd; } 
  
  
/* MAIN CONTENT */
.column1-unit {width:440px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/*  FOOTER SECTION  */
.footer p {padding-top:15px; text-align:center; color:#eee; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:#ccc;}
.footer a:hover {text-decoration:none; color:#c00;}
.footer a:visited {color:#eee;}
  

/*  CLEAR FLOATS  */
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearcontent {clear:both; width:640px; height:0.1em; border:none; background:#d1d1d1; color:#d1d1d1; margin:1em auto;}

/*  PRINTING and MISCELLANEOUS  */
@media print {.header-top {width:790px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:790px; background:transparent;}}
@media print {.nav2 {float:left; width:790px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:790px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:790px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK*/