* {
  font-family: Helvetica;
  font-size: 1em;
  background: #fffff;
  color: #000000;
}

body{ 
text-align:center;
background:#e8eaec;
}

#container{
padding:1px 0;
text-align:left;
background: #fffff;
color: #000000;
margin:20px auto;
width: 1280px;
border-left:2px solid #a0a0a0;
border-right:2px solid #a0a0a0;
}

/* style for mobile version */

#header{  
height:4em; 
text-align: left; 
margin-left: 0px; 
margin-top: 0px; 
background: #467aa7; 
color:#ffffff; 
font-size: 4em; 
padding-left: 30px; 
padding-top: 20px; 
}

#menu{
background:#467aa7;
color:#ffffff;
font-size: 2.5em;
padding-left: 30px;
padding-top: 10px;
margin-bottom: 00px;
text-align: left;
}

#menu a{
float: left;
color:#d3e1e4;
font-size: 1em;
display: block;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
}

#menu a:hover {
background: #d3e1e4;
color: #467aa7;  
}

#content{
float:left;
font-size:1.9em;
padding:20px 0 0 20px;
padding-right:40px;
background-color: #ffffff;
width:98%;
}

#footer{
padding:0px 0px 0px 0px;
clear:both;
padding:0px auto;
padding-left:30px;
width: 1250px;
margin:0px auto;
color:#d3e1e4;
background:#467aa7;
font-size:1.3em;
}


/* style for phones / tablets in landscape mode and computers */

@media only screen and (min-width: 1024px){ 
#header{
height: 3em;
text-align: left;
margin-left: 0px;
margin-top: 0px;
background: #467aa7;
color:#ffffff;
font-size: 2.5em;
padding-left: 30px;
padding-top: 20px;
}

#menu{
background:#467aa7;
color:#ffffff;
font-size: 1.4em;
padding-left: 30px;
padding-top: 0px;
margin-bottom: 0px;
text-align: left;
}

#menu a{
float: left;
color:#d3e1e4;
font-size: 1em;
display: block;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
}

#menu a:hover {
background: #d3e1e4;
color: #467aa7;  
}

#content{
float:left;
font-size:0.9em;
padding:0px 20px 0px 20px;
background-color: #ffffff;
width:1240px;
}

#footer{
padding:0px 0px 0px 0px;
clear:both;
padding:0px auto;
padding-left:30px;
width: 1250px;
margin:0px auto;
font-size: 1em;
color:#d3e1e4;
background:#467aa7;
}

}

#footer a{
color:#d3e1e4;
}

#content h2{
display:block;
font-size:1.7em;
}

#content h3{
display:block;
font-size:1.4em;
}

a:link { color: #143c1e; }
a:hover { color: #cc8888; }
a:visited { color: #144c1e; }
a:active { color: #ff0000;}

img {
 border: 0px;
}

span.emphasize { 
  font-style:italic;
  font-weight:bold;
  color: #000000;
  font-size:1.0em;
 }


#wrapper { 
    border: 0px;
    overflow: hidden;
}

#first { 
    width: 736px;
    border: 0px;
    float:left;
}

#second { 
    border: 0px;
    float:left;
    text-align:center;
    width: 50px;
}

#third { 
    padding 
    border: 0px;
    width: 450px;
    float:left;
    text-align:center;
}

span.important { 
  color: #000000;
  font-size: 1.1em;
  font-weight:bold;
  text-decoration: underline;
 }

span.alertmessage { 
  color: #ff0000;
  font-size: 1.1em;
  font-weight:bold;
 }

div.errormessage{   
  color: #ff0000; 
  font-size: 1.3em; 
  font-weight:bold; 
}

table.participantselector
{ 
  border-collapse: collapse;  
  margin-left: auto;
  margin-right: auto;
}

table.participantselector tr
{ 
  text-align: center;
}

table.participantselector th
{ 
  font-weight:bold;  
  border-bottom: 1px solid;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

table.participantselector td
{ 
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

table.participantselector tr:nth-child(even)
{ 
  background-color: #f0f0f0;  
}

table.participantselector tr:nth-child(odd)
{ 
  background-color: #d8d8d8;  
}