body
{
	background: #ffffff url('picts/background-main.gif');
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;
}

img
{
	margin: 0;
	padding: 0;
	border: 0;
}

table
{
	margin: 0;
	padding: 0;
	border: 0;
}

tr
{
	margin: 0;
	padding: 0;
	border: 0;
}

td
{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

p
{
	text-align: justify;
}

ul
{
	list-style-image: url(picts/seecabullet.gif);
}

textarea
{
  font-family: sans-serif;
  font-size: 10pt;
}

.pageHead
{
	height: 208px;
	width: 100%;
	background: #21423D;
}

.middle
{
	width: 100%;
	clear: both;
}

.bottom
{
	width: 100%;
	clear: both;
	background: #21423D;
}

.sidebar
{
	width: 227px;
	background: url('picts/corner.gif') no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

.sidecontainer
{
	padding: 10px 0 0 10px;
	width: 170px;
}

.core
{
	background: url('picts/shadow1.gif') repeat-x;
	padding: 40px 155px;
}

.coreEdu
{
	background: url('picts/shadow1.gif') repeat-x;
	padding: 40px 0 0 30px;
}

.copyMain
{
	width: 100%;
	background: #ffffff url('picts/shadow1.gif');
	padding: 10px 0 0 10px;
}

.aboutBar
{
	position: absolute;
	background: url('picts/about.jpg') repeat-x;
	top: 78px;
	left: 0;
	width: 100%;
	height: 80px;
}

/*This is all for the menu. Coupled with simple mouseovers to change the style, this works nearly
  identically in Firefox and IE*/
/*Top Level Menu Container*/
.tlMenu
{
	position: absolute;
	left: 0;
	top: 186px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	font-size: 8pt;
	font-weight: bold;
	font-family: arial,verdana,helvetica,sans-serif;
	background: url(picts/menu.gif) repeat-x;
	color: #cfcfe0;
	z-index: 100;
	width: 100%;
}
/*Top Level Menu Item*/
.mOut
{
	float: left;
	width: 130px;
	height: 22px;
	text-align: center;
	background: #000000 url(picts/menu.gif) no-repeat;
	margin: 0;
	padding: 0;
	border-right: 1px #000000 solid;
}

.mOver
{
	float: left;
	width: 130px;
	height: 22px;
	text-align: center;
	background: #c0c0c0 url(picts/menuon.gif) no-repeat;
	color: #ffffff;
	margin: 0;
	padding: 0;
	border-right: 1px #000000 solid;
}
/*Sub Menu Container*/
.subMenu
{
	list-style-type: none;
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}
/*Sub Menu Item*/
.subItem
{
	border-right: 1px #999999 solid;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	background: #ffffff;
	width: 100%;
	margin: 0;
	padding: 2px 0;
}

.submenu div.subitem:hover, .submenu div.subitem:hover a
{
	background: #999999;
	color: #ffffff;
	width: 100%;
}

.submenu .subitem a, .submenu .subitem a:visited
{
	background: #ffffff;
	color: #333333;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.submenu .subitem a:hover
{
	background: #999999;
	color: #ffffff;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.tlmenu .mOver .submenu
{
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

.mOut a, .mOut a:visited
{
	width: 100%;
	height: 22px;
	color: #cfcfe0;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.mOver a:hover, .mOut a:hover, .mOver a, .mOver a:visited
{
	background: #c0c0c0 url(picts/menuon.gif) no-repeat;
	color: #ffffff;
	width: 100%;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}
