.note {
 color: rgb(200,10,10);
}


.midHeader {
  color: rgb(39,78,144);
  background-color: rgb(140,170,230);
}


.projects a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}


/* ##### Common Styles ##### */

body {
  color:black;
  background-color:rgb(220,220,245);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 80%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

acronym {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ## Page Header ### */

.Header_top {
  color: white;
  background-color:rgb(100,135,220);
  height: 1.3em;
}

.Header_top a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-size: 91%;
  margin: 0;
  padding: 0 0.5ex 0 0.05ex;
}

.Header_top a:hover {
  text-decoration: underline;
}

.Header_top .left {
  position: absolute;
  left: 1.5mm;
  top: 0.2ex;
}

.Header_top .right {
  position: absolute;
  right: 1.5mm;
  top: 0.2ex;
}

.midHeader {
  color: rgb(39,78,144);
  background-color: rgb(140,170,230);
}

.headerTitleImage {
  margin: 0 0 0 4mm;
  padding: 0 0;
  background: url(../images/gravitybanner_text.png) no-repeat top; height: 85px; 
}

.headerCSGRTitleImage {
  margin: 0 0 0 4mm;
  padding: 0 0;
  background: url(../images/CGSRbannerT.jpg) no-repeat top; height: 85px; 
}

.Header_bottom {
  color: white;
  background-color: rgb(0,51,153);
  margin: 0;
  padding: .2ex .3ex .2ex 1.mm;
}

.Header_bottom a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.5ex 0 0.5ex;
}  

.Header_bottom a:hover {
  text-decoration: underline;
}

.Header_top .highlight, .Header_bottom .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}


/* ## Side Bar ## */

#sidebar {
  width: 180px;
  float: left; 
  clear: left; 
  border-right: 1px solid rgb(153,153,153);
}

#sidebar div {

  border-bottom: 1px solid rgb(153,153,153);
}

.sideBarTitle {
  font-weight: bold;
  margin: 0 0 0.5em 2.5mm;
  padding: 1em 0 0 0;
}

#sidebar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0.5em 0;
}

#sidebar li {
  margin: 0;
  padding: 0.1ex 0;  /* Circumvents a rendering bug in MSIE 6.0 */
}


#sidebar a, .currentPage {
  color: rgb(0,80,124);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 5mm;
  display: block;
}

.currentPage {
  color: black;
  background-color: white;
  padding-left: 3mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#sidebar a:hover {
  color: white;
  background-color: rgb(80,155,200);
  text-decoration: none;
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
}

#sidebar .sideBarText a {
  margin: 0;
  padding: 0;
  display: inline;
}

#sidebar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

.lighterBackground {
  color: inherit;
  background-color: white;
/*  background-color: #aaaaaa; */

}

/* ## Right Box ## */

.rightbox {
  width: 15em;
  float: right;  
  clear: right; 
  border-right: 1px solid rgb(153,153,153);
  border-left: 1px solid rgb(153,153,153);
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
  background-color: white;
  margin: 5px;
  padding: 0 1.0ex 0 1.5mm;
}


/* ## Main ## */

#main {
  color: black;
  background-color: white;
  text-align: justify;
  font-size: 120%;  
  line-height: 130%;
  margin: 0 17em 0 15em;
  padding: 0.5mm 5mm 5mm 5mm;
  border-left: 1px solid rgb(153,153,153);
}

#main p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#main a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#main a:hover {
  text-decoration: none;
}

#main h1 {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

#main h2 {
  color: rgb(100,135,220);
  background-color: white;
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}

img.myimage {
  float: left; 
  width: 130px; 
  margin-right: 10px;
}

table.topics {
  font-size: 90%;
 width: 100%;
 margin-top: 15px;
 background-color: #eeeeff;
}


td.text {
 text-align: left;
 margin-left: 5px;
 padding: 7px;
 background-color: #ffffff;
}



/* ##### Main_2 - wide page ##### */

#main2 {
  color: black;
  background-color: white;
  text-align: justify;
  font-size: 120%;  
  line-height: 130%;
  margin: 0 10px 0px 180px;
  padding: 0.5mm 10mm 5mm 5mm;
  border-left: 1px solid rgb(153,153,153); 
}

#main2 p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}


#main2 a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}


#main2 a:hover {
  text-decoration: none;
}

#main2 h1 {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

#main2 h2 {
  color: rgb(100,135,220);
  background-color: white;
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}


/* ##### Footer ##### */

#footer {
  color: white;
  background-color:  rgb(0,51,153);
  font-size: 91%;
  margin: 0;
  padding: 0.4em 2.5mm 1.0ex 2.5mm;
  clear: both;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

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