body {background-color: #ffffff; color:#708090; font-size: 16px; margin:0%; padding:0%; font-family:arial,sans-serif; line-height:2em;overflow: scroll}


.content {background-color: #ffffff; position:absolute; left:5%; top:3%; width:90%; height: auto; text-align:justify;line-height:150%;}

nav{max-height:110px; overflow:hidden !important; transition: all 2s ease-in-out;}

.logo{float:left;display:block;width:100%}

.icon{height:32px; width:32px; padding:6px; opacity:.7; transition: all 2s ease-in-out;}
.show {opacity:1 !important;}
.hide {opacity:1 !important; display:none;}
.hide img {height:44px; padding-top:0px; padding-bottom:0px;}
.icon16{height:16px; width:16px;}

.menu1{font-size:90%; opacity:.5;} 
.menu2{font-size:80%; line-height:1.5em;}

nav:hover {max-height:100em;}
nav:hover > .menu1{opacity:1;}
nav:hover  > .show img {height:44px; padding-top:0px; padding-bottom:0px;}

#nav:target {max-height:100em;}
#nav:target > .menu1{opacity:1;}
#nav:target > .hide {display:inline-block;}
#nav:target > .show {display:none;}

div.headerbreak{border:none}
div.leftCol{top:0px;}
div.leftColCont{border:none; padding-top:0px;}

a:link{font-weight: 400; background-color:#ffffff; color:rgb(51,102,153); opacity:.7;}
a:hover {text-decoration: none; background-color:#ffffff; color:rgb(51,102,153); opacity:1;}
a:visited {color:rgb(51,102,153); background-color:#ffffff; opacity:.7;}

.cstate{visibility:hidden;padding:0px; margin:0px;font-size:70%;line-height:1.2em}
.copy:hover ~ .cstate{visibility:visible;}

.add{width:100%; text-align:center; padding-top:10px;}

h1+p::first-letter{font-size:150%}

.links a{font-size: 200%; text-align:center; padding:10px; display:block;}

.grad{border-radius:10px; background:linear-gradient(rgba(255,255,255,0),rgba(112,128,144,.5));}

.comments{position:relative; opacity:.5; display:block; overflow:hidden; font-size:80% !important; line-height:2em !important; max-height:200px ; transition: all 2s ease-in-out;}
.comments:hover{opacity:1; max-height:100em;}
.comments:hover > .more{color:rgba(112,128,144,0);}

#comments:target{opacity:1;max-height:100em !important;}
#comments:target .more{color:rgba(112,128,144,0);}

.more{z-index:20; width:100%; font-weight:700; font-size:125%; text-align:center; opacity:1; color:#ff0000; background-color:#ffffff; position:absolute; display:block; bottom:0px;}

.social{float:left;display:block}
.control{text-align:right; line-height:1em; float:right;display:block;width:100%;}

.nodec{text-decoration:none !important;}

img{max-width:100%}
table{max-width:100%}
@media all and (max-width:900px), handheld
{
div.logo{position:fixed;top:0px;left:10px;width:100%;background-color:#ffffff;z-index:30}
nav{max-height:50px;}
div.rightCol{display:none;}
div.plusone{display:none;}
div.footer{display:none;}
footer{display:none;}
div.searchbox{position:absolute;top:65px;margin:3px;margin-left:17px;}
div.content {position:relative;left:0px;top:120px; width:100%;}
div.search {position:relative;left:0px;top:120px; width:100%;}
div.leftCol{position:relative; width:100%;padding-top:120px;border-style:none;}

html{max-width:100%}
xdiv{max-width:100%}
ximg{max-width:100%}
xtable{max-width:100%}
}