@import url(http://fonts.googleapis.com/css?family=Arvo);

/* CSS Document */
      #bodyIndex {

background-color:#c3c3c3;
width: 100%;
z-index: 0;
}


/* FORMS   */

.fieldred {
     border-right: 1px solid white;
     text-decoration: none;
     background-color: #c1cd23;
     padding: 5px;
     color: #464f51;
     font-family: Tahoma;
     font-size: 9pt;
     font-weight: bold;
text-align:left;
}


/* Buttons */

input.formsubmit1 { 
width:200px;
z-index: 10;
}

input.widebutton { 
width:250px;
z-index: 10000000000000;
}

input.widebutton2 { 
position:relative; left:62px;
width:100px;
color: rgb(70,79,81);
background-color:rgb(255,255,255);
font-weight:bold;
z-index: 5;
}

input.submitbutton { 
width:12em;
background-color:#FFFFFF;
font-size: 10px;
z-index: 10000000000000;
}


input.mediumbutton {
width:120px;
font-size: 1em;
}





#tl{
position: absolute; left: 12.9em; top: 0em;
font-family: Helvetica,Arial,sans-serif;

background-color:white;
  font-weight: normal;
  font-size: 13px;
  text-align:left;
  z-index: 1000;
}


#topbar{
position: relative; left: 10px; top: 0px;
padding-left: 0px;
font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 11px;
z-index: 3;
}

#topbarleft{
position: absolute; left: 0px; top: 0px;
background-color:white;
margin-left:0px;
width:100px;
font-size: 1em;
z-index: 6;
}

#topbarleft_if_iframe{
position: absolute; left: 0px; top: 100px;
background-color:rgb(255,255,255);
margin-left:0px;
width:150px;
height: 300px;
font-size: 1em;
z-index: 6;
}

#topbarright{
position: absolute; right: 20px; top: 0px;
padding-left: 0px;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 1em;
  text-align:left;
   z-index: 3;
}


#bottomimagecontainer{
position: relative; top: 82px;
margin-bottom:0em;
background-color:transparent;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  padding-bottom: 0em;
  font-size: 10px;
  text-align:left;
  height: 380px;
  z-index: 1;
}

#mainimagebottom{
position: absolute; top: 140px;
margin-bottom:0em;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  padding-bottom: 0em;
  font-size: 10px;
  text-align:left;
  z-index: 1;
}

#mainlogobottom{
position: absolute; top: 40px;
margin-bottom:0em;
background-color:transparent;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  padding-bottom: 0em;
  font-size: 10px;
  text-align:left;
  z-index: 1;
  height:220px;
}
#mainlogobottom_comingsoon{
position: absolute; top: 30px;
margin-bottom:0em;
background-color:transparent;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  padding-bottom: 0em;
  font-size: 10px;
  text-align:left;
  z-index: 1;
  height:220px;
}

#logosbottom{
position: absolute; top: 280px; left: 215px;
margin-bottom:0em;
width:520px;
background-color:white;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  padding-bottom: 0em;
  font-size: 10px;
  text-align:left;
  z-index: 1;

}

#included_secure{
position: absolute; top: 0em; left: 10em;
margin-left:10em;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  padding-bottom: 0em;
  font-size: 20em;
  text-align:left;
  z-index: 100;
}

#frontpagetextgrey{
position: relative; right: -90px; top: 0em;
font-family: arvo,Garamond;
  font-weight: bold;
  line-height: 1em; 
  font-size: 37px;
  color: #464f51;
  text-align:right;
  z-index: 3;
}
#frontpagetextgreen{
position: relative; right: -90px; top: 0em;
font-family: arvo,Garamond, Helvetica,Arial,sans-serif;
  font-weight: bold;
  background-color:white;
  font-size: 45px;
  color: #c1cd23;
  text-align:right;
   z-index: 2;
}


#Infopages_container{
position: relative; left: 0px; top: 0px;
width: 600px;
padding-bottom:40%;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
  font-weight: normal;
  font-size: 13px;
  color: #4b4b4b;
  text-align:justify;
   z-index:3;
}

#Infopages_text{
position: absolute; left: 240px; top: 10px;
padding: 10px;
width: 450px;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
  font-weight: bold;
  font-size: 13px;
  color: #4b4b4b;
  text-align:justify;
   z-index: 3;
}
#Infopages_images{
position: absolute; left: 0px; top: 0px;
width: 220px;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
  font-weight: bold;
  font-size: 13px;
  color: #4b4b4b;
  text-align:left;
   z-index: 3;
}


#includedpages{
position: relative; left: 15em; top: 8em;
width: 48em;
font-family: Helvetica,Arial,sans-serif;
background-color: rgb(255,255,255); 
  font-weight: bold;
  font-size: 13px;
  color: #4b4b4b;
  text-align:justify;
   z-index: 2;
}


#sections{
position: relative; left: 0em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 120px
width: 180px;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  text-align:left;
   z-index: 2;
}

#section1{
position: absolute; left: 0em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 8em;
width: 17em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 2em;
  padding-left: 1em;
  padding-right: 1em
  text-align:left;
   z-index: 2;
}
#section2{
position: absolute; left: 18em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: #b8b6b8;
height: 8em;
width: 17em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
   padding-top: 2em;
    padding-left: 1em;
  padding-right: 1em;
  text-align:left;
   z-index: 2;
}
#section3{
position: absolute; left: 36em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: #e58a3e;
height: 8em;
width: 17em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
   padding-top: 2em;
    padding-left: 1em;
  padding-right: 1em;
  text-align:left;
   z-index: 2;
}


#sectioncontainer{
position: relative; left: 2em; top: 10px;
height:320px;
width:600px;
border:solid 0px black;

}

#sectionslong{
position: relative; left: 2em; top: 10px;
font-family: Helvetica,Arial,sans-serif;
background-color: black;
width: 700px;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  text-align:left;
   z-index: 1;
   padding-bottom: 0em;
}


#sectionslongcontact{
position: relative; left: 2em; top: 10px;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
height: 70px;
width: 160px;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  text-align:left;
   z-index: 2;
   padding-bottom: 8em;
}

#section1longtitle{
position: absolute; left: 1em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
height: 2em;
width: 16em;
  font-weight: bold;
  font-size: 11px;
  color: #c1cd23;
  padding-top: 0em;
  padding-left: 1em;
  padding-right: 1em
  text-align: center;
   z-index: 2;
}


#section1long{
position: absolute; left: 0em; top: 4em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}

#section1longtemp{
position: absolute; left: 0em; top: 4em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}

#section1longcontact{
position: absolute; left: 2em; top: 4em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 9em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}



#section1longmiddle{
position: absolute; left: 2em; top: 18em;
background-color:black; 
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
    padding-bottom: 0em
  text-align:center;
   z-index: 2;
}


#section1longmiddletemp{
position: absolute; left: 2.5em; top: 18em;
background-color:black; 
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
    padding-bottom: 0em
  text-align:center;
   z-index: 2;
}

#section1longbottom{
position: absolute; left: 2em; top: 32em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  padding-bottom: 0em;
  text-align:center;
   z-index: 2;
}


#section1longmiddlecontact{
position: absolute; left: 0em; top: 16em;
/*filter: alpha(opacity=30); 
-moz-opacity: .30;  */
background-color:#EEE; 
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}

#section1longbottom{
position: absolute; left: 2em; top: 31em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  padding-bottom: 0em;
  text-align:center;
   z-index: 2;
}
#section1longbottomtemp{
position: absolute; left: 2.5em; top: 31em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  padding-bottom: 0em;
  text-align:center;
   z-index: 2;
}

#section2longtitle{
position: absolute; left: 21em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
height: 2em;
width: 15em;
  font-weight: bold;
  font-size: 11px;
  color: #e58a3e;
  padding-top: 0em;
  padding-left: 1em;
  padding-right: 1em
  text-align: center;
   z-index: 2;
}


#section2long{
position: absolute; left: 17em; top: 4em;
font-family: Helvetica,Arial,sans-serif;
background-color: #e58a3e;
height: 11em;
width: 15em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
   padding-top: 1em;
    padding-left: 1em;
  padding-right: 1em;
  text-align:center;
   z-index: 2;
}

#section2longmiddle{
position: absolute; left: 19em; top: 18em;
font-family: Helvetica,Arial,sans-serif;
background-color: #e58a3e;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 20000000;
}

#section2longmiddletemp{
position: absolute; left: 19.5em; top: 18em;
font-family: Helvetica,Arial,sans-serif;
background-color: #e58a3e;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 20000000;
}

#sectiongeneral{
position: absolute; left: 20em; top: 35em;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
height: 11em;
width: 30em;
  font-weight: bold;
  font-size: 13px;
  color: #464f51;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}

#section2longmiddlecontact{
position: absolute; left: 17em; top: 14em;
font-family: Helvetica,Arial,sans-serif;
background-color: #e58a3e;
height: 11em;
width: 16em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 0em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}

#section3longtitle{
position: absolute; left: 41em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
height: 2em;
width: 15em;
  font-weight: bold;
  font-size: 11px;
  color: #8b0948;
  padding-top: 0em;
  padding-left: 1em;
  padding-right: 1em
  text-align: center;
   z-index: 2;
}

#section3long{
position: absolute; left: 34em; top: 4em;
font-family: Helvetica,Arial,sans-serif;
background-color: #8b0948;
height: 11em;
width: 14em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
   padding-top: 1em;
    padding-left: 1em;
  padding-right: 1em;
  
  text-align:center;
   z-index: 2;
}
#section3longmiddle{
position: absolute; left: 36em; top: 18em;
font-family: Helvetica,Arial,sans-serif;
background-color: #8b0948;
height: 11em;
width: 15em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}
#section3longmiddletemp{
position: absolute; left: 36.5em; top: 18em;
font-family: Helvetica,Arial,sans-serif;
background-color: #8b0948;
height: 11em;
width: 15em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}
#section3longmiddlecontact{
position: absolute; left: 34em; top: 14em;
font-family: Helvetica,Arial,sans-serif;
background-color: #8b0948;
height: 11em;
width: 15em;
  font-weight: bold;
  font-size: 13px;
  color: #c1cd23;
  padding-top: 0em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}


#sectionfonts{
font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: white;
  text-align:left;
  z-index:  20;
}

#sectionfontsspaced{
font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 15px;
  line-height: 2em;
  color: white;
  text-align:left;
   z-index: 2;
}

.greytext{
font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #464f51;
  text-align:left;
   z-index: 2;
}

.whitetext{
font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: white;
  text-align:left;
   z-index: 2;
}

#whitetextfrontpage{
font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: white;
  text-align:right;
   z-index: 2;
}

.greentext{
font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #c1cd23;
  text-align:left;
   z-index: 2;
}


#ContactsImages{
position: absolute; left: 75px; top:105px;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-align:left;
  
}

#ContactsInfo{
position: absolute; left: 280px; top: 90px;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-align:left;
  width:250px;
  
  background-color:transparent;
}

#Signup{
position: absolute; left: 250px; top: 50px; right: 250px;
font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  color: #FF6600;
  font-size: 12px;
  width: 300px;
  text-align:left;
   z-index:500000;
}

#redirect{
position: relative; left: 80px; top: 100px; right:120px;
width: 770px;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  color: black
  font-size: 12pt;
border: solid 1px black;
  text-align:center;
   z-index:5;
}

#rebuild_redirect{
position: absolute; left: 400px; top: 200px;
width: 600px;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  color: black
  font-size: 13pt;
  padding:0px;
  text-align:justify;
   z-index:3;

}

#clickwhenfinished{
position: absolute; left: 20px; top: 50px;
background-color :white; 
border: solid 2px black;
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  color: black
  font-size: 14pt;
  padding:100px;
  width: 400px;
  text-align:center;
   z-index:5000000000;
}


    #activityview{
position: relative; left:5em; top: 0em;
font-family: Helvetica,Arial,sans-serif;
background-color: red;
width: 500px;
border: solid 0px gray;
padding-right: 0px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 00px;
font-weight: normal;
font-size: 12pt;
text-align: left;
z-index:1;

  }

#eventcontent{

background-color :rgb(255,255,255); 
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  color: black
  font-size: 13pt;
  padding:0px;
  text-align:justify;
   z-index:3;
}

    #eventcontenttable{
position: relative; left:0px; top: 10px;
font-family: Helvetica,Arial,sans-serif;

width: 700px;
border: solid 0px gray;
padding-right: 0px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 0px;
  font-weight: normal;
  font-size: 12pt;
  text-align: left;
  z-index:1;

  }
  
.clearer {
font-size: 0px;
height: 0px;
width: 100%;
display: block;
clear: both;
}
  
  
    #eventsfurtherinfo{
font-family: Helvetica,Arial,sans-serif;
margin-bottom:10px;
background-color: rgb(255,255,255); 
width: 660px;
border: solid 0px gray;
padding-right: 0px;
padding-left: 13px;
padding-top: 10px;
padding-bottom: 10px;
  font-weight: normal;
  font-size: 12pt;
  text-align: left;
  z-index:1;


  }
  
      #eventsfurtherinfo_text{
      position:relative; top:10px;
font-family: Helvetica,Arial,sans-serif;
margin-bottom:10px;
background-color: rgb(255,255,255); 
width: 66%;
border: solid 0px gray;
padding-right: 0px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 10px;
  font-weight: normal;
  font-size: 12pt;
  text-align: justify;
  z-index:1;


  }
      #eventsfurtherinfospacer{
font-family: Helvetica,Arial,sans-serif;
margin-bottom:10px;
background-color: rgb(255,255,255); 
width: 660px;
border: solid 0px gray;
padding-right: 0px;
padding-left: 13px;
padding-top: 10px;
padding-bottom: 10px;
  font-weight: normal;
  font-size: 12pt;
  text-align: left;
  z-index:1;
  height:150px;


  }
  
    
    #event_container{
    position: relative; left: 0px; top: 0px;

    }
    #eventsimages{
     position: absolute; left: 450px; top: 10px;
font-family: Helvetica,Arial,sans-serif;
margin-bottom:10px;
background-color: rgb(255,255,255); 
width: 160px;
border: solid 0px gray;
padding-right: 0px;
padding-left: 13px;
padding-top: 10px;
padding-bottom: 10px;
  font-weight: normal;
  font-size: 12pt;
  text-align: left;
  z-index:1;

  }
  
      #eventsidetext{
      position: absolute; left: 0px; top: 20px;
font-family: Helvetica,Arial,sans-serif;
margin-bottom:10px;
background-color: rgb(255,255,255); 
width: 430px;
padding-right: 0px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 10px;
  font-weight: normal;
  font-size: 12pt;
  text-align: justify;
  z-index:1;

  }
  
      #eventstitles{
font: Garamond;
margin-bottom:12pt;
background-color: #c1cd23;
color: #464f51;
width: 660px;
border: solid 0px gray;
padding-right: 0px;
padding-left: 12px;
padding-top: 10px;
padding-bottom: 10px;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  z-index:1;

  }
/* !! THIS ONE - infobannerbottom CONTROLS THE SPACING AT THE PAGE */  
/* !! THIS ONE - infobannerbottom CONTROLS THE SPACING AT THE PAGE */  
/* !! THIS ONE - infobannerbottom CONTROLS THE SPACING AT THE PAGE */  
/* !! THIS ONE - infobannerbottom CONTROLS THE SPACING AT THE PAGE */  
#infobannerbottom{
position: relative; left: 0em; top: 11em;
height: 8em;
z-index: 3;
}
#infobannerbottom1{
position: absolute; left: 0em; top: 1em;
width:65em;
z-index: 3;
}
#infobannerbottom2{
position: absolute; left: 0em; top: 10em;
z-index: 3;
}

#latestnewsbutton{
position: relative; left: 0em; top: 0em;
z-index: 100;
}




#main_bottom_box{
position: relative; left: 0%; top: 0%;
height: 160px;
width: 650px;
border : solid 0px #c1cd23;
background-color : transparent; 
padding-left : 20px;
padding-right : 20px;
padding-top : 0px;
padding-bottom : 5px;
z-index: 99;
}


#latestnewsboxbutton{
position: relative; left: 63%; top: 60%;
width: 120px;
height: 10px;
border : solid 0px #FFFFFF;
background-color : transparent; 
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
padding-bottom : 5px;
z-index: 99;
}

#latestnewsbox{
position: absolute; left: 0%; top: 0%;
width: 50%;
height: 100%;
border : solid 0px #FFFFFF;
background-color : transparent; 
padding-left : 10px;
padding-right : 10px;
padding-top : 3px;
padding-bottom : 10px;
z-index: 99;
}


#twitter_div{
position: absolute; left: 55%; top: 0%;
width: 42%;
height: 100%;
border : solid 1px #c1cd23;
background-color : transparent; 
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-bottom : 10px;
z-index: 10;
}

#rebuild_iframe{
position: relative; left: 15%; top: 20%;
border : solid 0px navy;
background-color : transparent; 
width: 95%;
padding : 20px;
z-index: 10;
}
#rebuild_iframe_activity{
position: relative; left: 20%; top: 0%;
width: 40em;
border : solid 0px navy;
background-color : transparent; 
padding : 20px;
z-index: 10;
}
#rebuild_iframe_event{
position: relative; left: 20%; top: 0%;
width: 40em;
border : solid 0px navy;
background-color : transparent; 
padding : 10px;
z-index: 10;
}


#iframecustom{
position: absolute; left: 21%; top: 18%;
border : solid 0px navy;
background-color : white; 
width:900px;
padding : 5px;
z-index: 1000;
}

#iframe_join{
position: relative; left: 21%; bottom: 10%;
border : solid 1px navy;
background-color : white; 
width:660px;
height: 800px;
padding : 5px;
z-index: 6;
}



#iframeloginrebuildbutton{
position: absolute; top: 50px; left: 50px;
background-color : yellow; 
border : solid 20px navy;
width:880px;
height:10%;
padding : 9px;
z-index: 99;
}


#iframeloginrebuildbanner{
position: absolute; top: 0px;
background-color : #c1cd23; 
border : solid 2px #c1cd23;
width:910px;
height:100px;
padding : 0px;
z-index: 99;
}

#iframeloginrebuild{
position: absolute; top: 100px;
background-color : white; 
border : solid 2px #c1cd23;
width:910px;
height:1000px;
padding : 0px;
z-index: 99;
}


#login{
position: relative; left: 0em; top: 0em;
border : solid 1px #c1cd23;
padding : 0px;
font-size: 10pt;
z-index: 9;
}

#loginbutton{
border-right: #ececec outset; 
border-top: #ececec outset; 
border-left: #ececec outset; 
border-bottom: #ececec outset; 
border-top-width: medium;
border-top-color: #FCFCFC; 
border-top-style: outset; 
border-right-width: medium; 
border-right-color: #FCFCFC;
border-right-style: outset; 
border-bottom-width: medium;
border-bottom-color: #FCFCFC; 
border-bottom-style: outset; 
border-left-width: medium; 
border-left-color: #FCFCFC;
border-left-style: outset;
color: white;
background-color: #336699;
}

#logout{
position: absolute; left: 0%; top: 0%;
border : solid 0px navy;
background-color : black; 
width:100%;
height:100%;
padding : 5px;
z-index: 100000;
}

#included_html{
position: absolute; left: 28%; top: 20%;
border : solid 0px navy;
font-size:10px;
background-color : transparent; 
width:710px;
padding : 5px;
z-index: 3;
}

#Form_Position{
position: absolute; left: 21%; top: 0%;
border : solid 0px navy;
background-color : transparent; 
width: 100%px;
padding : 5px;
z-index: 4;
}

#join_form_position{
position: relative; left: 5em; top: 3em;
border : solid 0px navy;
background-color : white; 
padding : 5px;
z-index: 4;
}

#backgroundimage{
position: absolute; left: 0%; top: 0%;
border : solid 0px navy;

width: 100%px;
padding : 5px;
z-index: 1;
}

#Logos {
position: absolute; left: 13em; top: 40em;
background-color : white; 
width: 100%;
padding : 0px;
z-index: 1;
}

#Logos_Forms {
position: absolute; left: 21%; top: 99%;
background-color : white; 
width: 500px;
padding : 0px;
z-index: 1;
}

#LogosBackup {
background-image: url("Images/Logo_Banner_Blank_8.jpg");
background-repeat: no-repeat;
position: absolute; left: 30%; top: 0%;
background-color : transparent; 
width: 1200px;
padding : 0px;
z-index: 2;
}

#Logos2{

position: absolute; left: 6%; top: 56%;
background-color : transparent; 
width: 600px;
padding : 0px;
z-index: 2;
}

#Logos3{
position: absolute; left: 3%; top: 72%;
background-color : transparent; 
width: 600px;
padding : 0px;
z-index: 2;
}

#News {
position: absolute; left: 25%; top: 0%;
background-color : transparent; 
width: 65%;
font-size:11px;
padding : 0px;
z-index: 2;
}





#menu_activities {
position: absolute; left: 0%; top: 30%;
border : solid 0px orange;
width: 250px;
height: 34%;
padding : 5px;
z-index: 3;
}

#menu_sectors {
position: absolute; left: 38%; top: 30%;
border : solid 0px orange;
width: 250px;
height: 34%;
padding : 5px;
z-index: 3;
}

#menu_research {
position: absolute; left: 57%; top: 30%;
border : solid 0px orange;
width: 250px;
height: 34%;
padding : 5px;
z-index: 3;
}

#menu_vertical_bottom_half {
position: absolute; left: 0%; top: 45%;
border : none;
width: 12.5%;
height: 34%;
padding : 5px;
z-index: 3;
}



#menu_horizontal_pulldown {
position: absolute; left: 25%; top: 18%;
border : solid 0px navy;
background-color : transparent; 
width: 900px;
padding : 5px;
z-index: 0;
}

/* #menu_horizontal_inside_frame {
position: absolute; left: 0%; top: 0%;
border : solid 0px navy;
background-color : transparent; 
width: 900px;
padding : 5px;
z-index: 0;
}
*/
/* Placement - HTML Info Pages */
#content_inside_frame {
position: absolute; left: 25%; top: 28%;
border : solid 0px navy;
font-size:11px;
background-color : transparent; 
width: 900px;
padding : 5px;
z-index: 0;
}

#content_images {
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
font-size:11px;
position: absolute; left: 30%; top: 30%;
border : solid 0px navy;
background-color : transparent; 
width: 800px;
padding : 20px;
z-index: 0;
text-align: justify;
}

#content_text{
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
font-size:11px;
position: absolute; left: 18%; top: 10%;
border : solid 0px navy;
background-color : transparent; 
width: 700px;
padding : 20px;
z-index: 1000;
text-align: justify;
}
#content_textBottom {
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
font-size:11px;
position: absolute; left: 18%; top: 310px;
border : solid 0px navy;
background-color : transparent; 
width: 700px;
padding : 20px;
z-index: 1000;
text-align: justify;
}

#form_warnings1 {
position: absolute; left: 40%; top: 8%;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
background-color : white; 
border: solid 1px red;
font-size:11px;
color: red;
z-index: 1000;
text-align: right;
}
#form_warnings2 {
position: absolute; left: 40%; top: 14%;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
background-color : white; 
border: solid 1px red;
font-size:10px;
color: red;
z-index: 1000;
text-align: right;
}
#form_warnings3 {
position: absolute; left: 40%; top: 20%;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
background-color : white; 
border: solid 1px red;
font-size:10px;
color: red;
z-index: 1000;
text-align: right;
}

#RC_1 {
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 12;
position: absolute; left: 0%; top: 15%;
border : solid 0px navy;
background-color : transparent; 
width: 800px;
padding : 20px;
z-index: 0;
text-align: justify;
}
#RC_2 {
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 12;
position: absolute; left: 25%; top: 40%;
border : solid 0px navy;
background-color : transparent; 
width: 800px;
padding : 20px;
z-index: 0;
text-align: justify;
}
#RC_3 {
font-family: Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 12;
position: absolute; left: 65%; top: 65%;
border : solid 0px navy;
background-color : transparent; 
width: 800px;
padding : 20px;
z-index: 0;
text-align: justify;
}

#content_images {
position: absolute; left: 0 %; top: 10%;
border : solid 0px navy;
font-size:11px;
background-color : transparent; 
width: 240px;
padding : 5px;
z-index: 0;
}


/* Hover Links */

#borderit img{
border: 1px solid #ccc;
}

#borderit:hover img{
border: 1px solid navy;
}

# borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}
/* Buttons */



	.imageAsLink{
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             white;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0;
	border-width:      0;  
	border-color: white; 
	cursor:            pointer;
	width:             160px;
	}
	
.imageAsLink_hover {
font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:        11px;
	color:             orange;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0;
	border-width:      10; 
  border-color: gray; 
	cursor:            pointer;
	width:             160px;
	}



	.buttonAsLinkVerticalLong{
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             white;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0 ;
	border-color: 		 #FEFEFE; 
	border-width:      0 ;
	cursor:            pointer;
	width:             160px;
	}



	.buttonAsLinkVertical{
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             white;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0 ;
	border-color: 		 #FEFEFE; 
	border-width:      0 ;
	cursor:            pointer;
	width:             170px;
	
	}

.buttonAsLinkVertical_hover{
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             orange;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0;
	border-color: 		 white; 
	border-width:      0; 
	
	cursor:            pointer;
	width:             170px;
	}

.buttonAsLinkVertical_sub{
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             #336699;
	background-color:  #efefef;
	font-weight:       bold;
	padding:           3px 0;
	border-color: 		 white; 
	border-width:      0; 
	text-align: right;
	cursor:            pointer;
	width:             170px;
	}

.buttonAsLinkVertical_sub_hover{
		font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             orange;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0;
	padding-right:     0px;
	border-width:      0;  
	cursor:            pointer;
	width:             170px;
	text-align:        right;
	overflow:          visible;
	}

	.buttonAsLink{
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             white;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0;
	border-width:      0;  
	border-color: white; 
	cursor:            pointer;
	width:             160px;
	}
	
.buttonAsLink_hover {
font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:        11px;
	color:             orange;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0;
	border-width:      0; 
  border-color: gray; 
	cursor:            pointer;
	width:             160px;
	}
/* Button - sub button when you have extra buttons after pressing one */

	.buttonAsLinksub{
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:         11px;
	color:             #336699;
	background-color:  #efefef;
	font-weight:       bold;
	padding:           3px 0px;
	
	border-width:      0;  
	cursor:            pointer;
	width:             160px;
	text-align:        left;

	}
	
	.buttonAsLinksub_hover {
font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size:        11px;
	color:             orange;
	background-color:  #336699;
	font-weight:       bold;
	padding:           3px 0;
  padding-right:     0px;
	border-width:      0;  
	cursor:            pointer;
	width:             160px;
	text-align:        left;
	overflow:          visible;
	}
	
	
		 #menulabels{
		
	position: absolute; left: 35%; top: 2%;
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size: 			14px;	
	background-color:  black;
	color: white;
	font-weight:       bold;
	padding:           3px 3px 6px 3px;
	border-width:      0;  
	border-color: white; 
	cursor:            pointer;

	width:             100px;
	}
			 #menulabelsbottom{
		
	position: absolute; left: 35%; top: 30%;
	font-family:'trebuchet ms',Helvetica,sans-serif;
	font-size: 			14px;	
	background-color:  black;
	color: white;
	font-weight:       bold;
	padding:           3px 3px 6px 3px;
	border-width:      0;  
	border-color: white; 
	cursor:            pointer;

	width:             100px;
	}
 #externallinks{
		
	position: absolute; left: 3%; top: 10%;
	font-family:'trebuchet ms',Helvetica,sans-serif;
		background-color:  #336699;
	font-weight:       bold;
	padding:           3px 3px 6px 3px;
	border-width:      0;  
	border-color: white; 
	cursor:            pointer;

	width:             140px;
	}
	

	
	
	
	/* HYperlinks */


 
 a.link1         { text-decoration: none; padding: 0px; font-family:'trebuchet ms',Helvetica,sans-serif; font-size: 11px; font-weight:bold; padding:0px 10px 5px 15px;}
 a.link1:link    { color: white; background-color: #336699; font-family:'trebuchet ms',Helvetica,sans-serif; font-size:11px;}
 a.link1:visited { color: white; background-color: #336699}
 a.link1:hover   { color: orange; background-color: #336699 }
 a.link1:active  { color: white; background-color: red }

#menuh-container
	{
	position: absolute; left: 17em; top: 1em;		
	z-index: 5000000;
	}

#menuh
	{
	font-size: 10px;
	font-family: trebuchet,arial, Helvetica, sans-serif;
	width:100%;
	float:left;
	margin:2em;
	margin-top: 1em;
	text-decoration:none;
	z-index: 5000000;
	}
		
#menuv-container
		{	
	
	font-family: trebuchet,arial, Helvetica, sans-serif;
	z-index: 100000;
	font-size: 10px;
	margin-left:1em;
	z-index: 9999999999999;
	
	}
	
	#menuv
	{
	font-size: 10px;
	font-family: trebuchet,arial, Helvetica, sans-serif;
	width:100%;
	float:left;
	margin:2em;
	margin-top: 1em;
	text-decoration:none;
	z-index: 5000000;
	}
	
	#menuv_aux-container
		{	
	position:relative; left: 1em; top:180px;	
	z-index: 100000;
	font-size: 10px;
	margin-left:0em;
	z-index: 9999999999999;
	
	}
	
	#form_warning_success{
position: absolute; left: 20em; top: 35em;
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
height: 11em;
width: 30em;
  font-weight: bold;
  font-size: 13px;
  color: #464f51;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
   z-index: 2;
}
	#form_warning_success_new{
position: absolute; left: 10em; top: 35em;
font-family: Helvetica,Arial,sans-serif;
background-color: white;
height: 18em;
width: 30em;
border:solid 5px #c1cd23;
  font-weight: bold;
  font-size: 13px;
  color: #464f51;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em
  text-align:center;
  z-index: 2;
}


#furtherinfo{
font-family: Helvetica,Arial,sans-serif;
background-color: white;
padding-top:20px;
padding-bottom:15px;
  font-weight: bold;
  font-size: 1.1em;
  color: #c1cd23;
}
#formtitles{
font-family: Helvetica,Arial,sans-serif;
background-color: white;
padding-left:10px;
  font-weight: bold;
  font-size: 1.5em;
  color: #c1cd23;
  text-align:center;
}

#eventtitle{
font-family: Helvetica,Arial,sans-serif;
background-color: #c1cd23;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-weight: bold;
font-size: 1.1em;

}

#casestudy_paragraph_head{
font-family: Helvetica,Arial,sans-serif;
text-align:left;
font-weight: bold;
font-size: 1.5em;
color:#c1cd23;
}

#casestudy_bold{
font-family: Helvetica,Arial,sans-serif;
text-align:justify;

color:#e58a3e;
}