@media screen and (max-width: 480px) {
  /* smartphone CSS */
body {
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: helvetica,arial,sans-serif;
}

td {
background-color: #ffffff;
font-family: helvetica,arial,sans-serif;
}

td.grey {
background-color: #ffffff;
}

p {padding: 0px;}

p.center {text-align: center;}

p.grey {
text-align: center;
background-color: #c0c0c0;
font-weight: bold;
padding-top: 0.5em;
padding-bottom: 0.5em;
}


p.greyleft {
text-align: left;
background-color: #c0c0c0;
padding-top: 0.5em;
padding-bottom: 0.5em;
}


ul.none{
list-style-type: none;
}

h2.line {padding-top: 2em;
border-top:solid;
border-top-width: 1px;
border-top-color: #999999;
}

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


a:link{color:#3333ff;text-decoration:none;}
a:link:hover{color:#00f;text-decoration:underline;}
a:visited{color:#800080;}
a:visited:hover{color:#800080;text-decoration:none;}
a.img:visited:hover{color:#ff0;background-color:#fff;}
a.img:link:hover{color:#ff0;background-color:#fff;}

div.access {
background-color: #ffffff;
}

div.header {
background-color: #ffffff;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
text-align: center;
font-variant: small-caps;
padding-bottom: 10px;
padding-top: 10px;
border-style: solid;
border-color: #999999;
}

div.headerwithsearch {
background-color: #ffffff;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
text-align: left;
font-variant: small-caps;
padding-bottom: 10px;
padding-top: 10px;
border-style: solid;
border-color: #999999;
}

div.headersmall {
background-color: #ffffff;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
text-align: left;
font-variant: small-caps;
padding-bottom: 10px;
padding-top: 10px;
border-style: solid;
border-color: #999999;
}

div.grey {
background-color: #c0c0c0;
text-align: center;
border:solid;
border-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color: #999999;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
}

div.crumb {
background-color: #ffffff;
border:solid;
border-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color: #999999;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
font-size: 90%;
font-style: italic;
color: #000000;
text-align: left;
}

/* div.nav {
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-style: solid;
text-align: center;
padding-bottom: 0.5em;
padding-top: 0.5em;
border-color: #999999;
line-height:1.5;
} */


/* Alternative mobile navbar style */

div.nav{display:none;}

div.nav2{clear:both;padding:1em;margin:1em 0em 0em 0em;background-color:#739fd0;text-align:center;font-weight:bold;text-decoration:none;color:#fff;}
div.nav2 li.inline3{border:solid #aaa;border-width:0px 0px 1px 0px;padding:0 1em 1em;margin:1em 0em 1em 0em;}
div.nav2 a:hover{color:#00f;text-decoration:underline;font-weight:bold; background: none; border:0;}
div.nav2 a {color:#fff;text-decoration:none;font-weight:bold;background: none; border:0;}

div.linkunit {
background-color: #ffffff;
text-align: center;
padding-top: 1.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
}





div.main2 {
background-color: #ffffff;
padding-bottom: 0;
padding-top: 0;
padding-right: 0;
text-align: left;
border-bottom:solid;
border-bottom-width: 1px;
border-color: #ffffff;
margin-left: 5%;
margin-right: 5%;
}

div.main {
background-color: #ffffff;
padding-bottom: 2em;
padding-top: 2em;
padding-right: 2em;
text-align: left;
width: 78%;
float: right;
}

#advert {
background-color: #ffffff;
text-align: left;
width: 50%%;
float: right;
}

div.adwidesky {
background-color: #ffffff;
text-align: left;
width: 190px;
float: left;
}


div.advertleft {
background-color: #ffffff;
text-align: left;
width: 350px;
float: left;
}



div.mainspace {
background-color: #ffffff;
padding-bottom: 2em;
padding-top: 0em;
padding-right: 2em;
text-align: left;
width: 78%;
float: right;
}


div.genbanner {
background-color: #ffffff;
/* border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px; */
border-style: solid;
text-align: left;
background-color: #ffffff;
border-color: #ffffff;
margin-left: 5%;
margin-right: 5%;
}

div.cenleft{padding-bottom:2em;padding-top:2em;float:left;text-align:left;width:67%;}
div.cenright{padding-bottom:2em;padding-top:5em;text-align:center;width:33%;float:right;}

div.footer {
clear: both;
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
text-align: center;
padding-bottom: 0.5em;
margin-top: 2.0em;
padding-top: 0.5em;
border-color: #999999;
}



div.header {
clear: both;
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
text-align: center;
padding-bottom: 0.5em;
margin-top: 2.0em;
padding-top: 0.5em;
border-color: #999999;
}

div.boxwarn {
text-align: left;
padding: 40px;
background-color: #ffcc33;
border-style: solid;
border-width: 5px;
margin-left: 10%;
margin-right: 10%;
}


div.box {
text-align: left;
padding: 40px;
background-color: #ffffcc;
border-style: dotted;
border-width: 1px;
margin-left: 10%;
margin-right: 10%;
}

span.bold {
font-weight: bold;
}

span.pagetitle {
font-size: 150%;
letter-spacing: 0.2em;
word-spacing: 0.2em;
font-weight: bold;
}

span.menu {
font-size: 150%;
letter-spacing: 0.05em;
word-spacing: 0.1em; 
font-weight: bold;
}

span.italic {
font-style: italic;
}

span.credit {
font-style: italic;
font-size: 75%;
}


li {padding: 5px;}
li.narrow {padding: 0px;}

div.quote {
font-style: italic;
font-size:120%;
font-family: times,serif;
margin-left: 10%;
margin-right: 10%;
}

#sidebar #social {
    margin: 10px;
}    
div .twitter, .fb-like, .plusone {
    font-size: 1px;
    display: inline-block;
}
div .fb_reset {
    display: inline;
} 

li{padding:5px;}
li.narrow{padding:0;}
li.inline{display:inline;padding:0 5px;}
li.inline2{display:inline;padding:0 5px;}
li.shr{display:inline;padding:0 5px 0 0;}
li.inline3{border:solid #aaa;border-width:0;padding:0 1em;}
li.inline4{padding:0 1em;}
li.morepadding{padding:0.5em 0em;}

ul.nobull {list-style-type: none;padding:0;margin:0;}
ul.nobull2 {list-style-type: none;padding:0;margin:0;}

table.column {
    width:48%; 
    margin-left:1%; 
    margin-right:1%;
  }

img{max-width:95%;width:auto;height:auto;margin:0.5em 0em;border:none;}

.facebook-style{color: #ffffff; background-color: #3b5998;}
.twitter-style{color: #ffffff; background-color: #1da1f2;}
.youtube-style{color: #ffffff; background-color: #ff0000;}
.email-updates-style{color: #ffffff; background-color: #000000;}

}
@media screen and (min-width: 481px) {
  /* desktop CSS */

body {
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: helvetica,arial,sans-serif;
}

td {
background-color: #ffffff;
font-family: helvetica,arial,sans-serif;
}

td.grey {
background-color: #c0c0c0;
}

p {padding: 0px;}

p.center {text-align: center;}


p.grey {
text-align: center;
background-color: #c0c0c0;
font-weight: bold;
padding-top: 0.5em;
padding-bottom: 0.5em;
}


p.grey2 {
text-align: center;
background-color: #c0c0c0;
padding-top: 0.5em;
padding-bottom: 0.5em;
}


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

h2.line {padding-top: 2em;
border-top:solid;
border-top-width: 1px;
border-top-color: #999999;
}


h2{color:#000000; background-color: #FFFFFF}


a:link{color:#3333ff;text-decoration:none;}
a:link:hover{color:#00f;text-decoration:underline;}
a:visited{color:#800080;}
a:visited:hover{color:#800080;text-decoration:none;}
a.img:visited:hover{color:#ff0;background-color:#fff;}
a.img:link:hover{color:#ff0;background-color:#fff;}

/*

a:link{color:#00f;text-decoration:none;}
a:link:hover{color:#00f;text-decoration:underline;}
a:visited{color:#800080;}
a:visited:hover{color:#800080;text-decoration:none;}
a.img:visited:hover{color:#ff0;background-color:#fff;}
a.img:link:hover{color:#ff0;background-color:#fff;}

*/


div.access {
background-color: #ffffff;
}

div.header {
background-color: #ffffff;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
text-align: center;
font-variant: small-caps;
padding-bottom: 10px;
padding-top: 10px;
border-style: solid;
border-color: #999999;
}

div.headerwithsearch {
background-color: #ffffff;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
text-align: left;
font-variant: small-caps;
padding-bottom: 10px;
padding-top: 10px;
border-style: solid;
border-color: #999999;
}

div.headersmall {
background-color: #ffffff;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
text-align: left;
font-variant: small-caps;
padding-bottom: 10px;
padding-top: 10px;
border-style: solid;
border-color: #999999;
}

div.grey {
background-color: #c0c0c0;
text-align: center;
border:solid;
border-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color: #999999;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
}


div.crumb {
background-color: #ffffff;
border:solid;
border-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color: #999999;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
font-size: 90%;
font-style: italic;
color: #000000;
text-align: left;
}

/* old navigation
div.nav {
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-style: solid;
text-align: center;
padding-bottom: 0.5em;
padding-top: 0.5em;
border-color: #999999;
} */

/* Alternative mobile navbar style */

div.nav2{display:none;}

div.nav{clear:both;padding:1em;margin:1em 0em 0em 0em;background-color:#739fd0;text-align:center;font-weight:bold;text-decoration:none;color:#fff;}
div.nav li.inline3{border:solid #aaa;border-width:0px 0px 1px 0px;padding:0 1em 1em;margin:1em 0em 1em 0em;}
div.nav a:hover{color:#00f;text-decoration:underline;font-weight:bold; background: none; border:0;}
div.nav a {color:#fff;text-decoration:none;font-weight:bold;background: none; border:0;}




div.linkunit {
background-color: #ffffff;
text-align: center;
padding-top: 1.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
}





div.main2 {
background-color: #ffffff;
padding-bottom: 2em;
padding-top: 2em;
padding-right: 2em;
text-align: left;
border-bottom:solid;
border-bottom-width: 1px;
border-color: #ffffff;
margin-left: 5%;
margin-right: 5%;
}

div.main {
background-color: #ffffff;
padding-bottom: 2em;
padding-top: 2em;
padding-right: 2em;
text-align: left;
width: 78%;
float: right;
}

#advert {
background-color: #ffffff;
text-align: left;
width: 50%%;
float: right;
}

div.adwidesky {
background-color: #ffffff;
text-align: left;
width: 190px;
float: left;
}


div.advertleft {
background-color: #ffffff;
text-align: left;
width: 350px;
float: left;
}



div.mainspace {
background-color: #ffffff;
padding-bottom: 2em;
padding-top: 0em;
padding-right: 2em;
text-align: left;
width: 78%;
float: right;
}


div.genbanner {
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
text-align: left;
border-color: #999999;
margin-left: 5%;
margin-right: 5%;
}

div.cenleft{padding-bottom:2em;padding-top:2em;float:left;text-align:left;width:67%;}
div.cenright{padding-bottom:2em;padding-top:5em;text-align:center;width:33%;float:right;}

div.footer {
clear: both;
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
text-align: center;
padding-bottom: 0.5em;
margin-top: 2.0em;
padding-top: 0.5em;
border-color: #999999;
}

div.header {
clear: both;
background-color: #ffffff;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
text-align: center;
padding-bottom: 0.5em;
margin-top: 2.0em;
padding-top: 0.5em;
border-color: #999999;
}

div.boxwarn {
text-align: left;
padding: 40px;
background-color: #ffcc33;
border-style: solid;
border-width: 5px;
margin-left: 10%;
margin-right: 10%;
}


div.box {
text-align: left;
padding: 40px;
background-color: #ffffcc;
border-style: dotted;
border-width: 1px;
margin-left: 10%;
margin-right: 10%;
}

span.bold {
font-weight: bold;
}

span.pagetitle {
font-size: 320%;
letter-spacing: 0.2em;
word-spacing: 0.2em;
font-weight: bold;
}



span.italic {
font-style: italic;
}

span.credit {
font-style: italic;
font-size: 75%;
}

div.quote {
font-style: italic;
font-size:120%;
font-family: times,serif;
margin-left: 10%;
margin-right: 10%;
}

#sidebar #social {
    margin: 10px;
}    
div .twitter, .fb-like, .plusone {
    font-size: 1px;
    display: inline-block;
}
div .fb_reset {
    display: inline;
} 


li{padding:5px;}
li.narrow{padding:0;}
li.inline{display:inline;border:solid #999;border-width:0 1px 0 0;padding:0 5px;}
li.inline2{display:inline;padding:0 5px;}

li.shr{display:inline;padding:0 5px;}

p.sharetop{}

table.column {
    width:48%; 
    margin-left:1%; 
    margin-right:1%;
  }
 
div.nav2{display:none;}

}