body
{
  font-size: 11px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  margin: 0px;
}
.maintitle
{
  font-family:trebuchet,verdana,sans-serif;
  font-weight:bold;
  color:#C71585;
  text-align:left;
  font-size:23px;
  margin-left:10px;
}
.title
{ 
  font-family:verdana,sans-serif;
  font-weight:bold;
  color: #C71585;
  text-align:left;
  font-size:16px;
  margin-left:10px;
}
.subtitle
{ 
  font-family:verdana,sans-serif;
  font-weight:bold;
  color: #DD7CB4;
  text-align:left;
  font-size:14px;
}
.text
{
  font-family:verdana,sans-serif;
  text-align:justify;
  font-size:12px;
  color: #DD7CB4;
  margin-left:10px;
  margin-right:10px;
}
.text2
{
  font-family:verdana,sans-serif;
  text-align:justify;
  font-size:11px;
  color: #DD7CB4;
  margin-left:10px;
  margin-right:10px;
}
.bigtext
{
  font-family:verdana,sans-serif;
  text-align:left;
  font-size:13px;
  color: #DD7CB4;
  font-weight:bold;
  margin-left:10px;
  margin-right:10px;
}
.smtext
{
  text-align:left;
  font-size:10px;
  font-style:italic;
  font-weight:normal;
  margin-left:10px;
}
.copyright
{
  position:absolute;
  height:25px;
  width:802px;
  top:1010px;
  left:10px;
  background-color:#663300;
  color:white;
  font-family:verdana;
  font-size:10px;
  text-align:center;
  font-weight:bold;
} 
.thinborder
{
  border-style:solid;
  border-color:white;
  border-width:1px;
}

img
{
  border-color:white;
}
a 
{
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #663366;
}

/* And their ugly hover states too */
a:hover 
{
	text-decoration: underline;
}
.articleboxinner 
{
    width: auto;
    line-height: 20px;
    color: #DD7CB4;
    padding: 15px 6px 0px 6px;
    background: #fbfbfb;
    border:1px solid #efefef;
    text-align: justify;
    height: 500px;
}

/* And this gives the column text some breathing space */
.spacy
{
    padding: 5px;
}


.headertext1 
{
	font-size: 18px;
	font-weight: bold;
}

.headertext2 
{
	font-size: 10px;
	font-weight: bold;
}
.headertext3 
{
	font-size: 12px;
	font-weight: bold;
}


.hr
{
  color: #C71585;
  height:1px;
}
hr
{
  width:600px;
  color: #C71585;
  size:1px;
  text-align:center;
}


/* image viewer */
.thumbnail
{
position: relative;
z-index: 0;
}

.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50px;
left: 50px; /*position where enlarged image should offset horizontally */
}
ul.noIndent
{
margin-left: .5em;
padding-left: .5em;
}