body {
	font-size: 16px;
	background-color: #06f;
	overflow: hidden;
	margin: 0; }
address {
	font-size: 12px;
	font-family: serif, "Times New Roman", Times, "New York";
	font-style: italic;
}
.picture {
	float: right;
	clear: both;
	border: solid 1px black; }
p { }

td { }

a:link { }

a:visited { }

a:hover { }

a:active { }
/*Paragraph Styles*/
.Moto {
	color: #f33;
	font-size: 50px;
	font-family: serif, "Times New Roman", Times, "New York";
	font-weight: bold;
	font-style: italic; }
.Title {
	color: black;
	font-size: 24px;
	font-weight: bold; }

.Login {
	color: maroon;
	text-align: center;
	line-height: 32px;
}

.error {
	color: red;
	font-weight: bold;
}
.SubTitle {
	color: black;
	font-size: 16px;
	font-weight: bold; }
/*Layers*/
#logo{
	position: relative;
	top: 10px;
	left: 10px; }
#menu{
	position: absolute;
	top: 190px;
	left: 20px;
	width: 120px; }
#loginl{
	position: relative;
	float: left;
	width: 40%;
}
#loginr{
	background-color: #dcdcdc;
	position: relative;
	float: right;
	width: 248px;
	height: 115px;
	border: 1px solid #000;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	padding: 5px 25px 15px;
}

#TextPanel{
	position: relative;
	float: left;
	width: 60%;
}

#ImagePanel{
	position: relative;
	float: right;
	width: 248px;
}

#main{
	background-color: #80b2ff;
	position: absolute;
	top: 190px;
	left: 200px;
	right: 10px;
	bottom: 70px;
	overflow: auto;
	float: right;
	padding: 10px;
	border-top: 10px solid silver;
	border-left: 10px solid silver; }
* html #main{
	width: expression(document.documentElement.clientWidth - 250 + "px");
	height: expression( document.documentElement.clientHeight - 280 + "px"); }
#address {
	position: absolute;
	left: 210px;
	bottom: 10px; }
/*<agl.folder "Menu Styles">*/
/*Menu Styles*/
/*First Level; text properties for states: normal, hover, click */
.TM0i0 {
		color: white;
		font-size: 18px;
		font-family: serif, "Times New Roman", Times, "New York";
		font-style: normal;
		text-decoration: none;
		text-indent: 20px;
		vertical-align: middle;
		padding-top: 2px; }
/*First Level; box properties for states: normal */
	.TM0o0 {
		padding: 2px;
		text-align: left;
		vertical-align: middle;
		text-decoration: none;
		text-indent: 5px; }
	/*First Level; box properties for states: hover */
.TM0o1 {
		background: #80b2ff;
		padding: 2px;
		text-align: left;
		vertical-align: middle;
		text-decoration: none;
		text-indent: 5px; }
	/*First Level; box properties for states: click */
	.TM0o2 {
		background: #80b2ff;
		padding: 2px;
		text-align: left;
		vertical-align: middle;
		text-decoration: none;
		text-indent: 5px; }
	/*Second Level; text properties for states: normal, hover, click */
	.TM1i0 {
		color: white;
		font-size: 18px;
		font-family: serif, "Times New Roman", Times, "New York";
		font-style: normal;
		text-decoration: none;
		text-indent: 20px;
		height: 27px;
		padding-top: 2px;
		border: solid 1px black; }
	/*Second Level; box properties for states: hover */
	.TM1o1 {
		color: white;
		font-size: 18px;
		background-color: #80b2ff;
		text-decoration: none; }
	/*Second Levels; box properties for states: normal */
	.TM1o0 {
		color: white;
		font-size: 18px;
		background: #06f;
		text-decoration: none; }
	/*Second Level; box properties for states: click */
	.TM1o2 {
		color: white;
		font-size: 18px;
		background: #80b2ff;
		text-decoration: none; }
/*</agl.folder>*/
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }