#footer  {
	padding: 0 10px 0 80px;
	margin-top: 10px;
	font-size: x-small;
} 
#mainContent  {
	margin: 0px auto 0 auto; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 00px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: relative;
	width: 785px;
	border-right-style: none;
	height: 638px;
} 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000066;
	font-size: small;
	background-image: url(../images/Background.jpg);
}
#OuterBox {
	border: 1px solid #0066ff;
	position: absolute;
	width: 776px;
	left: 12px;
	top: 34px;
	height: 601px;
	z-index: 0;
	background-color: white;
}
#LeftBox {
	position: absolute;
	right: 9px;
	width: 250px;
	float: right;
	top: 206px;
	z-index: 5;
	font-size: x-small;
}
#BlueBar {
	position: absolute;
	left: 12px;
	top: 34px;
	z-index: 5;
}
td {
	font-family:verdana;
	font-size:11px;
}

.footer {
	font-size:10px;
	color:#999999;
}

.white {
	color:white;
}

.grey {
	color:#999999;
}

.header {
	font-size:14px;
	font-weight:bold;
	line-height:28px;
}

.subheader {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.note {
	font-family:verdana;
	font-size:10px;
	color:#333333;
}

a {
	color:#0066FF;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#0066FF;
	font-weight:bold;
	text-decoration:underline;
}

a.menu:link, a.menu:visited {
	font:bold 14px Arial, sans serif;
	background:#F2F2F2;
	color:#8290A9;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-left:3px;
	margin:1px;
	padding-right:3px;
	padding-top:6px;
	height:28px;
	text-align:center;
}

a.menu:hover {
	background:#8290A9;
	color:white;
}

.smaller {
	font-size:10px;
}

select {
	font-size:12px;
}

input,textarea {
	font-family:verdana;
	font-size:10px;
}

.width {
	width:170px;
}

.textarea {
	width:170px;
	height:60px;
	font-family:verdana;
	font-size:10px;
}

.emph {
	color:#FF0000;
	font-weight:bold;
}



thead tr {
	background:#333;
}
thead tr td {
	font:bold 12px Verdana,sans-serif;
	color:white;
}
#Balloon {
	position: relative;
	left: 0px;
	top: 0px;
	width: 700px;
	float:right;
}
#Controls {
	position: relative;
	left: 0px;
	float: left;
	top: 0px;
	background-color: #0099CC;
	height: 605px;
	padding-left: 5px;
}
#Middle {
	width: 920px;
	margin: 50px auto;
	text-align: left;
	height:605px;
}
.large {
	font-size:xx-large;
}
.bordered {
	border-style:solid; 
	border-color:#0066ff;
	border-width:1px
}
a img {
	border: none; 
}