body {
	background-color: #9966ff;
	min-width: 740px;
	text-align: center;
}

a:link   {color:blue;}
a:visited{color:blue;}

#container {
	background-color: white;
	width: 740px;
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
}

ul.menu 
{
float: left;              /*floats to the left*/
width: 740px;             /*has 300px width*/
padding: 0;               /*has no padding so they all butt up to eachother*/
list-style-type: none;    /*has no list type - therefore no bullet points! */
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
background-color: #9966ff;
border-bottom: 1px solid black;
border-top: 1px solid black;
}

a.menu /*just sets the colour, decoration, etc.*/
{
	float: left;
	text-decoration: none;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: black;
	background-color: #9966ff;
	padding: 0.2em 8px;
	border-right: 1px solid white;
}

a.menu:visited{background-color: #9966ff; color: black;}
a.menu:hover {background-color: #ffff99;} /*changes the background colour*/
li.menu      {display: inline;}       /*all next to eachother on the same line*/

ul.menu li ul.navigation-2 { 
	margin:0; 
	padding:1px 1px 0; 
	list-style:none; 
	display:none; 
	background:#ffffff; 
	width:250px;
	position:absolute; 
	top:197px; 
	left:315px; 
}

ul.menu li:hover ul.navigation-2 { 
	display:block; 
}

ul.menu li ul.navigation-2 li { 
	width:250px; 
	clear:left;
	width:250px; 
}

ul.menu li ul.navigation-2 li a:link,
ul.menu li ul.navigation-2 li a:visited { 
	clear:left; 
	background:#9966ff; 
	padding:4px 0; 
	width:250px;
	display:block; 
	border:none; 
	border-bottom:1px solid #ffffff; 
	position:relative; 
	z-index:1000; 
	color: black;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

ul.menu li ul.navigation-2 li:hover a,
ul.menu li ul.navigation-2 li a:active,
ul.menu li ul.navigation-2 li a:hover { 
	clear:left; 
	background:#ffff99; 
	padding:4px 0; 
	width:250px; 
	border:none; 
	border-bottom:1px solid #ffffff; 
	position:relative; 
	z-index:1000; 
	text-decoration: none;
	text-align: left;
	padding: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}


#side{
	background-color: #9966ff;
	padding: 0;
	width: 200px;
	float: right;
	margin-right:5px;
	line-height: 20px;
}

#sidecontent {
	text-align: left;
	padding: 5px;
	background-color: white;
	border-left: 2px solid #9966ff;
	border-right: 2px solid #9966ff;
	border-bottom: 2px solid #9966ff;
}

#newsletter{
	background-color: #9966ff;
	padding: 0;
	margin-top: 5px;
	width: 550px;
	margin: auto auto;
	line-height: 20px;
	clear: left;
}

#newslettercontent {
	text-align: left;
	padding: 5px;
	background-color: white;
	border-left: 2px solid #9966ff;
	border-right: 2px solid #9966ff;
	border-bottom: 2px solid #9966ff;
}

#content {
width:720px;
text-align: left;
margin-left:0;
padding-left:10px;
margin-right:10px;
padding-bottom: 15px;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
}

.arrow{
list-style-image: url('pictures/0080_contentbullet.png');
}

.arrow2{
list-style-image: url('pictures/0033_bala.png');
}

.dl {
list-style-image: url('pictures/0107_dl.png');
}
.center {
text-align: center;
}

.highlight {
text-align: center;
padding: 10px;
min-width: 200px;
background-color: #ffff99;
}

.highlightleft {
text-align: left;
padding: 10px;
min-width: 200px;
background-color: #ffff99;
}

a.bulletlink:link{
color: black;
}

a.bulletlink:visited{
color:black;
}

#searchform {
padding: 0;
margin: 0;
}

#searchterm {
font-size: 7pt;
width: 110px;
}

#searchbutton {
font-size: 7pt;
}

.headingpurple {
font-weight: bold;
text-decoration: underline;
font-size: 13pt;
color: #660099;
}

.smallpurple {
font-weight: bold;
text-decoration: underline;
font-size: 11pt;
color: #660099;
}

#calendar {
    text-align: center;
    margin-left: 255px;
    border: 1px solid black;
    width: 230px;
    background-color: #ffff99; 
}

#thismonth {
background-color: #FF99FF;
border: 1px solid black;
width: 700px;
padding: 10px;
}

#event {
background-color: #ffff99;
border: 1px solid black;
width: 700px;
padding: 10px;
}

a img{
border: none;
}

.centertable {
margin-left: 180px;
}

.formbutton {
vertical-align: middle;
}

.form {
padding:0;
margin:0;
}

.verysmall {
font-size: 9pt;
}

.redbox {
background-color: #FF99FF;
border: 1px solid black;
width: 700px;
}

#greenbox {
  text-align: center;
  background-color: #66FF66;
  border: 1px solid black;
  width: 420px;
  margin-top: 5px;
  padding: 5px;
}

#redbox {
  text-align: center;
  background-color: #FF99FF;
  border: 1px solid black;
  width: 420px;
  margin-top: 5px;
  padding: 5px;
}

.boxPara {
margin-left: 5px;
margin-right: 5px;
}

.validated {
display: inline;
float: right;
position: relative;
top:-20px;
}