/* meepstyles.css */

/* Universal Style Rule */

*{
  /* Cancel out all browser default margins and padding */
  margin:0;
  padding:0;
  /* temporary borders
  border:1px solid red;*/
  }

.hotkey{
  text-decoration:underline;
  }

.obfuscate{
  display:none;
  }

acronym, abbr{
  border-bottom: dotted 1px #ddd;
  cursor:help;
}

@media print{
/* Start printer-friendly styles */

  /* Make wrapper the full page width */
  #wrapper{
    width:100%;
    }

  /* Hide navbar and footer */
  #navbar, #footer{
    display:none;
    }

  /* Get rid of content div margins and padding. */
  #content{
    margin:0;
    padding:0;
	}
  /* End printer-friendly styles */
}

/*Java Script for changing photos on homepage
#mySlideShow{
  float:right;
  width:25em;
  } 
End Java*/

em{
  font-weight:bold;
  }

body{
  background-color:#000000;
  font-family:"Calibri", Helvetica, Sans-Serif;
  /*font-family:"Times New Roman", Times, serif;*/
  text-align:center;
  }

/* The following rule sets styles for the wrapper division, which constrains the layout */
#wrapper{
  /* Width of wrapper is limited to 45em */
  width:45em;
  /* Center the wrapper and add 20 pixels at top */
  margin: auto;
  /* Make the background dark blue */
  background-color:#1D5DA5;
  }
 
#branding img{
  /* Get rid of mysterious image gap */
  display:block;
  width:100%;
  }

#leftcolumn{
  /* Width is 10em, floats to right */
  width:10em;
  float:left;
  background-color:#1d5da5;
  text-align:left;
  }
  
#navbar{

  }
  
#navbar ul li a img{
  width:12.1em;
  border-color:#1d5da5;
  margin-left:-1em;
  }

#leftcolumn ul li a:hover img{
  width:12.1em;
  border-color:#2784ec;
  margin-left:-1em;
  }

#navbar ul{
  /* Remove bullets from unordered lists in the left column */
  list-style-type:none;
  }

#navbar li{
  /* For flyout menu */
  position:relative;
  }

#navbar a, #navbar a:link, #navbar a:visited{
  text-decoration:none;
  font-size:80%;
  color:#fff;
  display:block;
  height:2em;
  line-height:2em;
  padding:0 0 0 1em;
  outline-style:none;
  }

#navbar a:hover, #navbar a:active{
  background-color:#2784ec;
  color:#000;
  }

#navbar li{
  /* Required for drop-down menus */
  position:relative;
  float:left;
  width:10em;
  z-index:100;
  }
  
#navbar li ul{
  position:absolute;
  visibility:hidden;
  top:0;
  left:99%;
  z-index:105;
  }
  
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  margin:0;
  }

#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background-color:#2784ec;
  color:#000;
  display:block;
  width:15em;
  height:auto;
  margin:0;
  }

#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background-color:#1d5da5;
  }

#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background-color:#1d5da5;
  color:#fff;
  }

#content{
   /* Right margin must equal width of rightcolumn */
   margin-left:10em;
   padding: 0.625em;
   background-color:#fff;
   color:#000000;
   }
   
#content ul, #content ol{
   /* Affects lists in the content div only */
   padding:0.25em 0 0 1em;
   }
 
#content p, #content ul, #content ol{
   /* Affects paragraphs and lists in content only */
   text-align:left;
   }
 
#content h1, #content h2, #content h3{
   /* Affects headings in content division only */
   color:#1d5da5;
   margin:0.5em;
   }
   
#content h2, #content h3{
   /* Affects headings 2&3 in content division only */
   margin:0.5em;
   }

#content a img{
  border:none;
  }

#content li.floatlink{
  float:left;
  width:15em;
  }

#photobar{
  height:6em;
  margin:1em auto 0 auto;
  }

#photobar img{
  height:100%;
  }

td.selected, th.selected{
  background-color:#a7cdf7;
  }

#contact{
  width:26.25em;
  margin:0 auto;
  }

#contact p{
  padding:1em 0 0 0;
  }

#contact u{
  color:#0000ff;
  }

#caption{
  font-size:.75em;
  padding:0 0 1em 0;
  }
  
#calendar table{
  width:30em;
  margin:0.5em auto;
  }
  
#calendar td{
  padding:2px 0;
  }

#calendar th{
  color:#1d5da5;
  font:bold;
  padding:2px 0;
  }

.blackborder{
  border:1px solid #000000;
  }

.center{
  text-align:center;
  }

.left{
  text-align:left;
  }

.rightpic{
  width:17.5em;
  float:right;
  margin:1em 1em 0 1em;
  }

.rightpic img{
  width:100%;
  }

.marginlr1em{
  margin:0 1em;
  height:8em;
  }

#rightpic p{
  margin:0 0 1em 0;
  text-align:center;
  }
  
#highlight{
  display:block;
  border:2px solid #2784ec;
  padding:0 0 0.5em 0;
  margin:1em;
  width:12em;
  /*background-position:center;
  background-image:url('images/graph.gif');*/
  }

#highlight img{
  width:90%;
  }

#highlight ul{
  font-weight:normal;
  font-size:.9em;
  margin-left:1em;
  }

#highlightwide{
  display:block;
  border:2px solid #ffcc00;
  padding:1em;
  margin:1em;
  width:15em;
  background-color:#ffff00;
  background-image:url('images/jss-background.gif');
  background-position:top;
  }

#plaintext{
  margin:1em;
  }

#plaintext p{
  text-align:center;
  }

#rightlogo{
  float:right;
  margin:1em;
  height:20px;
  }

#leftlogo{
  float:left;
  }

.right{
  text-align:right;
  }

#widebox{
  border:2px solid #2784ec;
  margin:1em;
  padding:1em;
  width:30em;
  background-color:#fff;
  }

#widebox2{
  border:2px solid #2784ec;
  margin:1em;
  padding:1em;
  width:30em;
  }

/*#widebox img{
  width:28em;
  }*/

#footer{
  height:2em;
  line-height:2em;
  background-color:#2784ec;
  font-size:0.8em;
  margin-left:12.5em;
  }

#footer a{
  text-decoration:none;
  margin:0.75em;
  }
  
#footer a:link, #footer a:visited{
  color:#000000;
  }
  
#footer a:hover, #footer a:active{
  color:#ffffff;
  text-decoration:underline;
  }