/* 
This first set of styles define the page layout, general font specifications, 
basic background colors, etc. 

Each page has its contents held within the container DIV. This specifies 
some basic page properties. Within the container DIV are three basic areas: 
header, contents and footer.
*/

body {
background-color: #ffffff; 
margin: 0px; 
padding: 0px;}

#container {
width: 700px; 
margin: 15px auto; 
background-color: #ffffff; 
border: 4px solid #ffffff;}

p, li, td, dt, dd {
line-height: 130%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #222222;}

p {margin-bottom: -7px;}

ul, th, dl {
line-height: 140%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
color: #222222;}

ol {
list-style-type: upper-latin;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
color: #222222;}

h1 {
line-height: 120%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 17px;
font-weight: bold;
margin: 0px 0px -4px 20px;
color: #2ea646;}

h2 {
line-height: 110%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
color: #222222;
margin: 0px 0px 3px 10px;}

h3, caption {
line-height: 110%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold;
color: #222222;
margin: 0px 0px 6px 10px;}

h4 {
line-height: 105a%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #222222;
font-weight: normal;
display: block;
border-top: 1px dotted #2ea646;
padding: 12px 0px 0px 0px;
margin: 12px 0px 6px 0px;}

a {text-decoration:	none;}

img {border: 0;}

a:link {
color: #602f8e;
background-color: transparent;}

a:visited {
color: #8D68B3;
background-color: transparent;}
	
a:active {
color: #2ea646; 
background-color: transparent;}
	
a:hover	{
color: #602f8e; 
background-color: transparent; 
text-decoration: underline;}

.info {
line-height: 110%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
margin-left: 0px;
color: #555555;}
.info1 {
line-height: 100%;
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 13px;
margin-left: 0px;
color: #555555;}

.button
{
   background-color:#C9C7C8;
   border:1px solid;
   font-family: Arial, Tahoma, Helvetica; 
   font-size: 9pt; 
   font-weight : normal; 
   color: #411485;
   vertical-align:center;
  }
  

.line {
line-height: 7px;
padding-right: 15px;}

/* 
The second set of styles relates to the header and footer formatting. 
DIVs in these sections include: header, footer, topics, breadcrumb, content. 
*/

#header {
padding: 0px; 
margin: 0px; 
width: 518px;
height: 90px;
float: left;
background-color: #FFFFFF;
background-image: url(nav/nav-bkgrnd.gif);
background-position: top;
background-repeat: repeat-x;}

#header img.logo {float: right;}
#header img {border: 0px;}

#header ul.explorebar {
list-style-type: none;
padding: 0px; 
margin: 0px; 
display: inline;}

#header li.explorebar {
list-style: none;
float: left;
display: inline;
padding: 1px 11px 0px 0px;
margin: 0px;}

#header ul.sections {
list-style-type: none;
padding: 0px;
margin: 0px;
line-height: 15px;
display: block;}

#header li.sections {
line-height: 14px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
margin-left: 0px;
color: #555555;
display: block;
list-style-type: none;
padding: 0px 0px 0px 0px;}

#topics {
float: right;
width: 172px;
margin: 0px;
padding: 0px;
text-decoration: none;}

#topics li {
margin: 0px 10px 0px 0px;
padding: 4px 0px 4px 0px;
list-style: none;
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal;
font-size: 13px;
color: #ffffff;
border-top: 1px solid #8d68b3;}

#topics ul {
margin: 0px;
padding: 10px 0px 10px 10px;
background-color: #602f8e;}

#topics li.first, #topics li.empty {border-top: 0px;}

#topics li.empty {background-image: none;}

#topics li a {
padding: 0px 0px 0px 20px;
display: block;
background-image: url(nav/nav-arrow1.gif);
background-position: top-left;
background-repeat: no-repeat;}

#topics li a:link, #topics li a:visited {color: #ffffff;}

#topics li a:hover {
text-decoration: none;
background-image: url(nav/nav-arrow2.gif);}

#topics img {border: 1px solid #e9e1ef;}

#greenbox {
width: 70px;
height: 65px;
float: right;
padding: 0px;
margin: -22px 20px 0px 0px;
background-color: #2ea646;}

#submenu {
width: 172px;
float: right;
background-color: #e9e1ef;
padding-top: 7px;
padding-bottom: 7px;
border: 1px solid #ffffff;}

#submenu ul {background-color: #e9e1ef; padding: 0px; margin-top: 5px; margin-left: 7px; margin-bottom: 5px; list-style-type: none; font-size: 13px;}
#submenu li {background-color: #e9e1ef; padding: 0px 0px 0px 0px; margin-left: 5px; margin-top: 2px; margin-bottom: 0px; border-top: 0px solid #8d68b3; font-size: 12px;}
#submenu li a, #submenu ul a {padding: 0px 0px 0px 0px; display: inline; background-image: none; color: #602f8e;}
#submenu li a:link, #submenu li a:visited, #submenu ul a:link, #submenu ul a:visited {color: #602f8e;}
#submenu li a:hover, #submenu ul a:hover {text-decoration: underline; background-image: none;}

#footer {
width: 518px;
padding: 0px; 
border-top: 1px solid #e9e1ef;
clear: both;
text-align: right;
display: block;}

#footer a:link, #footer a:visited {
text-decoration: underline;
color: #8d68b3;}

#footer a:hover {
text-decoration: underline;}

#footer ul, p {padding: 4px 0px 0px 0px; margin: 0px; margin-top: 5px;}

#footer li, #footer p
{
list-style: none;
line-height: 125%;
font-size: 11px;
color: #8d68b3;
font-family: Arial, Helvetica, sans-serif;}

#footer li {line-height: 110%;}

#breadcrumb {
width: 700px;
float: right;
background-color: #ffffff;
padding: 0px;
border-bottom: 1px solid #e9e1ef;
margin-bottom: 10px;
font-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;}

#breadcrumb li {
display: inline;
padding: 0px 0px 0px 3px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #8d68b3;}

#breadcrumb ul {
line-height: 14px;
margin: 0px;
padding: 0px 12px 0px 12px;
display: inline;
text-align: right;}

#breadcrumb li a:link, #breadcrumb li a:visited {color: #8d68b3;}

#breadcrumb li a:hover {
text-decoration: underline;
color: #2ea646;}

#functions {
width: 514px;
float: left;
background-color: #ffffff;
margin-top: 1px;
padding: 2px;
font-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;}

#functions li {
display: inline;
padding: 0px 0px 0px 6px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #2ea646;}

#functions ul {
text-align: center;
line-height: 14px;
margin: 0px;
padding: 0px 0px 0px 0px;
display: inline;}

#functions li a:link, #functions li a:visited {color: #2ea646;}

#content {
width: 486px;
min-height: 420px;
float: left;
padding: 15px;
margin-top: 10px;
margin-bottom: 12px;
background-color: #ffffcc;
border: 1px solid #e9e1ef;}

#content li {padding-bottom: 3px; line-height: 16px;}

dl.projectlist {
width: 280px;
margin: 0px;
padding: 10px 0px 20px 0px;
float: left;
line-height: 120%;}

.projectlist dt {
display: block;
width: 100px;
margin: 0px;
padding: 3px 0px 0px 0px;
float: left;
clear: both;
line-height: 120%;}

.projectlist dd {
display: inline;
width: 175px;
margin: 0px;
padding: 3px 0px 0px 0px;
float: left;
line-height: 120%;}

#content #cutout {
width: 154px;
float: right;
padding: 15px;
padding-top: 12px;
position: relative;
margin-top: 10px;
margin-right: -16px;
margin-left: 10px;
margin-bottom: 10px;
background-color: #ffffff;
border-top: 1px solid #e9e1ef;
border-left: 1px solid #e9e1ef;
border-bottom: 1px solid #e9e1ef;}

#content #cutout.top {border-top: 0px; margin-top: -16px;}
/* bottom cutout doesn't work in IE6 */
#content #cutout.bottom {border-bottom: 0px; margin-top: 10px; margin-bottom: -16px;}
#content #cutout.stretch {width: auto;}
#content #cutout ul {padding: 0px; margin-top: 3px; margin-left: 0px; margin-bottom: 0px; list-style-type: none;}
#content #cutout li {padding: 0px; margin-left: 7px; margin-top: 2px;}
#content #cutout img {text-align: center;}

#content #cutout .info {
display: block;
color: #999999;
line-height: 12px;
font-size: 10px;
margin-bottom: 4px;}

#content .alertbox {
width: 85%;
color: #CC0033;
float: left;
display: block;
padding: 15px;
padding-top: 12px;
margin: 10px 10px 20px 10px;
background-color: #ffffff;
border: 1px dotted #2ea646;
clear: both;}

#content .alertbox img {float: left; clear: left; padding-bottom: 3px;}
#content .alertbox p {color: #CC0033; line-height: 110%;}
#content .alertbox h1, #content .alertbox h2 {color: #CC0033; margin: 0px 0px -7px 10px; color: #222222;}

#adboxes {
float: right;
width: 150px;
padding: 0px 17px 0px 0px;}

#adboxes img {
padding: 0px 0px 9px 0px;}

#nav-icons {
clear: both;
float: left;}


/*
These styles partner with the hide and show JavaScript functions in the MCCE.js file 
to allow a user to click on one item to make another appear and disappear.
Different functions are used for block or inline text.
*/

.hide {display: none;}
.showinline {display: inline;}
.showblock {display: block;}



/*
These are adjustments for the homepage.
*/
#home #topics, #home #header {float: left;}
#home #breadcrumb {float: right;}
#home #content {float: left; margin-left: 12px;}
#home #header img.logo {float: left;}
#home #header .sections {text-align: right;}
#home #topics img {width: 122px; border: 1px solid #e9e1ef; float: right; clear: both;}
#home #topics {width: 186px;}
#home #content {width: 291px; min-height: 330px;}
#home #content img {float: right; margin: 0px 0px 5px 7px;}
#home h1 {margin: 0px 0px -8px 0px;}
#home #footer {width: 321px; text-align: left; margin-left: 197px; clear: none;}

#home #greenbox {
width: 23px;
height: 22px;
clear: both;
float: right;
padding: 0px;
border: 6px solid #ffffcc;
margin: -33px -6px 0px 0px;
background-color: #2ea646;}

#home #topics #greenbox {
border: 0px solid #ffffff;
margin: -18px 16px 0px 0px;
width: 50px;
height: 48px;}

#home #topics {
clear: left;
border-top: 10px solid #ffffff;}

#mcceweb #container, #mcceweb #breadcrumb {width: 518px;}

#mcceweb #content {min-height: 200px;}

/*
These are adjustments for Resources@MCCE.
*/

#resources #header {
padding: 0px; 
margin: 0px; 
width: 518px;
height: 90px;
float: left;
background-color: #FFFFFF;
background-image: url(nav/nav-bkgrnd2.gif);
background-position: top;
background-repeat: repeat-x;}

#resources #topics li {border-top: 1px solid #a7dbb1;}
#resources #topics ul {background-color: #2ea646; border: 1px solid #e9e1ef;}
#resources #greenbox {background-color: #602f8e;}
#resources #topics li a {background-image: url(nav/nav-arrow1gr.gif);}
#resources #topics li a:hover {background-image: url(nav/nav-arrow2gr.gif);}
#resources #topics li.first, #resources #topics li.empty {border-top: 0px;}
#resources #content {background-color: #ffffdc; border: 1px solid #a7dbb1;}
#resources #content a {text-decoration: underline;}
#resources #footer {border-top: 1px solid #a7dbb1;}
#resources #breadcrumb {border-bottom: 1px solid #a7dbb1;}
#resources h1 {margin: 0px 0px 0px 20px;}
#resources #content ul.results {list-style-type: none;}
#resources #content ul.results li {margin-bottom: 7px; line-height: 140%; border-top: 1px solid #a7dbb1; padding-top: 10px;}
#resources #content table.schedule {width: 212px; background-color: #ffffff; text-align: center; margin-top: 7px; border: 1px solid #a7dbb1;}
#resources #content table.schedule td {width: 30px;}
#resources #content table.schedule th {border-bottom: 1px solid #a7dbb1;}
#resources #content table.schedule td.unavailable {background-color: #a7dbb1;}

#resources #content #cutout {
width: 190px;
border-top: 1px solid #a7dbb1;
border-left: 1px solid #a7dbb1;
border-bottom: 1px solid #a7dbb1;}

#resources #content #cutout.top {border-top: #ffffff; margin-top: -16px;}

/*
These styles are for table of contents.
*/
 
#content table.toc1 {
clear: both;
background-color: #ffffdc;
border: 7px solid #ffffdc;
border-bottom: 4px solid #ffffdc;
width: 480px;
cellpadding: 0px;
cellspacing: 0px;}

#content table.toc1 thead th {width: 480px; line-height: 28px; background-color: #fffffc; border-bottom: 1px dashed #e9e1ef;}
#content table.toc1 td {line-height: 118%; border-bottom: 1px dashed #e9e1ef; padding: 2px 0px 1px 0px;}
#content table.toc1 td.title {width: 380px; height: 25px;}
#content table.toc1 td.document {width: 50px; text-align: center;}
#content table.toc1 td.document img {vertical-align: middle;}
#content table.toc1 tr.chapter {background-color: #fffffc;}
#content table.toc1 tr.chapter td.title {padding-left: 20px;}
#content table.toc1 tr.subsection {/* background-color: #ffffcc; */}
#content table.toc1 tr.subsection td.title {padding-left: 40px;}

#content table.toc1 .info {
display: block;
color: #999999;
line-height: 12px;
font-size: 10px;
margin-top: 0px;}

#content table.toc1 .size {
display: block;
color: #999999;
line-height: 10px;
font-size: 10px;}

/*
These styles are for photo galleries, particularly for personnel.
*/

dl.gallery2x {
border: 1px solid #FFFFFF;
background-color: #FAF7FD;
width: 230px;
padding: 6px;
float: left;
margin-right: 7px;
margin-top: 15px;
margin-bottom: 7px;
text-align: left;}

.gallery2x dt img {
border: 1px solid #cccccc;
margin-right: 4px;}

dl.gallery3x {
border: 1px solid #FFFFFF;
background-color: #FAF7FD;
width: 152px;
padding: 6px;
float: left;
margin-right: 7px;
margin-top: 15px;
margin-bottom: 7px;
text-align: left;}

dl.gallery3xblank {
border: 0px;
background-color: none;
width: 147px;
padding: 0px;
clear: both;
margin-right: 7px;
margin-top: -15px;
margin-bottom: 0px;
line-height: 1px;
text-align: left;}

.gallery3x dt img {
border: 1px solid #cccccc;}

h2.gallery3x, h2.gallery2x {
background-color: #ffffff;
color: #34A23D;
width: 500px;
line-height: 20px;
text-align: left;
padding-left: 15px;
margin-top: 9px;
margin-bottom: -5px;
border-bottom: 1px solid #34A23D;}

.gallery3x dt, .gallery2x dt {
line-height: 110%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
margin-top: 7px;}

.gallery3x dd, .gallery3x .name, .gallery2x dd, .gallery2x .name {
margin: 0px;
padding: 0px;
line-height: 120%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;}

.gallery3x .info, .gallery2x .info {
color: #222222;
margin: 0px;
padding: 0px;
line-height: 120%;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;}

@media print {
#topics, #header ul.explorebar, #header ul.sections, #functions {display: none;}
#breadcrumb {width: 518px; float: left;}
#container {width: 100%;}
#home #header {width: 492px; float: left; clear: none;}
#home #content {width: 460px; margin-left: 0px;}
#home #content img {margin-left: 12px;}
#home #header img.logo {margin-left: 0px; float: left;}
#home #footer {margin-left: 0px; clear: both;}
#home #greenbox {display: none;}
}

/* Browser fixes. */

/* for Internet Explorer */
/*\*/
* html #content {height: 420px;}
/* for Internet Explorer */  
/*\*/
* html #home #content {height: 330px;}
/* for Internet Explorer */  
/*\*/
* html #home #greenbox {margin: -36px -3px 0px 0px;}
/* for Internet Explorer */  
/*\*/
* html #home #topics #greenbox {margin: -18px 8px 0px 0px;}
/* for Internet Explorer */  
/*\*/
* html #greenbox {margin: -22px 10px 0px 0px;}
/* for Internet Explorer */  
/*\*/
* html #content #cutout {margin-right: -8px;}
/* for Internet Explorer */
/*\*/
* html #content table.toc1 .size {line-height: 13px;}
/* for Internet Explorer */
/*\*/
* html #content #cutout .info {margin-bottom: -12px;}
/*.calendarHeader0 {
    font-family: "Times new roman, times";
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background-color: #FFF;
    }


.calendarHeader {
    font-family: "Times new roman, times";
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #674589;   
    }
*/

.calendarToday { 
    font-size: 14px;
    background-color: #a7dbb1;
	}

/*.calendrTargetDay {background-color: #ccc}

.calendar {
    font-size: 14px;
    background-color: #FFFFFF;
    color: #333;
    }
	*/