<style type="text/css">


* {
padding: 0px;
margin: 0px;
}

/* ################################GENERAL CSS CODE############################################## */
/* ############################################################################################### */




#banner1{
width: 900px;
height: 180px;
position: absolute;
top: 0px;
left: 0px;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#bannerPic{
width: 569px;
height: 135px;
position: absolute;
top: 35px;
left: 25px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#logInBox{
width: 190px;
height: 95px;
position: absolute;
top: 75px;
left: 700px;
background: #114956;
border: #123744 1px solid;
margin:0px 0px 0px 0px;
padding: 5px 0px 0px 0px;  /* top, right, bottom, left */
}


#banner2{
width: 900px;
height: 290px;
position: absolute;
top: 180px;
left: 0px;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#NewsEvents{
width: 176px;
height: 260px;
position: absolute;
top: 50px;
left: 20px;
background: #ededed;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#NewsEvents_Title{
width: 176px;
height: 42px;
position: absolute;
top: 0px;
left: 0px;
font:Bold .75em arial,helvetica,sans-serif;
color: #c78401;
text-align: center;
background: url("MediaContent/sidePanelTitleBG.jpg") repeat-x;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#NewsScroller{
width: 162px;
height: 202px;
position: absolute;
top: 50px;
left: 5px;
background: #ededed;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}






#FreeTrial{
width: 176px;
height: 163px;
position: absolute;
top: 342px;
left: 20px;
background: #5f8c2d;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#FreeTrial_Title{
width: 176px;
height: 41px;
position: absolute;
top: 0px;
left: 0px;
font:Bold .75em arial,helvetica,sans-serif;
color: #E1FCE0;
text-align: center;
background: url("MediaContent/sidePanelTitleBG2.jpg") repeat-x;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#FreeTrialContent{
width: 156px;
height: 105px;
position: absolute;
top: 45px;
left: 7px;
font:.7em arial,helvetica,sans-serif;
color: #E6E8E6;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 3px 0px 3px;  /* top, right, bottom, left */
}



#TollFree{
width: 176px;
height: 160px;
position: absolute;
top: 515px;
left: 20px;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#CompanyProfile{
width: 146px;
height: 48px;
position: absolute;
top: 690px;
left: 36px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#Referral{
width: 176px;
height: 260px;
position: absolute;
top: 50px;
left: 9px;
background: #DCFFD4;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#Referral_Title{
width: 176px;
height: 41px;
position: absolute;
top: 0px;
left: 0px;
font:Bold .75em arial,helvetica,sans-serif;
color: #C68400;
text-align: center;
background: url("MediaContent/sidePanelTitleBG3.jpg") repeat-x;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#ReferralPic{
width: 162px;
height: 113px;
position: absolute;
top: 42px;
left: 7px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#ReferralText{
width: 162px;
height: 90px;
position: absolute;
top: 155px;
left: 7px;
font:.70em arial,helvetica,sans-serif;
color: #4A4A4A;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#Premium{
width: 176px;
height: 298px;
position: absolute;
top: 342px;
left: 9px;
background: #DCFFD4;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#Premium_Title{
width: 176px;
height: 41px;
position: absolute;
top: 0px;
left: 0px;
font:Bold .75em arial,helvetica,sans-serif;
color: #C68400;
text-align: center;
background: url("MediaContent/sidePanelTitleBG3.jpg") repeat-x;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumPic{
width: 172px;
height: 102px;
position: absolute;
top: 42px;
left: 2px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumText{
width: 162px;
height: 90px;
position: absolute;
top: 144px;
left: 7px;
font:.70em arial,helvetica,sans-serif;
color: #4A4A4A;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Affiliation{
width: 176px;
height: 100px;
position: absolute;
top: 670px;
left: 9px;
background: clear;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryBackLink{
width: 70px;
height: 20px;
position: absolute;
top: 0px;
left: 0px;
text-align: left;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#GalleryNextLink{
width: 70px;
height: 20px;
position: absolute;
top: 0px;
left: 530px;
text-align: right;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



.banner2 a{
text-decoration: none;
color: #F9DA3E;
}

.footer a{
text-decoration: none;
color: #bef9b9;
font-weight: bold;
}


span.BigLetter{
font: bold 1.5em arial,helvetica,sans-serif;
}

.NewsScroller a{
text-decoration: none;
color: #039303;
}

.ReferralText a{
text-decoration: none;
color: #039303;
}


.FreeTrialContent a{
text-decoration: none;
color: #F9DA3E;
}



.FreeTrialContent a{
text-decoration: none;
color: #F9DA3E;
}



.mainContent_Dictation a{
text-decoration: none;
color: #039303;
}


.Referral1Text3 a{
text-decoration: none;
color: #039303;
}




.Referral2Text1 a{
text-decoration: none;
color: #039303;
}


.mainContent_Security a{
text-decoration: none;
color: #039303;
}

.mainContent_MsMaya a{
text-decoration: none;
color: #039303;
}


.NavLinksGalleryPics1 a{
text-decoration: none;
color: #039303;
}

.NavLinksGalleryPics2 a{
text-decoration: none;
color: #039303;
}

.NavLinksGalleryPics3 a{
text-decoration: none;
color: #039303;
}

.NavLinksGalleryPics4 a{
text-decoration: none;
color: #039303;
}





/* News & Events round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 176px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox #top, div#roundedbox #bottom {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox #topleft {
      background: url(MediaContent/roundCornerPic.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox #topright {
      background: url(MediaContent/roundCornerPic.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox #bottomleft {
      background: url(MediaContent/roundCornerPic.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox #bottomright {
      background: url(MediaContent/roundCornerPic.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox #boxcontent {
      margin: 0em 0em;
      width: 170px;
      height: 236px;
   }



/* News & Events round corners CSS ends here */


/* Free Trial round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox1 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 176px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox1 #top1, div#roundedbox1 #bottom1 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox1 #topleft1 {
      background: url(MediaContent/roundCornerPic2.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox1 #topright1 {
      background: url(MediaContent/roundCornerPic2.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox1 #bottomleft1 {
      background: url(MediaContent/roundCornerPic2.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox1 #bottomright1 {
      background: url(MediaContent/roundCornerPic2.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox1 #boxcontent1 {
      margin: 0em 0em;
      width: 170px;
      height: 139px;
   }



/* Free Trial round corners CSS ends here */



/* Referral Program round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox3 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 176px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox3 #top3, div#roundedbox3 #bottom3 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }

   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox3 #topleft3 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox3 #topright3 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox3 #bottomleft3 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox3 #bottomright3 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox3 #boxcontent3 {
      margin: 0em 0em;
      width: 176px;
      height: 236px;
   }



/* Referral Program round corners CSS ends here */





/* Premium round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox4 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 176px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox4 #top4, div#roundedbox4 #bottom4 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox4 #topleft4 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox4 #topright4 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox4 #bottomleft4 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox4 #bottomright4 {
      background: url(MediaContent/roundCornerPic4.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox4 #boxcontent4 {
      margin: 0em 0em;
      width: 176px;
      height: 274px;
   }



/* Premium round corners CSS ends here */








/* ################################FORM CSS CODE############################################## */
/* ############################################################################################### */



.Username {
background-color: clear;
color: #34344C;
font-family: arial,helvetica,sans-serif;
font-size: 8pt;
font-weight: normal;
border: #A09C9C 1px solid;
width: 100px;
margin: 2px 1px 0px 1px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.Password {
background-color: clear;
color: #34344C;
font-family: arial,helvetica,sans-serif;
font-size: 8pt;
font-weight: normal;
border: #A09C9C 1px solid;
width: 100px;
margin: 2px 0px 0px 2px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
} 


LABEL {
font-family: arial,helvetica,sans-serif;
color: #E0F7DC;
font-size: 8pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

.submit2 {
background-color: #D3D3D3;
font-family: arial,helvetica,sans-serif;
border: #9FA0A0 1px solid;
font-size: 10px;
font-weight: bold;
color: #043804;
cursor: pointer;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
} 


span.text {
font:.7em arial,helvetica,sans-serif;
color: #A05A5A;
}

.logInBox a{
text-decoration: none;
color: #77FCF5;
}

.butLink a{
text-decoration: none;
color: #34344C;
}



































/* ################################HOMEPAGE CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapperHome {
width: 900px;
height: 910px;
position: relative;
margin: 0 auto; 
background: #2b7327;
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumnHome{
width: 205px;
height: 930px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentHome{
width: 490px;
height: 930px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentHomeWrapper{
width: 466px;
height: 930px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentHomeWrapper2{
width: 438px;
height: 740px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#MissionTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#MissionText{
width: 438px;
height: 170px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#VisionTitle{
width: 438px;
height: 30px;
position: absolute;
top: 255px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#VisionText{
width: 438px;
height: 170px;
position: absolute;
top: 300px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryTitle{
width: 438px;
height: 30px;
position: absolute;
top: 550px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryContent{
width: 438px;
height: 170px;
position: absolute;
top: 600px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#rightColumnHome{
width: 205px;
height: 930px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footerHome{
width: 900px;
height: 75px;
position: absolute;
top: 1400px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}





/* (HOME) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2 #top2, div#roundedbox2 #bottom2 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2 #topleft2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2 #topright2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2 #bottomleft2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2 #bottomright2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2 #boxcontent2 {
      margin: 0em 0em;
      width: 466px;
      height: 906px;
   }



/* (HOME) Main Content round corners CSS ends here */











/* ################################ABOUT US CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_AboutUs {
width: 900px;
height: 1685px;
position: relative;
margin: 0 auto; 
background: #2b7327;
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_AboutUs{
width: 205px;
height: 1160px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_AboutUs{
width: 490px;
height: 1160px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_AboutUs{
width: 466px;
height: 1160px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_AboutUs{
width: 438px;
height: 1100px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#OurCompanyTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#OurCompanyText{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#OurTeamTitle{
width: 438px;
height: 30px;
position: absolute;
top: 435px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#OurTeamText{
width: 438px;
height: 610px;
position: absolute;
top: 480px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}





#rightColumn_AboutUs{
width: 205px;
height: 1160px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_AboutUs{
width: 900px;
height: 75px;
position: absolute;
top: 1630px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}





/*  (ABOUT US) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_AboutUs {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_AboutUs #top2_AboutUs, div#roundedbox2_AboutUs #bottom2_AboutUs {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_AboutUs #topleft2_AboutUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_AboutUs #topright2_AboutUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_AboutUs #bottomleft2_AboutUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_AboutUs #bottomright2_AboutUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_AboutUs #boxcontent2_AboutUs {
      margin: 0em 0em;
      width: 466px;
      height: 1136px;
   }



/* (ABOUT US) Main Content round corners CSS ends here */








/* ################################ORGANIZATION CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Organization {
width: 900px;
height: 1735px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Organization {
width: 205px;
height: 1210px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Organization {
width: 490px;
height: 1210px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Organization {
width: 466px;
height: 1210px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Organization {
width: 438px;
height: 1100px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#OrgIntro{
width: 438px;
height: 350px;
position: absolute;
top: 5px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#CorpExecTitle{
width: 438px;
height: 30px;
position: absolute;
top: 150px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#CorpExec1{
width: 438px;
height: 256px;
position: absolute;
top: 195px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#CorpExecPic1{
width: 154px;
height: 216px;
position: absolute;
top: 0px;
left: 145px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#CorpExecText1{
width: 438px;
height: 40px;
position: absolute;
top: 226px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#CorpExec2{
width: 438px;
height: 256px;
position: absolute;
top: 471px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#CorpManagementTitle{
width: 438px;
height: 30px;
position: absolute;
top: 767px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#CorpManagement{
width: 438px;
height: 256px;
position: absolute;
top: 807px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#CorpConsultantTitle{
width: 438px;
height: 30px;
position: absolute;
top: 1088px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#CorpConsultantText1{
width: 438px;
height: 40px;
position: absolute;
top: 1125px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}





#rightColumn_Organization {
width: 205px;
height: 1210px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Organization {
width: 900px;
height: 75px;
position: absolute;
top: 1680px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



span.ExecName{
font: bold 1.1em arial,helvetica,sans-serif;

}

span.ExecTitle{
font: 1em arial,helvetica,sans-serif;
color: #808f02;
}


.mainContent_Organization a{
text-decoration: none;
color: #039303;
}

/*  (ORGANIZATION) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Organization {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Organization #top2_Organization, div#roundedbox2_Organization #bottom2_Organization {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Organization #topleft2_Organization {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Organization #topright2_Organization {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Organization #bottomleft2_Organization {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Organization #bottomright2_Organization{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Organization #boxcontent2_Organization{
      margin: 0em 0em;
      width: 466px;
      height: 1186px;
   }



/* (ORGANIZATION) Main Content round corners CSS ends here */








/* ################################SECURITY CSS CODE############################################## */
/* ############################################################################################### */
body
{
text-align: center;
}


#wrapper_Security {
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Security{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Security{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Security{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Security{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#SecurityTitle1{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
font:bold .85em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#SecurityText1{
width: 438px;
height: 350px;
position: absolute;
top: 70px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#SecurityTitle2{
width: 438px;
height: 30px;
position: absolute;
top: 375px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#SecurityText2{
width: 438px;
height: 370px;
position: absolute;
top: 420px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#rightColumn_Security{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Security{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


/*  (SECURITY) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Security {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Security #top2_Security, div#roundedbox2_Security #bottom2_Security {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Security #topleft2_Security {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Security #topright2_Security {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Security #bottomleft2_Security {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Security #bottomright2_Security {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Security #boxcontent2_Security {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (SECURITY) Main Content round corners CSS ends here */



/* ################################DICTATION METHOD CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Dictation{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Dictation{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Dictation{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Dictation{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Dictation{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#DictationTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#DictationText{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#rightColumn_Dictation{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Dictation{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


/*  (DICTATION METHOD) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Dictation {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Dictation #top2_Dictation, div#roundedbox2_Dictation #bottom2_Dictation {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Dictation #topleft2_Dictation {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Dictation #topright2_Dictation {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Dictation #bottomleft2_Dictation {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Dictation #bottomright2_Dictation {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Dictation #boxcontent2_Dictation {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (DICTATION METHOD) Main Content round corners CSS ends here */





/* ################################RATES CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Rates{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Rates{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Rates{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Rates{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Rates{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#RatesTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#RatesText{
width: 438px;
height: 150px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#RatesPic{
width: 116px;
height: 307px;
position: absolute;
top: 210px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#RatesTable{
width: 315px;
height: 307px;
position: absolute;
top: 210px;
left: 123px;
font:.70em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#RatesTableColumn1{
width: 108px;
height: 307px;
position: absolute;
top: 0px;
left: 0px;

background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#RatesTableColumn2{
width: 70px;
height: 307px;
position: absolute;
top: 0px;
left: 112px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#RatesTableColumn3{
width: 123px;
height: 307px;
position: absolute;
top: 0px;
left: 186px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#rightColumn_Rates{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Rates{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

span.TableTitle{
font: bold 1.1em arial,helvetica,sans-serif;
color: white;
}





/*  (RATES) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Rates{
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Rates #top2_Rates, div#roundedbox2_Rates #bottom2_Rates {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Rates #topleft2_Rates {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Rates #topright2_Rates {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Rates #bottomleft2_Rates {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Rates #bottomright2_Rates {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Rates #boxcontent2_Rates {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (RATES) Main Content round corners CSS ends here */




/* ################################CONTACT US CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_ContactUs{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_ContactUs{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_ContactUs{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_ContactUs{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
background-image: url("MediaContent/ContactUsPic2.jpg"); 
background-repeat: no-repeat; 
background-position: 100% 10%;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_ContactUs{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#ContactUsTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#ContactUsText{
width: 408px;
height: 350px;
position: absolute;
top: 50px;
left: 30px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}






#rightColumn_ContactUs{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_ContactUs{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}







span.header1 {
font: bold 1em arial,helvetica,sans-serif;
color: #c68400;
}

span.header2 {
font: bold 1em arial,helvetica,sans-serif;
color: #c68400;
}

.mainContent_ContactUs a{
text-decoration: none;
color: #039303;
}


/*  (CONTACT US) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_ContactUs {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_ContactUs #top2_ContactUs, div#roundedbox2_ContactUs #bottom2_ContactUs {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_ContactUs #topleft2_ContactUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_ContactUs #topright2_ContactUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_ContactUs #bottomleft2_ContactUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_ContactUs #bottomright2_ContactUs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_ContactUs #boxcontent2_ContactUs {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (CONTACT US) Main Content round corners CSS ends here */






/* ################################SERVICES1 METHOD CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_Services1{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Services1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Services1{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Services1{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Services1{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#SubMenuService{
width: 428px;
height: 20px;
position: absolute;
top: 0px;
left: 0px;
font: bold .75em arial,helvetica,sans-serif;
color: #405140;
background: #b7ffb3;
margin:0px 0px 0px 0px;
padding: 5px 0px 0px 10px;  /* top, right, bottom, left */
}



#Service1Title{
width: 438px;
height: 30px;
position: absolute;
top: 45px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Service1Text{
width: 438px;
height: 80px;
position: absolute;
top: 80px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Service1Title2{
width: 438px;
height: 30px;
position: absolute;
top: 160px;
left: 0px;
font:bold .8em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#ReportsTypes{
width: 438px;
height: 130px;
position: absolute;
top: 210px;
left: 0px;
font:bold .75em arial,helvetica,sans-serif;
color: #dd9403;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#Reports1{
width: 180px;
height: 100px;
position: absolute;
top: 25px;
left: 30px;
font: 1em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Reports2{
width: 200px;
height: 100px;
position: absolute;
top: 25px;
left: 218px;
font: 1em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#SpecialtiesTypes{
width: 438px;
height: 220px;
position: absolute;
top: 350px;
left: 0px;
font:bold .8em arial,helvetica,sans-serif;
color: #dd9403;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Specialties1{
width: 180px;
height: 190px;
position: absolute;
top: 25px;
left: 30px;
font: 1em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Specialties2{
width: 200px;
height: 190px;
position: absolute;
top: 25px;
left: 218px;
font: 1em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#rightColumn_Services1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Services1{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



.SubMenuService a{
text-decoration: none;
color: #089a00;
}




.SubMenuService a:hover 
	{color: white;
	background-color: #84a903;
	text-decoration: none
	}


/*  (SERVICES1) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Services1 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Services1 #top2_Services1, div#roundedbox2_Services1 #bottom2_Services1 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Services1 #topleft2_Services1{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Services1 #topright2_Services1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Services1 #bottomleft2_Services1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Services1 #bottomright2_Services1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Services1 #boxcontent2_Services1 {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (SERVICES1) Main Content round corners CSS ends here */






/* ################################SERVICES2 METHOD CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_Services2{
width: 900px;
height: 3435px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Services2{
width: 205px;
height: 2910px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Services2{
width: 490px;
height: 2910px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Services2{
width: 466px;
height: 2910px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Services2{
width: 438px;
height: 2880px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#SubMenuService{
width: 428px;
height: 20px;
position: absolute;
top: 0px;
left: 0px;
font: bold .75em arial,helvetica,sans-serif;
color: #405140;
background: #b7ffb3;
margin:0px 0px 0px 0px;
padding: 5px 0px 0px 10px;  /* top, right, bottom, left */
}



#BenefitsTitle{
width: 438px;
height: 30px;
position: absolute;
top: 50px;
left: 0px;
font:bold .85em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#BenefitsList{
width: 438px;
height: 530px;
position: absolute;
top: 100px;
left: 0px;
font: .75em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}





#rightColumn_Services2{
width: 205px;
height: 2910px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Services2{
width: 900px;
height: 75px;
position: absolute;
top: 3380px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




.BenefitsList a{
color: #089a00;
}



/*  (SERVICES2) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Services2 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Services2 #top2_Services2, div#roundedbox2_Services2 #bottom2_Services2 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Services2 #topleft2_Services2{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Services2 #topright2_Services2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Services2 #bottomleft2_Services2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Services2 #bottomright2_Services2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Services2 #boxcontent2_Services2 {
      margin: 0em 0em;
      width: 466px;
      height: 2886px;
   }



/* (SERVICES2) Main Content round corners CSS ends here */



/* ################################FAQs METHOD CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_FAQs{
width: 900px;
height: 4055px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_FAQs{
width: 205px;
height: 3530px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_FAQs{
width: 490px;
height: 3530px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_FAQs{
width: 466px;
height: 3530px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_FAQs{
width: 438px;
height: 3500px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#FAQsTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#FAQsList{
width: 438px;
height: 530px;
position: absolute;
top: 50px;
left: 0px;
font: .75em arial,helvetica,sans-serif;
color: #366136;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#rightColumn_FAQs{
width: 205px;
height: 3530px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_FAQs{
width: 900px;
height: 75px;
position: absolute;
top: 4000px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




.FAQsList a{
color: #089a00;
}



/*  (FAQs) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_FAQs {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_FAQs #top2_FAQs, div#roundedbox2_FAQs #bottom2_FAQs {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_FAQs #topleft2_FAQs{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FAQs #topright2_FAQs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FAQs #bottomleft2_FAQs{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FAQs #bottomright2_FAQs {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_FAQs #boxcontent2_FAQs {
      margin: 0em 0em;
      width: 466px;
      height: 3506px;
   }



/* (FAQs) Main Content round corners CSS ends here */





/* ################################REFERRAL1 METHOD CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Referral1{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Referral1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Referral1{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Referral1{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Referral1{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#SubMenuReferral{
width: 428px;
height: 20px;
position: absolute;
top: 0px;
left: 0px;
font: bold .75em arial,helvetica,sans-serif;
color: #405140;
background: #b7ffb3;
margin:0px 0px 0px 0px;
padding: 5px 0px 0px 10px;  /* top, right, bottom, left */
}



#Referral1Title1{
width: 438px;
height: 30px;
position: absolute;
top: 45px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Referral1Text1{
width: 438px;
height: 170px;
position: absolute;
top: 80px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#Referral1Pic{
width: 432px;
height: 195px;
position: absolute;
top:260px;
left: 3px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Referral1Title2{
width: 438px;
height: 30px;
position: absolute;
top: 495px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#Referral1Text2{
width: 438px;
height: 80px;
position: absolute;
top: 535px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Referral1Text3{
width: 438px;
height: 30px;
position: absolute;
top: 635px;
left: 0px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#rightColumn_Referral1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Referral1{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



.SubMenuReferral a{
text-decoration: none;
color: #089a00;
}




.SubMenuReferral a:hover 
	{color: white;
	background-color: #84a903;
	text-decoration: none
	}


/*  (REFERRAL1) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Referral1 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Referral1 #top2_Referral1, div#roundedbox2_Referral1 #bottom2_Referral1 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Referral1 #topleft2_Referral1{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Referral1 #topright2_Referral1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Referral1 #bottomleft2_Referral1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Referral1 #bottomright2_Referral1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Referral1 #boxcontent2_Referral1 {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (REFERRAL1) Main Content round corners CSS ends here */







/* ################################REFERRAL2 METHOD CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Referral2{
width: 900px;
height: 2105px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Referral2{
width: 205px;
height: 1580px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Referral2{
width: 490px;
height: 1580px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Referral2{
width: 466px;
height: 1580px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Referral2{
width: 438px;
height: 1550px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#Referral2Title1{
width: 438px;
height: 30px;
position: absolute;
top: 45px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Referral2Text1{
width: 438px;
height: 300px;
position: absolute;
top: 80px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Referral2Text2{
width: 438px;
height: 170px;
position: absolute;
top: 410px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#rightColumn_Referral2{
width: 205px;
height: 1580px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Referral2{
width: 900px;
height: 75px;
position: absolute;
top: 2050px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.Referral2Text2 a{
color: #089a00;
}


/*  (REFERRAL2) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Referral2 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Referral2 #top2_Referral2, div#roundedbox2_Referral2 #bottom2_Referral2 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Referral2 #topleft2_Referral2{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Referral2 #topright2_Referral2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Referral2 #bottomleft2_Referral2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Referral2 #bottomright2_Referral2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Referral2 #boxcontent2_Referral2 {
      margin: 0em 0em;
      width: 466px;
      height: 1556px;
   }



/* (REFERRAL2) Main Content round corners CSS ends here */






/* ################################PREMIUM METHOD CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Premium{
width: 900px;
height: 1455px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Premium{
width: 205px;
height: 930px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Premium{
width: 490px;
height: 930px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Premium{
width: 466px;
height: 930px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Premium{
width: 438px;
height: 900px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#PremiumTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumContent1{
width: 438px;
height: 850px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumContent1Pic1{
width: 150px;
height: 180px;
position: absolute;
top: 60px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumContent1Text1{
width: 270px;
height: 180px;
position: absolute;
top: 60px;
left: 168px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumContent1Pic2{
width: 150px;
height: 130px;
position: absolute;
top: 260px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumContent1Text2{
width: 270px;
height: 130px;
position: absolute;
top: 260px;
left: 168px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumContent1Pic3{
width: 150px;
height: 130px;
position: absolute;
top: 410px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumContent1Text3{
width: 270px;
height: 330px;
position: absolute;
top: 410px;
left: 168px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumContent1Incentives{
width: 240px;
height: 290px;
position: absolute;
top: 120px;
left: 30px;
font:.9em arial,helvetica,sans-serif;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#PremiumContent2Pic{
width: 408px;
height: 60px;
position: absolute;
top: 780px;
left: 30px;
font:.9em arial,helvetica,sans-serif;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#rightColumn_Premium{
width: 205px;
height: 930px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Premium{
width: 900px;
height: 75px;
position: absolute;
top: 1400px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}





/*  (PREMIUM Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Premium {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Premium #top2_Premium, div#roundedbox2_Premium #bottom2_Premium {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Premium #topleft2_Premium {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Premium #topright2_Premium {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Premium #bottomleft2_Premium {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Premium #bottomright2_Premium {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Premium #boxcontent2_Premium {
      margin: 0em 0em;
      width: 466px;
      height: 906px;
   }



/* (PREMIUM) Main Content round corners CSS ends here */







/* ################################PREMIUM_MORE METHOD CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_PremiumMore{
width: 900px;
height: 1415px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_PremiumMore{
width: 205px;
height: 890px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_PremiumMore{
width: 490px;
height: 890px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_PremiumMore{
width: 466px;
height: 890px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_PremiumMore{
width: 438px;
height: 860px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#PremiumMoreTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumMoreContent1{
width: 438px;
height: 850px;
position: absolute;
top: 0px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumMoreContent1Pic1{
width: 150px;
height: 180px;
position: absolute;
top: 40px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumMoreContent1Text1{
width: 270px;
height: 180px;
position: absolute;
top: 40px;
left: 168px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumMoreContent1Pic2{
width: 150px;
height: 130px;
position: absolute;
top: 210px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#PremiumMoreContent1Text2{
width: 270px;
height: 130px;
position: absolute;
top: 210px;
left: 168px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#PremiumMoreTable{
width: 438px;
height: 184px;
position: absolute;
top: 440px;
left: 0px;
background: #b6b6b6;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#PremiumMoreTableFooter{
width: 438px;
height: 30px;
position: absolute;
top: 629px;
left: 0px;
font:.9em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




#rightColumn_PremiumMore{
width: 205px;
height: 890px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_PremiumMore{
width: 900px;
height: 75px;
position: absolute;
top: 1360px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


span.TableTitle2{
font: bold 1em arial,helvetica,sans-serif;
color: white;
}



/*  (PREMIUM Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_PremiumMore {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_PremiumMore #top2_PremiumMore, div#roundedbox2_PremiumMore #bottom2_PremiumMore {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_PremiumMore #topleft2_PremiumMore {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_PremiumMore #topright2_PremiumMore {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_PremiumMore #bottomleft2_PremiumMore {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_PremiumMore #bottomright2_PremiumMore {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_PremiumMore #boxcontent2_PremiumMore {
      margin: 0em 0em;
      width: 466px;
      height: 866px;
   }



/* (PREMIUM_MORE) Main Content round corners CSS ends here */



/* ################################NEWS1 CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_News1{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_News1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_News1{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_News1{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_News1{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#News1Title{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
font:bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#News1Text{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#rightColumn_News1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_News1{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



/*  (NEWS1) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_News1 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_News1 #top2_News1, div#roundedbox2_News1 #bottom2_News1 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_News1 #topleft2_News1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_News1 #topright2_News1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_News1 #bottomleft2_News1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_News1 #bottomright2_News1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_News1 #boxcontent2_News1 {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (NEWS1) Main Content round corners CSS ends here */


/* ################################NEWS2 CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_News2{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_News2{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_News2{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_News2{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_News2{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#News2Title{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
font:bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#News2Text{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#rightColumn_News2{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_News2{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


/*  (NEWS2) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_News2 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_News2 #top2_News2, div#roundedbox2_News2 #bottom2_News2 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_News2 #topleft2_News2{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_News2 #topright2_News2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_News2 #bottomleft2_News2{
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_News2 #bottomright2_News2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_News2 #boxcontent2_News2 {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (NEWS2) Main Content round corners CSS ends here */









/* ################################FREE TRIAL CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_FreeTrial{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_FreeTrial{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_FreeTrial{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_FreeTrial{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_FreeTrial{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#FreeTrialTitle{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#FreeTrialText{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}






#rightColumn_FreeTrial{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_FreeTrial{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


span.asterisk{
font: 1em arial,helvetica,sans-serif;
color: #c68400;
}


span.smallerFont{
font: .9em arial,helvetica,sans-serif;

}


span.fontStyle1{
font:.75em arial,helvetica,sans-serif;
color: #405140;
}





/*  (FREE TRIAL) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_FreeTrial {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_FreeTrial #top2_FreeTrial, div#roundedbox2_FreeTrial #bottom2_FreeTrial {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_FreeTrial #topleft2_FreeTrial {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial #topright2_FreeTrial {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial #bottomleft2_FreeTrial {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial #bottomright2_FreeTrial {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_FreeTrial #boxcontent2_FreeTrial {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (FREE TRIAL) Main Content round corners CSS ends here */



INPUT {
background-color: #e9fee4;
color: #547254;
font-family: arial, verdana, ms sans serif;
font-size: 9pt;
font-weight: normal;
border: #8cc489 1px solid;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
} 

SELECT{
background-color: #e9fee4;
color: #547254;
font-family: arial, verdana, ms sans serif;
font-size: 9pt;
font-weight: normal;
width: 120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



.submit {
background-color: #e9fee4;
font-family: arial, verdana, ms sans serif;
border: #8cc489 1px solid;
font-size: 12px;
font-weight: bold;
color: #405140
} 



/* ################################FREE TRIAL 1 METHOD CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_FreeTrial1{
width: 900px;
height: 1355px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_FreeTrial1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_FreeTrial1{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_FreeTrial1{
width: 466px;
height: 830px;
position: absolute;
top: 0px;
left: 12px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: #ffffff;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_FreeTrial1{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#FreeTrial1Title{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#FreeTrial1Text{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}






#rightColumn_FreeTrial1{
width: 205px;
height: 830px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_FreeTrial1{
width: 900px;
height: 75px;
position: absolute;
top: 1300px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


span.asterisk{
font: 1em arial,helvetica,sans-serif;
color: #c68400;
}


span.smallerFont{
font: .9em arial,helvetica,sans-serif;

}


span.fontStyle1{
font:.75em arial,helvetica,sans-serif;
color: #405140;
}


LABEL {
font:.75em arial,helvetica,sans-serif;
color: #405140;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

.Title {
font: bold .75em arial,helvetica,sans-serif;
color: #405140;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.LabelLogin {
font-family: arial,helvetica,sans-serif;
color: #E0F7DC;
font-size: 8pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.LabelItalic {
font: italic .65em arial,helvetica,sans-serif;
color: #405140;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

.regSelect1 {
background-color: #e9fee4;
color: #547254;
font-family: arial, verdana, ms sans serif;
font-size: 9pt;
font-weight: normal;
width: 40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

.regSelect2 {
background-color: #e9fee4;
color: #547254;
font-family: arial, verdana, ms sans serif;
font-size: 9pt;
font-weight: normal;
width: 70px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

/*  (FREE TRIAL1) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_FreeTrial1 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_FreeTrial1 #top2_FreeTrial1, div#roundedbox2_FreeTrial1 #bottom2_FreeTrial1 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_FreeTrial1 #topleft2_FreeTrial1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      margin: 0px 0px 0px 4px;  /* top, right, bottom, left */
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial1 #topright2_FreeTrial1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      margin: 0px -4px 0px 0px;  /* top, right, bottom, left */
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial1 #bottomleft2_FreeTrial1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      margin: 0px 0px 0px 4px;  /* top, right, bottom, left */
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial1 #bottomright2_FreeTrial1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      margin: 0px -4px 0px 0px;  /* top, right, bottom, left */
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_FreeTrial1 #boxcontent2_FreeTrial1 {
      margin: 0em 0em;
      width: 466px;
      height: 806px;
   }



/* (FREE TRIAL1) Main Content round corners CSS ends here */





/* ################################FREE TRIAL3 METHOD CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_FreeTrial3{
width: 900px;
height: 1505px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_FreeTrial3{
width: 205px;
height: 980px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_FreeTrial3{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_FreeTrial3{
width: 466px;
height: 1030px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_FreeTrial3{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#FreeTrial3Title{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#FreeTrial3Text{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}






#rightColumn_FreeTrial3{
width: 205px;
height: 980px;
position: absolute;
top: 490px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_FreeTrial3{
width: 900px;
height: 75px;
position: absolute;
top: 1450px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




/*  (FREE TRIAL3) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_FreeTrial3 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_FreeTrial3 #top2_FreeTrial3, div#roundedbox2_FreeTrial3 #bottom2_FreeTrial3 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_FreeTrial3 #topleft2_FreeTrial3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial3 #topright2_FreeTrial3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial3 #bottomleft2_FreeTrial3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial3 #bottomright2_FreeTrial3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_FreeTrial3 #boxcontent2_FreeTrial3 {
      margin: 0em 0em;
      width: 466px;
      height: 956px;
   }



/* (FREE TRIAL3) Main Content round corners CSS ends here */





/* ################################FREE TRIAL4 METHOD CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_FreeTrial4{
width: 900px;
height: 1505px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_FreeTrial4{
width: 205px;
height: 980px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_FreeTrial4{
width: 490px;
height: 830px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_FreeTrial4{
width: 466px;
height: 1030px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_FreeTrial4{
width: 438px;
height: 800px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#FreeTrial4Title{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#FreeTrial4Text{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}






#rightColumn_FreeTrial4{
width: 205px;
height: 980px;
position: absolute;
top: 490px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_FreeTrial4{
width: 900px;
height: 75px;
position: absolute;
top: 1450px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}




/*  (FREE TRIAL4) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_FreeTrial4 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_FreeTrial4 #top2_FreeTrial4, div#roundedbox2_FreeTrial4 #bottom2_FreeTrial4 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_FreeTrial4 #topleft2_FreeTrial4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial4 #topright2_FreeTrial4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial4 #bottomleft2_FreeTrial4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_FreeTrial4 #bottomright2_FreeTrial4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_FreeTrial4 #boxcontent2_FreeTrial4 {
      margin: 0em 0em;
      width: 466px;
      height: 956px;
   }



/* (FREE TRIAL4) Main Content round corners CSS ends here */






/* ################################MsMaya CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_MsMaya{
width: 900px;
height: 1405px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_MsMaya{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_MsMaya{
width: 490px;
height: 880px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_MsMaya{
width: 466px;
height: 880px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_MsMaya{
width: 438px;
height: 850px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#MsMaya_FirstPart{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#MsMaya_SecondPart{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#rightColumn_MsMaya{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_MsMaya{
width: 900px;
height: 75px;
position: absolute;
top: 1350px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.mainContent_MsMaya a{
text-decoration: none;
color: #039303;
}




/*  (MsMaya) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_MsMaya {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_MsMaya #top2_MsMaya, div#roundedbox2_MsMaya #bottom2_MsMaya {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_MsMaya #topleft2_MsMaya {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_MsMaya #topright2_MsMaya {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_MsMaya #bottomleft2_MsMaya {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_MsMaya #bottomright2_MsMaya {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_MsMaya #boxcontent2_MsMaya {
      margin: 0em 0em;
      width: 466px;
      height: 856px;
   }



/* (MsMaya) Main Content round corners CSS ends here */







/* ################################MsLola CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_MsLola{
width: 900px;
height: 1405px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_MsLola{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_MsLola{
width: 490px;
height: 880px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_MsLola{
width: 466px;
height: 880px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_MsLola{
width: 438px;
height: 850px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#MsLola_FirstPart{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#MsLola_SecondPart{
width: 438px;
height: 350px;
position: absolute;
top: 70px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}






#rightColumn_MsLola{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_MsLola{
width: 900px;
height: 75px;
position: absolute;
top: 1350px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.mainContent_MsLola a{
text-decoration: none;
color: #039303;
}




/*  (MsLola) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_MsLola {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_MsLola #top2_MsLola, div#roundedbox2_MsLola #bottom2_MsLola {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_MsLola #topleft2_MsLola {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_MsLola #topright2_MsLola {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_MsLola #bottomleft2_MsLola {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_MsLola #bottomright2_MsLola {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_MsLola #boxcontent2_MsLola {
      margin: 0em 0em;
      width: 466px;
      height: 856px;
   }



/* (MsLola) Main Content round corners CSS ends here */






/* ################################Axel CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Axel{
width: 900px;
height: 1405px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Axel{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Axel{
width: 490px;
height: 880px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Axel{
width: 466px;
height: 880px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Axel{
width: 438px;
height: 850px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#Axel_FirstPart{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Axel_SecondPart{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#rightColumn_Axel{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Axel{
width: 900px;
height: 75px;
position: absolute;
top: 1350px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.mainContent_Axel a{
text-decoration: none;
color: #039303;
}




/*  (Axel) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Axel {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Axel #top2_Axel, div#roundedbox2_Axel #bottom2_Axel {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Axel #topleft2_Axel {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Axel #topright2_Axel {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Axel #bottomleft2_Axel {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Axel #bottomright2_Axel {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Axel #boxcontent2_Axel {
      margin: 0em 0em;
      width: 466px;
      height: 856px;
   }



/* (Axel) Main Content round corners CSS ends here */




/* ################################Apol CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_Apol{
width: 900px;
height: 1405px;
position: relative;
background: #2b7327;
margin: 0 auto; 
margin-top: 15px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#leftColumn_Apol{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 0px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContent_Apol{
width: 490px;
height: 880px;
position: absolute;
top: 470px;
left: 205px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#mainContentWrapper_Apol{
width: 466px;
height: 880px;
position: absolute;
top: 0px;
left: 12px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}

#mainContentWrapper2_Apol{
width: 438px;
height: 850px;
position: absolute;
top: 20px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#Apol_FirstPart{
width: 438px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#Apol_SecondPart{
width: 438px;
height: 350px;
position: absolute;
top: 50px;
left: 0px;
font:.75em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#rightColumn_Apol{
width: 205px;
height: 880px;
position: absolute;
top: 470px;
left: 695px;
background: #2b7327;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#footer_Apol{
width: 900px;
height: 75px;
position: absolute;
top: 1350px;
left: 0px;
background: #2b7327;
font:.7em arial,helvetica,sans-serif;
color: white;
text-align: center;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


.mainContent_Apol a{
text-decoration: none;
color: #039303;
}




/*  (Apol) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_Apol {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 466px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_Apol #top2_Apol, div#roundedbox2_Apol #bottom2_Apol {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_Apol #topleft2_Apol {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Apol #topright2_Apol {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Apol #bottomleft2_Apol {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_Apol #bottomright2_Apol {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_Apol #boxcontent2_Apol {
      margin: 0em 0em;
      width: 466px;
      height: 856px;
   }



/* (Apol) Main Content round corners CSS ends here */



/* ################################GALLERY PICS1 CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_GalleryPics1 {
width: 900px;
height: 3310px;
position: relative;
margin: 0 auto; 
margin-top: 15px;
background: #2b7327;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#mainContent_GalleryPics1{
width: 700px;
height: 3020px;
position: absolute;
top: 220px;
left: 100px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics1Title{
width: 100px;
height: 30px;
position: absolute;
top: 25px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics1_Photo1{
width: 600px;
height: 360px;
position: absolute;
top: 80px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics1_Photo2{
width: 600px;
height: 390px;
position: absolute;
top: 460px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics1_Photo3{
width: 600px;
height: 442px;
position: absolute;
top: 870px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics1_Photo4{
width: 600px;
height: 432px;
position: absolute;
top: 1332px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics1_Photo5{
width: 600px;
height: 412px;
position: absolute;
top: 1784px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics1_Photo6{
width: 600px;
height: 362px;
position: absolute;
top: 2216px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics1_Photo7{
width: 600px;
height: 362px;
position: absolute;
top: 2598px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#NavLinksGalleryPics1{
width: 600px;
height:20px;
position: absolute;
top: 2980px;
left: 50px;
font: bold .7em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



/*  (GALLERY PICS1) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_GalleryPics1 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 700px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_GalleryPics1 #top2_GalleryPics1, div#roundedbox2_GalleryPics1 #bottom2_GalleryPics1 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_GalleryPics1 #topleft2_GalleryPics1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_GalleryPics1 #topright2_GalleryPics1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_GalleryPics1 #bottomleft2_GalleryPics1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_GalleryPics1 #bottomright2_GalleryPics1 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_GalleryPics1 #boxcontent2_GalleryPics1 {
      margin: 0em 0em;
      width: 700px;
      height: 2996px;
   }



/* (GALLERY PICS2) Main Content round corners CSS ends here */





/* ################################GALLERY PICS2 CSS CODE############################################## */
/* ############################################################################################### */


#wrapper_GalleryPics2 {
width: 900px;
height: 5240px;
position: relative;
margin: 0 auto; 
margin-top: 15px;
background: #2b7327;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#mainContent_GalleryPics2{
width: 700px;
height: 4950px;
position: absolute;
top: 220px;
left: 100px;
background: #ffffff;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2Title{
width: 100px;
height: 30px;
position: absolute;
top: 25px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics2_Photo1_0{
width: 600px;
height: 490px;
position: absolute;
top: 80px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics2_Photo1{
width: 600px;
height: 400px;
position: absolute;
top: 590px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2_Photo2{
width: 600px;
height: 400px;
position: absolute;
top: 1010px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2_Photo3{
width: 600px;
height: 395px;
position: absolute;
top: 1430px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics2_Photo4{
width: 600px;
height: 505px;
position: absolute;
top: 1845px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2_Photo5{
width: 600px;
height: 400px;
position: absolute;
top: 2370px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2_Photo6{
width: 600px;
height: 400px;
position: absolute;
top: 2790px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: grey;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics2_Photo7{
width: 600px;
height: 400px;
position: absolute;
top: 3210px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2_Photo8{
width: 600px;
height: 400px;
position: absolute;
top: 3630px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2_Photo9{
width: 600px;
height: 360px;
position: absolute;
top: 4050px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics2_Photo10{
width: 600px;
height: 460px;
position: absolute;
top: 4430px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#NavLinksGalleryPics2{
width: 600px;
height:20px;
position: absolute;
top: 4910px;
left: 50px;
font: bold .7em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


/*  (GALLERY PICS2) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox2_GalleryPics2 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 700px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox2_GalleryPics2 #top2_GalleryPics2, div#roundedbox2_GalleryPics2 #bottom2_GalleryPics2 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox2_GalleryPics2 #topleft2_GalleryPics2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_GalleryPics2 #topright2_GalleryPics2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_GalleryPics2 #bottomleft2_GalleryPics2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox2_GalleryPics2 #bottomright2_GalleryPics2 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox2_GalleryPics2 #boxcontent2_GalleryPics2 {
      margin: 0em 0em;
      width: 700px;
      height: 4926px;
   }



/* (GALLERY PICS2) Main Content round corners CSS ends here */







/* ################################GALLERY PICS3 CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_GalleryPics3 {
width: 900px;
height: 2590px;
position: relative;
margin: 0 auto; 
margin-top: 15px;
background: #2b7327;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#mainContent_GalleryPics3{
width: 700px;
height: 2300px;
position: absolute;
top: 220px;
left: 100px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics3Title{
width: 100px;
height: 30px;
position: absolute;
top: 25px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics3_Photo1{
width: 600px;
height: 440px;
position: absolute;
top: 80px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics3_Photo2{
width: 600px;
height: 370px;
position: absolute;
top: 540px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics3_Photo3{
width: 600px;
height: 490px;
position: absolute;
top: 930px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics3_Photo4{
width: 600px;
height: 385px;
position: absolute;
top: 1440px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics3_Photo5{
width: 600px;
height: 385px;
position: absolute;
top: 1845px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#NavLinksGalleryPics3{
width: 600px;
height:20px;
position: absolute;
top: 2250px;
left: 50px;
font: bold .7em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


/*  (GALLERY PICS3) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox3_GalleryPics3 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 700px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox3_GalleryPics3 #top3_GalleryPics3, div#roundedbox3_GalleryPics3 #bottom3_GalleryPics3 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox3_GalleryPics3 #topleft3_GalleryPics3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox3_GalleryPics3 #topright3_GalleryPics3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox3_GalleryPics3 #bottomleft3_GalleryPics3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox3_GalleryPics3 #bottomright3_GalleryPics3 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox3_GalleryPics3 #boxcontent3_GalleryPics3 {
      margin: 0em 0em;
      width: 700px;
      height: 2276px;
   }



/* (GALLERY PICS3) Main Content round corners CSS ends here */


/* ################################GALLERY PICS4 CSS CODE############################################## */
/* ############################################################################################### */

body
{
text-align: center;
}

#wrapper_GalleryPics4 {
width: 900px;
height: 2990px;
position: relative;
margin: 0 auto; 
margin-top: 15px;
background: #2b7327;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#mainContent_GalleryPics4{
width: 700px;
height: 2700px;
position: absolute;
top: 220px;
left: 100px;
background: white;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#GalleryPics4Title{
width: 100px;
height: 30px;
position: absolute;
top: 25px;
left: 14px;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics4_Photo1{
width: 600px;
height: 400px;
position: absolute;
top: 80px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics4_Photo2{
width: 600px;
height: 390px;
position: absolute;
top: 500px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics4_Photo3{
width: 600px;
height: 390px;
position: absolute;
top: 910px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics4_Photo4{
width: 600px;
height: 400px;
position: absolute;
top: 1320px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics4_Photo5{
width: 600px;
height: 490px;
position: absolute;
top: 1740px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


#GalleryPics4_Photo6{
width: 600px;
height: 385px;
position: absolute;
top: 2250px;
left: 50px;
font: bold .8em arial,helvetica,sans-serif;
color: #405140;
text-align: center;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}



#NavLinksGalleryPics4{
width: 600px;
height:20px;
position: absolute;
top: 2655px;
left: 50px;
font: bold .7em arial,helvetica,sans-serif;
color: #405140;
text-align: justify;
background: clear;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  /* top, right, bottom, left */
}


/*  (GALLERY PICS4) Main Content round corners CSS starts here */


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox4_GalleryPics4 {
      background: clear;
      position: absolute;
      top: 0px;
      left: -16px;
      margin: 0 0 0 1em;
      width: 700px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox4_GalleryPics4 #top4_GalleryPics4, div#roundedbox4_GalleryPics4 #bottom4_GalleryPics4 {
      font-size: 1px;
      height: 12px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox4_GalleryPics4 #topleft4_GalleryPics4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox4_GalleryPics4 #topright4_GalleryPics4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat top right;
      float: right;
      height: 12px;
      width: 12px;
   }
   div#roundedbox4_GalleryPics4 #bottomleft4_GalleryPics4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom left;
      float: left;
      height: 12px;
      width: 12px;
   }
   div#roundedbox4_GalleryPics4 #bottomright4_GalleryPics4 {
      background: url(MediaContent/roundCornerPic3.jpg) no-repeat bottom right;
      float: right;
      height: 12px;
      width: 12px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox4_GalleryPics4 #boxcontent4_GalleryPics4 {
      margin: 0em 0em;
      width: 700px;
      height: 2676px;
   }



/* (GALLERY PICS4) Main Content round corners CSS ends here */




tr.TableTitle2{
font: bold 1em arial,helvetica,sans-serif;
color: white;
}

table.TableElments{
font:1em arial,helvetica,sans-serif;
color: #405140;
}



</style>