/* CSS Document */
<STYLE type="text/css">

body {
  text-align:center;
  font-family: Georgia, Serif;
}

#pagetitle {
  text-align: left;
  font-size: 20px;
  font-family: Verdana;
  font-style: italic;
  color: #0000c5;  
  font-weight: bold;
  text-transform: capitalize;
}

#frame {
  width:750px;
  margin-top:10px;
  text-align:left;
}

#main {
  position: absolute;
  top: 120px;
  left: 180px;
  float: left;
  width: 80%;
  background: #F5F5F5;
  padding: 10px;
  margin:5px;
  font-family: Verdana;
  font-size: 12px;
}


#tabs3 {
    font-size: 12px; BACKGROUND: #e4e6eb; FLOAT: left; WIDTH: 100%;
    LINE-HEIGHT: normal; font-family: Verdana;
}
#tabs3 UL {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; 
    MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabs3 LI {
    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs3 A {
    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; 
    BACKGROUND: url(tableft3.gif) no-repeat left top; FLOAT: left; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs3 A SPAN {
    PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; 
    BACKGROUND: url(tabright3.gif) no-repeat right top; 
    FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
}
#tabs3 A SPAN {
    FLOAT: none
}
#tabs3 A:hover SPAN {
    COLOR: #fff
}
#tabs3 A:hover {
    BACKGROUND-POSITION: 0% -42px
}
#tabs3 A:hover SPAN {
    BACKGROUND-POSITION: 100% -42px
}
#tabs3 #current A {
    BACKGROUND-POSITION: 0% -42px
}
#tabs3 #current A SPAN {
    BACKGROUND-POSITION: 100% -42px
}

#leftcontent {

  width: 140px;
  background: #dddddd;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin: 5px;
}

#button {
    position: absolute;
    top: 180px;
    left: 10px;
    float: left;
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 1em;
    WIDTH: 15em; COLOR: #333; PADDING-TOP: 10px;
    FONT-FAMILY: Verdana; font-size: 11px;
    BACKGROUND-COLOR: #90bade
}

#button UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; 
    MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; 
    LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#button LI {
    LIST-STYLE-IMAGE: none; MARGIN: 0px; BORDER-BOTTOM: #90bade 1px solid; 
    LIST-STYLE-TYPE: none
}
#button LI A {
    BORDER-RIGHT: #508fc4 10px solid; PADDING-RIGHT: 5px; 
    DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 5px; 
    BORDER-LEFT: #1958b7 10px solid; WIDTH: 100%; COLOR: #fff; 
    PADDING-TOP: 5px; BACKGROUND-COLOR: #2175bc; TEXT-DECORATION: none
}
UNKNOWN {
    WIDTH: auto
}
#button LI A:hover {
    BORDER-RIGHT: #5ba3e0 10px solid; BORDER-LEFT: #1c64d1 10px solid; 
    COLOR: #fff; BACKGROUND-COLOR: #0ca0d1
}
#button LI #active {
    BORDER-RIGHT: #5ba3e0 10px solid; BORDER-LEFT: #1c64d1 10px solid; 
    COLOR: #fff; BACKGROUND-COLOR: #0ca0d1
}

#rightcontent {
  position: absolute;
  top: 120px;
  left: 400px;
  float: left;
  width: 140px;
  background: #DDEEFF;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin: 5px;
}

#rightcontent p {
  font-size:10px;
}

#leftcontent a {
  font-size:12px;
  line-height:2;
}

        .style1
        {
            font-size: 12px;
            width: 95%;
            height: 300px;
            vertical-align: top;
        }

        .style2
        {
            font-size: 12px;
            width: 90px;
            vertical-align: top;
        }

</STYLE>