@media all {

  body {
    font-family:            Arial, sans-serif;
  }

  img {
    border:                 none;
  }

  #ekd-logo {
    vertical-align:         middle;
  }

  #p-copyr1 {
    float:                  left;
    text-align:             left;
    width:                  58%;
  }

  #p-copyr2 {
    float:                  right;
    text-align:             right;
    width:                  38%;
  }

  #div-EKDHead h1 {
    text-transform:         uppercase;
  }

  .mainlist {
    line-height:            1.8em;
  }

  .strong li {
    font-weight:            bold;
  }

  .strong li p {
    font-weight:            normal;
  }

  .back2top {
    font-size:              smaller;
  }

  .copyr {
    font-size:              smaller;
    font-style:             italic;
    padding:                1em 0.5em 1em 0.5em;
  }

  .navlink {
    padding:                0 0.2em 0 0.2em;
  }

  .navlist {
    background-color:       #ffffff;
    border:                 solid 0.1em;
    margin:                 0.3em 0 0.3em 0;
    padding:                0.3em;
  }

  .newshead {
    font-size:              larger;
    text-decoration:        underline;
  }

  .sidelinks ul {
    list-style:             none;
    margin:                 0;
    padding:                0;
  }

  .sidelinks li {
    background:             transparent;
    border-style:           solid;
    border-width:           0.1em;
    border-top-color:       #ffffff;
    border-right-color:     #333333;
    border-bottom-color:    #333333;
    border-left-color:      #ffffff;
    font-size:              smaller;
    font-weight:            bold;
    padding:                0.2em;
    text-align:             center;
  }

  .sidelinks li a {
    color:                  #aa004c;
    display:                block;
    text-decoration:        none;
    width:                  100%;
  }

  .sidelinks ul li a:hover {
    background-color:       #aa004c;
    color:                  #a29491;
  }

}

/* ================================================================ */
/* SCREEN media                                                     */
/* ================================================================ */

@media screen {

  body {
    background-color:       #ffffff;
    color:                  #000000;
  }

  h1, h2, h3, h4 {
    color:                  #aa004c;
  }

  #div-EKDHead {
    background-color:       #ffffff;
    background-image:url('art/ElectroKineticDesigns.png');
	background-repeat:no-repeat;
	background-position:top right;
	border-style:           solid;
    border-width:           0.05em;
    border-top-color:       #ffffff;
    border-right-color:     #ffffff;
    border-bottom-color:    #ffffff;
    border-left-color:      #ffffff;
    margin:                 0 0 0.5em 0;
    padding:                0.2em 0.5em 0.2em 0.5em;
  }
.EKDHead {
    background-color:       #ffffff;
    background-image:url('art/ElectroKineticDesigns.png');
	background-repeat:no-repeat;
	background-position:top right;
	border-style:           solid;
    border-width:           0.05em;
    border-top-color:       #333333;
    border-right-color:     #333333;
    border-bottom-color:    #333333;
    border-left-color:      #333333;
    margin:                 0 0 0.5em 0;
    padding:                0.2em 0.5em 0.2em 0.5em;
  } 
  #div-EKDHead h1 {
    float:                  left;
    width:                  80%;
  }

  #div-EKDHead img {
    float:                  right;
    width:                  20%;
  }

  #div-EKDFoot {
    background-color:       #ffffff;
    border-style:           solid;
    border-width:           0.05em;
    border-top-color:       #333333;
    border-right-color:     #333333;
    border-bottom-color:    #333333;
    border-left-color:      #333333;
    clear:                  both;
    height:                 5em;
	margin:                 0 0 0 0;
    padding:                0.1em 0.5em 0.1em 0.5em;
  }
  .grey{
  color:#cccccc;
  font-size:70%;
	  }
  #div-EKDBody {
    background-color:       #ffffff;
    margin:                 0 0 1em 19%;
    padding:                0.2em 0.5em 0.2em 0.5em;
	}

  #div-EKDContents {
    background-color:       #ffffff;
    margin:                 0 0 0 0;
    padding:                0.2em 0.5em 0.2em 0.5em;
	}

  #div-EKDNav {
    background-color:       #aaaaaa;
    float:                  left;
    margin:                 0;
    padding:                0;
    width:                  19%;
  }

  #active {
    border-style:           solid;
    border-width:           0.05em;
    border-top-color:       #333333;
    border-right-color:     #ffffff;
    border-bottom-color:    #ffffff;
    border-left-color:      #333333;
    color:                  #000000;
  }

  .banner {
    border-top-style:       solid;
    border-top-width:       0.05em;
    border-bottom-style:    solid;
    border-bottom-width:    0.05em;
    clear:                  both;
    font-weight:            bold;
    padding:                0.5em;
    text-align:             center;
  }

  .copyr {
    color:                  #aa004c;
  }
  
}

/* ================================================================ */
/* PRINT media                                                      */
/* ================================================================ */

@media print {

  body {
    background-color:       #ffffff;
    color:                  #000000;
  }

  #navlist {
    display:                none;
  }

  a:link {
    text-decoration:        underline;
  }

  a:hover {
    text-decoration:        none;
  }

  a:visited {
    text-decoration:        none;
  }

}

/* ================================================================ */
/* End of ekd.css                                                   */
/* ================================================================ */