/* CSS Document */

  .top-section {
	position:relative;
	left:0;
	top:0;
	height: 100px;
	background-color:#83a2ff;
	border: 0px solid red;
  }
  .mid-section {
	position:relative;
	left:0;
	top:0;
    border: 0px solid blue;
  }
  .bottom-section {
  	position: relative;
    border: 0px solid green;
	/*border-top: 5px solid #ffffff;*/
  	background-color:#83a2ff;
	top:10px;
	width: 100%;
	height: 17px;
  }

.page {
	height:auto;
	border:0px solid cyan;
}


 .top-right {
	position:absolute;
	right: 0px;
	top: 0px;
	border: 0px solid magenta;
  }

  .leftnav {
	position:absolute;
    FONT-SIZE: xx-small;
	background-color: #CEDAFF;
    PADDING-TOP: 30px;
	z-index: 1;
	top:0;
	left:0;
	width:140px;
	/*height: 90%;*/
    border: 0px solid magenta;
  }

.leftnav A
{
    FONT-SIZE: 100%;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.leftnav A:visited
{
    FONT-SIZE: 100%;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.leftnav A:hover
{
    COLOR: #000066;
    TEXT-DECORATION: underline
}
.leftnav A:active
{
    COLOR: #000066;
    TEXT-DECORATION: underline
}
  .mainContent {
	
	position: relative;
	/*z-index:2;
	float:right;*/
	right: 0;
	top: 0px;
	padding-left: 180px;
	padding-right: 10px;
	border: 0px solid yellow;
    FONT-SIZE: x-small;
  }

  .bottom-1eft {
	float:left;
  	position:relative;
	left:0;
	bottom:0;
	width: 325px;
	height: 17px;
	background-image:url(../images/lhsOTA_banner_bottom.jpg);
  }
  .bottom-right {
	position: relative;
	float:right;
	right: 0px;
	border:0px solid black;
	width: 344px;
	background-image:url(../images/rhsOTA_banner_bottom.jpg);
	background-repeat:no-repeat;
  }
BODY
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    MARGIN: 0px;
    FONT-FAMILY: verdana, arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
	height: 100%;
}
.topNav
{
    BORDER-TOP: #ffffff 3px solid;	
    FONT-SIZE: x-small;
    WIDTH: 100%;
    BORDER-BOTTOM: #000066 1px solid;
	position:relative;
    HEIGHT: 28px;
    BACKGROUND-COLOR: #ffffff;
}
.topNavLeft
{
    BORDER: 0px solid black;
	width: 90px;
    FONT-SIZE: 100%;
    BACKGROUND-IMAGE: none;
    VERTICAL-ALIGN: top;
    COLOR: #000066;
    PADDING-TOP: 2px;
	left: 25px;
    POSITION: relative;
	float:left;
    TEXT-ALIGN: left;
}
.topNavRight
{
    BORDER: 0px solid black;
	width: 90px;
    FONT-SIZE: 100%;
    BACKGROUND-IMAGE: none;
    VERTICAL-ALIGN: top;
    COLOR: #000066;
    PADDING-TOP: 2px;
	right: 30px;
    POSITION: relative;
	float:right;
    TEXT-ALIGN: right
}

.mainContent P
{
    FONT-SIZE: 100%;
    COLOR: #000000
}
.mainContent SPAN
{
    FONT-SIZE: 100%
}
.mainContent LABEL
{
    FONT-SIZE: 100%
}
.mainContent A
{
    COLOR: #000066;
    TEXT-DECORATION: none
}
.mainContent A:visited
{
    COLOR: #000066;
    TEXT-DECORATION: none
}
.mainContent A:hover
{
    TEXT-DECORATION: underline
}
.mainContent A:active
{
    TEXT-DECORATION: underline
}
.mainContent H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000066;
	/*Color: #990000;*/
    PADDING-TOP: 0px;
    FONT-FAMILY: arial
}
.mainContent H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 130%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000066;
    PADDING-TOP: 0px
}
.mainContent H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    COLOR: #595959
}
.mainContent H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 110%;
    COLOR: #990000
}
.mainContent H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 110%;
    COLOR: #595959;
}
.mainContent TABLE
{
    FONT-SIZE: small;
    COLOR: #000000;
}
.mainContent TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #000066;
	text-align: left;
}
.mainContent TD
{
    FONT-SIZE: 80%;
    COLOR: #000000;
	vertical-align: top;
}
.mainContent SUP
{
    FONT-SIZE: 100%;
    COLOR: #cd1f36;
}
.mainContent CAPTION
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 85%;
    COLOR: #595959;
    TEXT-ALIGN: left
}
.navItem
{
    BACKGROUND-POSITION: 0px 50%;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 110%;
    PADDING-BOTTOM: 7px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #000066 1px solid;
    BACKGROUND-REPEAT: no-repeat
}
.navItemSelected
{
    BORDER-RIGHT: #cccccc 0px solid;
    BACKGROUND-POSITION: 0px 5px;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 110%;
    PADDING-BOTTOM: 7px;
    BORDER-LEFT: #cccccc 0px solid;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #aabbcc
}
.navItemSelected A
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff
}
.navItemSelected A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff
}
.navItemSelected A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff
}
.navItemSelected A:active
{
    FONT-WEIGHT: bold;
    COLOR: #000000
}
.navSubItem
{
    BACKGROUND-POSITION: 2px;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    BACKGROUND-IMAGE: url(../images/bullet_point.gif);
    PADDING-BOTTOM: 5px;
    MARGIN-LEFT: 1px;
    COLOR: #660000;
    MARGIN-RIGHT: 1px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff
}
.navSubItem A
{
    FONT-WEIGHT: normal
}
.navSubItem A:visited
{
    FONT-WEIGHT: normal
}
.navSubItem A:hover
{
    FONT-WEIGHT: normal
}
.navSubItem A:active
{
    FONT-WEIGHT: normal;
    COLOR: #000066
}
.ltBlue {
    background-color: #D9E3F4;
}
.green {
    background-color: #2D9D32;
	text-align: center;
	font-weight: bold;
}
.amber {
    background-color: #E6A731;
	text-align: center;
	font-weight: bold;
}
.red {
    background-color: #E23F36;
	text-align: center;
	font-weight: bold;
}
.compblue {
	background-color: #0F87FF;
	text-align: center;
	font-weight: bold;
}
.tableborderblue {
	border-bottom: 1px solid #000066;
}
.tableborderblue2 {
	border-bottom: 2px solid #000066;
}
li {
	padding-bottom: 10px;
}
