/* All styles */
*{font-family:Europa,Arial,Helvetica,sans-serif;font-size:12pt;
  background-color:#eeeeee;
}

a{text-decoration:none;}

/* Top div to the full width of the window */
div#topline{
  position:relative;
  width:100%;
  height: auto;
#  background-color:#eeeeee;
  text-align:center;
  vertical-align:middle;
  padding:5px 0px;

}

/* Main div to the full width of the window */
div#main{
  position:relative;
  width:100%;
  min-width:440px;
#  background-color:#eeeeee;
}

/* Left column */
div#leftcol{
  position:absolute;
  width:25%;top:2px;
#  background-color#eeeeee;
}

/* Centre column */
div#midcol{
  position:relative;
  width:50%;
  left:25%;
  padding-bottom:2px;
#  background-color:#eeeeee;
}

/* Right column */
div#rightcol{
  position:absolute;
  width:25%;top:2px;
  left:75%;
#  background-color:#eeeeee;
}

/* Footer - full width. */
div#footline{
  position:relative;
  width:100%;
  height:70px;
  float:right;
}

/* Instructional pane - if necessary */
div#instructions{
position:relative;
font-size:85%;
}

/* Filler to help position footline */
div#filler {
  width:100%;
  height:2px;
  display:block;
  position:static;
  background-color:inherit;
  }


/* Navigation back to base */
div#navwrapper{
width:50%;
float:left;
margin:auto;
}

div#nav{
position:relative;
min-width:50px;
max-width:300px;
font-size:85%;
padding:10px 20px;
margin:auto;
#background-color:yellow;
}

img#home-button{
height:20px;
padding:5px 10px;
background-color:inherit;
}

a#nav-link{
  display:block;
  text-align:center;
  color:#ffffff;
  width:70%;
  margin:auto;
  background-color:#F01ADC;
}

/* Link and visited properties */
a#nav-link:link,button:visited{
  color:#ffffff;
#  background-color:#F01ADC;
}

/* Hover and active properties */
a#nav-link:hover,button:active{
  color:#ffffff;
  background-color:#0000ff;
}



/* Button container */
div#buttoncontainer{
  position:relative;
  width:100%;
}

/* Button header */
div#buttonhead{
  position:relative;
  float:left;
  width:100%;
  text-align:center;
  margin-top:10px;
  font-size:10pt;
}

/* Link properties for button */
a#button,a#nobutton{
  position:relative;
  float:left;
  height:2em;
  line-height:2em;
  min-width:80px;
  width:47%;
  margin:auto;
  background-color:inherit;
  position:relative;
  padding:2px;
  margin:0.5%;
  font-size:10pt;
  word-wrap:break-word;
}

/* Link and visited properties */
a#button:link,button:visited{
  display:block;
  text-align:center;
  color:#ffffff;
  background-color:#F01ADC;
}

/* Hover and active properties */
a#button:hover,button:active{
  display:block;
  text-align:center;
  color:#ffffff;
  background-color:#0000ff;
}

a#nobutton:hover,nobutton:active,nobutton:visited,nobutton:linked{
background-color:inherit;
}

span#centered{
display:inline;
vertical-align:50%;
background-color:inherit;
}

div#bottomed {
  display:inline;
 }

@media only screen and (max-device-width:1000px),only screen and (max-width:1000px) {
div#filler {
height:1em;
}
@media only screen and (max-device-width:940px),only screen and (max-width:940px) {
div#filler {
height:3em;
}
@media only screen and (max-device-width:910px),only screen and (max-width:910px) {
div#filler {
height:5em;
}



@media only screen and (max-device-width:825px),only screen and (max-width:825px) {
div#leftcol,div#rightcol {
  position:relative;
  width:50%;
  float:left;
  top:20px;
  }

div#midcol {
  position:relative;
  float:none;
  width:100%;
  left:0;
  }

div#rightcol {
  left:0%;
  }

a#button,a#nobutton{
  height:2em;
  font-size:inherit;
  }

div#buttonhead {
font-size:100%;
height:2em;
display:block;
}
span#centered{
display:inline;
vertical-align:middle;
background-color:inherit;
}

div#bottomed {
  display:inline;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  text-align:center;
  padding-bottom:2px;
}
div#text {
font-size:100%;
display:inline-block;
}

div#footline {
  top:70px;
  }

span#centered{
display:block;
vertical-align:none;
}


}