body {
	margin : 1% 20% 15% 3%;
	float : left;
	font : 85% arial, helvetica, sans-serif;
	text-align : left;
	color : Black;
	background-color:#EBEBEB;
}
img {
	border:none;
}
.outline {
	border : 1px solid black;min-width:800px;
}
td.boundary{
	width:500px;}
p{
	font : 85% arial, helvetica, sans-serif;
	color : Black;
}
 li{
	font : 85% arial, helvetica, sans-serif;
	color : Black;
	vertical-align:top;
	margin-bottom:15px;
	margin-top:-5px;
}
.inset{font : 120% arial, helvetica, sans-serif;
	color : Black;
}

em {
	font-weight:bold;color:#000033;text-decoration:none;
}

input, textarea, select, submit {
background-color: rgb(255, 255, 160)
}
 a:link {
	text-decoration : none;
	margin : 0 6px 0 6px;
	font-size : 90%;
color:white;
}
a:visited {
	text-decoration : none;
	margin : 0 6px 0 6px;
	font-size : 90%;
	color:white;

}
a:hover {
	margin : 0 6px 0 6px;
	background-color : #F5F5F5;
	font-size : 90%;
	color : #000000;
}
 a:active {
	margin : 0 6px 0 6px;
	background-color : Red;
	font-size : 90%;
	color : #000000;
}

/* style for table containing top two menus and logo*/

.menutable {
	width : 100%;
	height : 15%;
}

.menu1 {
	width : 100%;
	height : 2.5%;
	background-color : #333399;
	font-size : 75%;
	text-align : right;
	color : #ffffff;
}
.logoarea {
	width : 100%;
	height : 10%;
	background-color : #ffffff;
	text-align : right;
	background-image : url(../images/front1.jpg);
	background-repeat : no-repeat;
	padding-left:470px;
	white-space:nowrap;
}
.logoareatext {
	margin : 1%;
}
.logoareatext h1 {
	margin-right : 15%;
	margin-top : 2%;
	font-family : arial, helvetica, sans-serif;
	font-size : 150%;
	color : #000000;
	margin-left:10px;
}
.logoareatext p {
	margin-right : 5%;
	margin-top : -2%;
	font-style : italic;
	font-size : 100%;
	color : #333399;
}

.menu2 {
	width : 100%;
	height : 12.5%;
	background-color : #008394;
	font-size : 80%;
	text-align : left;
	color : #ffffff;

}
.menu2 a:link, .menu2 a:visited,.menu2 a:hover, .menu2 a:active{
		font-weight:bold;
}

/* style for table containing main content of the page*/
.contenttable {
	width : 100%;
	height : 78%;
}
td.welcomearea {vertical-align : top;
background-color:#31319C;

	width : 75%;
	height : 40px;
	padding-left:20px;
}
.welcomearea h1{font-size:175%;color:white;

margin-top:10px;
}
.welcomearea  p{;font-size:100%;font-weight:bold;margin-top:-10px;color:white;margin-bottom:10px;

}
td.content {
	width : 75%;
		vertical-align : top;
		background-color : #ffffff;
	}
	td.content p,h3{
	width : 75%;
	margin:20px;

	}
	td.content li{
	width : 75%;
font-size:85%;
margin:5px;

	}
td.content a:link, td.content a:visited{font-size:100%;
	color:blue;
}
#errors p{
	color:red;font-weight:bold;
}
	
td.infoarea {
	padding:2%;
	vertical-align : top;
	border : thin dotted #9932CC;
	background-color : #B0C4DE;
padding:15px;
}
.infoarea h3 {margin: 0 0 0 0;
	font-size:70%;
}
.infoarea h4{margin: 10px 0 10px 0;
	font-size:60%;
}
.infoarea p{margin: 10px 0 10px 0;
	font-size:70%;
}
.infoarea img{margin: 0 0 0 0;

}

/* style for table containing links, terms etc*/
.basetable {
	width : 100%;
}
.baseline1 {
	margin-top : 1px;
	width: 100%;
	height : 2.5%;
	background-color : #333399;
	font-size : 80%;
	text-align : left;
	color : #ffffff;
}
	
.baseline2 {
	width : 100%;
	height : 2.5%;
	background-color : #333399;
	font-size : 80%;
	text-align : right;
	color : #ffffff;
}
.bottomnote,.bottomnote a{
	font-size: 10px;
}
 .bottomnote a:link,  .bottomnote a:hover ,  .bottomnote a:visited {
	color:blue;
}