body { 
text-align: center;
font-family: Verdana, SunSans-Regular, Sans-Serif; 
font-size: 16px;
color: #000; 
background-color: #CCFFCC; 
}

#topbg {
position: absolute;
left: 1%;
height: 226px;
width: 98%;
background-color: white;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbg {
position: absolute;
top:  250px;
left: 1%;
height: 1856px;
width: 98%;
background-color: white;
background-image: url('bg1.jpg');
background-repeat: repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#bottombg {
position: absolute;
top:  2125px;
left: 1%;
height: 300px;
width: 98%;
background-color: white;
border-style: solid;
border-color: green;
border-width: medium;
}


h1 {
text-align: center;
}

h2 {
text-align: center;
font-size: 24px;
}


#logo {
position: absolute;
top: 72px;
left: 6%;
}

#htpic {
position: absolute;
top: 48px;
right: 2%;
}



#right { 
position: absolute; 
left: 70%; 
width: 18%; 
top: 296px;
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmidribbon {
position: absolute;
left: 63%;
top: 235px;
}

#rightmid { 
position: absolute; 
left: 51%; 
width: 18%; 
top: 296px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#leftmid { 
position: absolute; 
left: 24%; 
width: 18%; 
top: 296px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#leftmidribbon {
position: absolute;
left: 17%;
top: 240px;
}


#left { 
position: absolute; 
left: 5%; 
width: 18%; 
top: 296px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#right2 { 
position: absolute; 
left: 70%; 
width: 18%; 
top: 600px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmid2 { 
position: absolute; 
left: 51%; 
width: 18%; 
top: 600px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmidribbon2 {
position: absolute;
left: 63%;
top: 539px;
}

#leftmid2 { 
position: absolute; 
left: 24%; 
width: 18%; 
top: 600px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#left2 { 
position: absolute; 
left: 5%; 
width: 18%; 
top: 600px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#leftmidribbon2 {
position: absolute;
left: 17%;
top: 544px;
}


#right3 { 
position: absolute; 
left: 70%; 
width: 18%; 
top: 900px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmid3 { 
position: absolute; 
left: 51%; 
width: 18%; 
top: 900px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmidribbon3 {
position: absolute;
left: 63%;
top: 843px;
}

#leftmid3 { 
position: absolute; 
left: 24%; 
width: 18%; 
top: 900px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#left3 { 
position: absolute; 
left: 5%; 
width: 18%; 
top: 900px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#leftmidribbon3 {
position: absolute;
left: 17%;
top: 843px;
}

#right4 { 
position: absolute; 
left: 70%; 
width: 18%; 
top: 1200px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmid4 { 
position: absolute; 
left: 51%; 
width: 18%; 
top: 1200px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmidribbon4 {
position: absolute;
left: 63%;
top: 1147px;
}

#leftmid4 { 
position: absolute; 
left: 24%; 
width: 18%; 
top: 1200px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#left4 { 
position: absolute; 
left: 5%; 
width: 18%; 
top: 1200px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#leftmidribbon4 {
position: absolute;
left: 17%;
top: 1152px;
}

#right5 { 
position: absolute; 
left: 70%; 
width: 18%; 
top: 1500px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmid5 { 
position: absolute; 
left: 51%; 
width: 18%; 
top: 1500px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}
#rightmidribbon5 {
position: absolute;
left: 63%;
top: 1451px;
}

#leftmid5 { 
position: absolute; 
left: 24%; 
width: 18%; 
top: 1500px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#left5 { 
position: absolute; 
left: 5%; 
width: 18%; 
top: 1500px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#leftmidribbon5 {
position: absolute;
left: 17%;
top: 1451px;
}

#right6 { 
position: absolute; 
left: 70%; 
width: 18%; 
top: 1800px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#rightmid6 { 
position: absolute; 
left: 51%; 
width: 18%; 
top: 1800px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}
#rightmidribbon6 {
position: absolute;
left: 63%;
top: 1755px;
}

#leftmid6 { 
position: absolute; 
left: 24%; 
width: 18%; 
top: 1800px; 
height: 250px; 
background-color: #99FF99;
border-style: solid;
border-color: white;
border-width: medium;
}

#left6 { 
position: absolute; 
left: 5%; 
width: 18%; 
top: 1800px; 
background-color: #ffffff;
border-style: solid;
border-color: white;
border-width: medium;
}

#leftmidribbon6 {
position: absolute;
left: 17%;
top: 1755px;
}

#bottomstatement {
text-align: center;
position:  absolute;
top: 2220px;
width: 60%;
left: 18%;
background-color: #ffffff;
}

#gpnlogo {
position: absolute;
top: 2185px;
left: 5%;
}

#ericsig {
position: absolute;
top: 2285px;
left:  65%;
width: 20%;
}

#midbgmp {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('mp.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbggr {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('gr.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgti {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('ti.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgms {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('ms.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgow {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('ow.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgowtext {
position: absolute;
text-align: left;
top:  20px;
left: 35%;
height: 456px;
width: 50%;
}

#midbgmlo {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('mlo.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgtso {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('tso.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbghoku {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('hoku.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbglei {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('lei.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgko {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('ko.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgll {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('ll.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}

#midbgtf {
position: absolute;
text-align: center;
top:  20px;
left: 1%;
height: 500px;
width: 98%;
background-color: white;
background-image: url('tf.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-style: solid;
border-color: green;
border-width: medium;
}