html{font-size: 100%;}

body, form {
	background:white;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1em; /*9pt;*/
	*font-size: 0.9em; /*9pt;*/
	color:black;
	text-align: center; /* ie 5 does not support auto margins */
	background-color: #e9e4ff;
}

div#container 
{
	width:960px;
	background: white;
	height:auto !important; /* real browsers */
	border: solid 1px black;
	text-align: center; /* ie 5 does not support auto margins */
}

div#header
{
	/*border-bottom:1px solid black;*/
	text-align: left;
}

div#banner
{
	height:155px; /*banner is 150px, so there is a 5px gap */
	background: white; 
}

div#content 
{
	margin:0 auto;
	padding:0 0 5em 0; /* bottom padding for footer */
	width:920px;
	text-align: center; /* ie 5 does not support auto margins */
}

div#contentLeft 
{	
	text-align: left;
	margin: 20px 0px 20px 0px;
	float:left;
	width:500px;
	/*border: solid 1px black;*/
}

div#contentRight 
{
	text-align: left;
	background: #e9e4ff;
	margin: 20px 0px 20px 0px;
	float:right;
	width:400px;
	/*border: solid 1px black;*/
}

div#contentLeft  p  { line-height: 1.5em; }
div#contentRight p  { margin-left: 2%; margin-right: 2%; }
div#contentRight h1 { margin-left: 2%; margin-right: 2%; }
div#contentRight h2 { margin-left: 2%; margin-right: 2%; }
div#contentRight h3 { margin-left: 2%; margin-right: 2%; }


div#footer{
clear: left;
width: 100%;
background: #2763A5; /*black;*/
color: #FFF;
text-align: center;
padding: 4px 0;
font-size: 0.8em;
}

div#footer p { margin: 0; padding: 5px; text-align: center; /*left;*/ }

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.bg { background: white; padding: 2%; }
.simpleBorder { border: solid 1px black !important; }
.simpleCentered { margin: 2% auto; text-align: center; }
.rightCenteredBorder { border: solid 1px black; margin: 2% auto; width: 378px; }
.img1of2 { border-left: solid 1px #000 !important; border-top: solid 1px #000 !important; border-bottom: solid 1px #000 !important; }
.img2of2 { border-right: solid 1px #000 !important; border-top: solid 1px #000 !important; border-bottom: solid 1px #000 !important; }

/*a:link, a:visited, a:active	{ text-decoration: underline; }*/
a:link	{ color: #7300d5; }
/* a:visited {	color: #9448d5; } */
a:active	{ color: #9448d5; }

h1, h2, h3, h4, .ph1, .ph2, .ph3, .ph4 { font-family: Verdana, Arial, Sans-Serif; font-weight: bold; text-align: left; margin: .1em 0 .3em 0; }
h1, .ph1 { font-size: 1.7em; margin-top: .0; }
h2, .ph2 { font-size: 1.5em; margin-top: 0.2em; }
h3, .ph3 { font-size: 1.3em; margin-top: .6em; }
h4, .ph4 { font-size: 1em; margin-top: .4em; }

h5, .ph5 { font-size: 1.25em; margin: 0 0 0 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-weight: normal; }
h6, .ph6 { font-size: 1.15em; margin: 0 0 0 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-weight: normal; }

p { margin: 0 0 1em 0; }
ul, ol, li { margin-top: 0; margin-bottom: .7em; }
li, ul ul { margin-top: 0; margin-bottom: .3em; }

.tablelisting { background-color: #ffffff; margin: 0 0 2% 0; }
.tablelisting tr { vertical-align: top; }
.tablelisting td { padding: 1%; border-bottom: solid 2px #bd97f4; }
.tablelisting th { padding: 1%; text-align: left; background-color: #000000; color: #ffffff; font-weight: bold; }

.formtable { background-color: #ffffff; margin: 0 0 2% 0; border: solid 2px #bd97f4; }
.formtable tr { vertical-align: top; }
.formtable td { padding: 1% }
.formtable caption { background-color: #bd97f4; color: #000000; font-weight: bold; text-align: left; padding: 1%; }

.importantbox { background-color: #ffffff; border: solid 3px #bd97f4; margin: 2%; }
.importantbox p { margin: 2%!important; }

.bigbold { font-size: 1.2em; font-weight: bold; }

.vLines { border-top: solid 2px #7300d5; border-bottom: solid 2px #7300d5; font-size: 18px; font-weight: bold; background-color: #ffffff; text-align: center; }

.events { border: solid 1px #000000; } /* to remove border <div class="events" style="border: 0px"> */
.events h1 { font-size: 1.5em; font-weight: bold; margin: 2%; font-family: Verdana, Arial, Sans-Serif; }
.events h2 { font-size: 1em; /*10pt;*/ font-weight: bold; text-align: left; margin: 4% 2% 0 2%; font-family: Verdana, Arial, Sans-Serif; background-color: #7300d5; padding: 2px 2% 2px 2%; color: White; }
.events h3 { font-size: 1em; /*10pt;*/ font-weight: bold; text-align: left; margin: 2% 2% 0 2%; font-family: Verdana, Arial, Sans-Serif; border-top: solid 1px #A8A8A8; padding-top: 2%; font-family: Tahoma, Arial, Sans-Serif; color:#464646; }
/* to remove line at the top <h3 style="border-top: medium none; padding-top: 0pt;"> */
.events h4 { font-size: 1em; /*9pt;*/ font-weight: normal; color: #464646; /*gray;*/ text-align: left; margin: 0 2% 1% 2%; }
.events p { font-size: 1em; /*8pt;*/ font-weight: normal; color: black; text-align: left; margin: 0 2% 1% 2%; font-family: Verdana, Arial, Sans-Serif; }

.latestnews h2 { font-size: 10pt; font-weight: bold; text-align: left; margin: 2% 0 0 0; font-family: Verdana, Arial, Sans-Serif;font-family: Tahoma, Arial, Sans-Serif; color:#464646; }

.rightTable { margin-left:2%; margin-bottom: 5%; }
.rightTable tr { vertical-align: top; }
.rightTable td { padding: 1% 2%; }

.imgborder { margin: 2%; border: solid 1px #000000!important; }

.t1char { font-size: 1.25em; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-weight: normal; }

.tchar { font-size: 1.15em; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-weight: normal; }

.tcharSmall { font-size: 0.95em; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-weight: normal; }

.book { text-align:justify; padding: 1em 10% 1em 10% }