body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px;
padding:0px;
text-align: center;
background-color: efefef;
}

#container {
height: 516px;
width: 736px;
background-color: ffffff;
text-align: left;
border : none;
position: relative;
margin-left:auto;
margin-right:auto;
} 

div {
vertical-align: top;
}

#logo {
position : absolute;
margin-left : 18px;
margin-top : 20px;
padding : 2px 2px;
border : 1px solid white;
width : 132px;
height : 58px;
}

#logowords {
position : absolute;
margin-left : 1px;
margin-top : 84px;
padding : 0px 2px;
border : 1px solid white;
 font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : right;
width : 149px;
height : 24px;
}

.lo {
color : black;
font-weight : bold;
font-size : 16px;
font-family : verdana, geneva, arial, helvetica, sans-serif;

}
.go {
color : black;
font-weight : bold;
font-size : 10px;
font-family : verdana, geneva, arial, helvetica, sans-serif;
}

#headline {
position : absolute;
margin-left : 177px;
margin-top : 12px;
text-align : right;
border : 1px solid white;
padding : 19px;
width: 351px;
height : 59px;
}

#underbar {
position : absolute;
margin-left : 0;
margin-top : 112px;
padding : 2px;
width : 725px;
height : 2px;
}

#teal1 {
position : absolute;
margin-left : 22px;
margin-top : 137px;
padding : 0px;
border : 1px solid white;
width : 8px;
height : 8px;
}

#tealnav1 {
position : absolute;
margin-left : 46px;
margin-top : 164px;
border : 1px solid navy;
width : 8px;
height : 8px;
}

#olivnav1 {
position : absolute;
margin-left : 46px;
margin-top : 190px;
border : 1px solid navy;
width : 8px;
height : 8px;
}

#olivnav2 {
position : absolute;
margin-left : 46px;
margin-top : 216px;
border : 1px solid navy;
width : 8px;
height : 8px;
}

#olivnav3 {
position : absolute;
margin-left : 46px;
margin-top : 242px;
border : 1px solid navy;
width : 8px;
height : 8px;
}

#olivnav4 {
position : absolute;
margin-left : 46px;
margin-top : 268px;
border : 1px solid navy;
width : 8px;
height : 8px;
}

#olivnav5 {
position : absolute;
margin-left : 46px;
margin-top : 294px;
border : 1px solid navy;
width : 8px;
height : 8px;
}

#navbar {
position : absolute;
margin-left : 50px;
margin-top : 136px;
text-align : right;
padding : 0;
width : 108px;
height : 194px;
}

#help1 {
position : absolute;
margin-left : 194px;
margin-top : 134px;
text-align : justify;
padding : 2px;
border : 1px solid white;
width : 356px;
height : 248px;
}

#help2 {
position : absolute;
margin-left : 194px;
margin-top : 134px;
text-align : justify;
padding : 2px;
border : 1px solid white;
width : 356px;
height : 236px;
}

#help3 {
position : absolute;
margin-left : 194px;
margin-top : 134px;
text-align : justify;
padding : 2px;
border : 1px solid white;
width : 356px;
height : 314px;
}

#help4 {
position : absolute;
margin-left : 194px;
margin-top : 134px;
text-align : justify;
padding : 2px;
border : 1px solid white;
width : 356px;
height : 302px;
}

#h1barl {
position : absolute;
margin-left : 170px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 396px;
}	

#h1barr {
position : absolute;
margin-left : 570px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 396px;
}

#h2barl {
position : absolute;
margin-left : 170px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 384px;
}	

#h2barr {
position : absolute;
margin-left : 570px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 384px;
}

#h3barl {
position : absolute;
margin-left : 170px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 448px;
}	

#h3barr {
position : absolute;
margin-left : 570px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 448px;
}

#h4barl {
position : absolute;
margin-left : 170px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 448px;
}	

#h4barr {
position : absolute;
margin-left : 570px;
margin-top : 12px;
padding : 0;
width : 5px;
height : 448px;
}

#howcan {
position : absolute;
margin-left : 590px;
margin-top : 16px;
text-align : left;
padding : 6px;
width : 356px;
height : 92px;
}

#h1overbar {
position : absolute;
margin-left : 170px;
margin-top : 404px;
padding : 2px;
width : 402px;
height : 2px;
}

#h1anchor {
position: absolute;
margin-top : 412px;
margin-left: 249px;
  border : 1px solid white;
  padding : 0px 0px;
  width : 244px;
  height : 60px;
}

#h2overbar {
position : absolute;
margin-left : 170px;
margin-top : 392px;
padding : 2px;
width : 402px;
height : 2px;
}

#h2anchor {
position: absolute;
margin-top : 400px;
margin-left: 249px;
  border : 1px solid white;
  padding : 0px 0px;
  width : 244px;
  height : 60px;
}

#h3overbar {
position : absolute;
margin-left : 170px;
margin-top : 456px;
padding : 2px;
width : 402px;
height : 2px;
}

#h3anchor {
position: absolute;
margin-top : 462px;
margin-left: 249px;
  border : 1px solid white;
  padding : 0px 0px;
  width : 244px;
  height : 60px;
}

#h4overbar {
position : absolute;
margin-left : 170px;
margin-top : 456px;
padding : 2px;
width : 402px;
height : 2px;
}

#h4anchor {
position: absolute;
margin-top : 464px;
margin-left: 249px;
  border : 1px solid white;
  padding : 0px 0px;
  width : 244px;
  height : 60px;
}

a:link {
color : #00008b;
text-decoration : none;

}
a:visited {
color : #666699;
text-decoration : none;

}
a:active {
text-decoration : none;

}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;

}
.fl {
color : black;
font-weight : normal;
font-size : 24px;
font-family : verdana, arial, helvetica, sans-serif;

}
.th {
color : black;
font-weight : normal;
font-size : 20px;
font-family : verdana, geneva, arial, helvetica, sans-serif;

}

.howhead {
color : black;
font-weight : normal;
font-size :18px;
font-family : verdana, geneva, arial, helvetica, sans-serif;

}

.howcan {
color : black;
font-weight : normal;
font-size : 15px;
font-family : verdana, geneva, arial, helvetica, sans-serif;

}

#lp1 {
position : absolute;
margin-left : 577px;
margin-top : 13px;
border : 1px solid white;
padding : 24px 16px;
width : 126px;
height : 32px;
}

#lp2 {
position : absolute;
margin-left : 577px;
margin-top : 13px;
border : 1px solid white;
padding : 24px 16px;
width : 126px;
height : 32px;
}

#lp3 {
position : absolute;
margin-left : 577px;
margin-top : 13px;
border : 1px solid white;
padding : 24px 16px;
width : 126px;
height : 32px;
}

#lp4 {
position : absolute;
margin-left : 577px;
margin-top : 13px;
border : 1px solid white;
padding : 24px 16px;
width : 126px;
height : 32px;
}

.word1 {
position : absolute;
margin-left : 590px;
margin-top : 122px;
text-align : left;
font-family : Verdana, Arial, Helvetica, 		sans-serif;
font-size : 28px;
color : #66CC99;
padding : 6px;
width : 144px;
height : 43px;
}

.word2 {
position : absolute;
margin-left : 570px;
margin-top : 147px;
text-align : center;
font-family : Verdana, Arial, Helvetica, 		sans-serif;
font-size : 24px;
color : #99CCFF;

padding : 6px;
width : 144px;
height : 43px;
}

.word2a {
position : absolute;
margin-left : 570px;
margin-top : 155px;
text-align : center;
font-family : Verdana, Arial, Helvetica, 		sans-serif;
font-size : 24px;
color : #99CCFF;

padding : 6px;
width : 144px;
height : 43px;
}

.word3 {
position : absolute;
margin-left : 560px;
margin-top : 184px;
text-align : right;
font-family : Verdana, Arial, Helvetica, 		sans-serif;
font-size : 26px;
color : #66CCCC;
padding : 6px;
width : 144px;
height : 43px;
}

.an {
text-align: center;
color : teal;
font-weight : normal;
font-size : 18px;
font-family : verdana, geneva, arial, helvetica, sans-serif;
}

.chor {
text-align: center;
color : teal;
font-weight : bold;
font-size : 11px;
font-family : verdana, geneva, arial, helvetica, sans-serif;
}

.ecincre {
text-align: center;
color : teal;
font-weight : bolder;
font-size : 10px;
font-style: condensed;
font-family : verdana, geneva, arial, helvetica, sans-serif; 
padding : 8px 4px;
}

.dev {
text-align: center;
color : teal;
font-weight : bold;
font-size : 14px;
font-family : verdana, geneva, arial, helvetica, sans-serif;
padding : 0px 0px;
width : 196px;
height : 18px;
}