/*ALL FONT SIZES IN CSS TAGS SHOULD BE EM UNITS EXCEPT THE BODY TAG*/

p {  /*regular paragraph text set by ems and reduced 65 percent by body tag for smaller increments in font size control*/
  color : #666;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.1em;
  margin-bottom: 1.3em;
  line-height: 1.34em;
  margin-top: 0; 
}
h1 {
  color : #336699;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.2em;
  font-weight : bold;
  margin-top: 0em;
  text-transform: uppercase;
  margin-bottom: 0.4em;
  line-height:1.34em;
  padding: 0;
}
h2 {
  color : #336699;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.2em;
  font-weight : bold;
  margin-top: .6em;
  margin-bottom:.4em;
}


h2 a:link {
  text-decoration: underline;
  color: #336699;
}
h2 a:visited {
  text-decoration: underline;
  color: #336699;
}

h2 a:hover {
  text-decoration: none;
  color:#336699;
}

h2 a:active {
  text-decoration: none;
  color:#336699;
}

h3 {
  color : #666;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.1em;
  font-weight : bold;
  margin-top: .3em;
  margin-bottom: .2em;
}
h3 a:link {
  text-decoration: underline;
  color: #666;
}
h3 a:visited {
  text-decoration: underline;
  color: #666;
}

h3 a:hover {
  text-decoration: none;
  color:#666;
}

h3 a:active {
  text-decoration: none;
  color:#666;
}
 
/* Lists */
#mainContent ul {
  list-style-type: none;
  margin-bottom:2em;
  margin-top:.7em;
  padding:0;
}

#mainContent ul li {
  padding-left: 25px;
  background-image: url("http://www.smith.edu/css/bulletArrowBlue.gif");
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-right: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  margin-bottom: 0.5em;
  margin-top:0;
  font-size:1.1em;
  margin-left:0;
}



#mainContent ol {
  list-style-type: none;
  padding-left:25px;
  margin-bottom:1em;
  margin-top:.7em;

}
#mainContent ol li {
  list-style-type: decimal;
  padding-right: 0;
  padding-left: 0;
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: .5em;
  margin-left: 0;
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
  
}

#mainContent ul li p {
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  font-size:1em;
  margin-bottom: .9em;
  margin-top: 0.2em;
}
#mainContent ol li p {
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  font-size:1em;
  margin-bottom: .9em;
  margin-top: 0.2em;
}

/* Image Styles */


.imageAlignRight { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  padding: 3px 0 8px 10px;
}
.imageAlignLeft { /* this class can be used to float an element left in your page */
  float: left;
  padding: 3px 10px 8px 0;
  margin:0;
}

#twscroll{
width: 250px;
height: 181px;
border: none;
padding: 14px;
background-color: #ffcc5f;
font-size:1.1em;
 line-height: 1.4em;
 font-family:Verdana,Arial,Helvetica,sans-serif;
}

#twscroll a:link {
  text-decoration: none;
  color: #336699;
}
#twscroll a:visited {
  text-decoration: none;
  color: #336699;
}

#twscroll a:hover {
  text-decoration: none;
  color:#336699;
}

#twscroll a:active {
  text-decoration: none;
  color:#336699;
}
 
.twscroll_class{ //optional
}

a .letters {
	color:#000;
}