@import url('https://fonts.googleapis.com/css?family=Lato');
@media all
{
*{outline:none;}
a{  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}
.menu{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

border-top:1px solid #999999;padding:8px;padding-right:0px;width:100%;max-width:100%;text-align:left;border-bottom:1px solid #999999;font-size:13px;}
.menu ul{padding:0px;margin:0px;}
.menu li{list-style-type:none;margin-right:8px;margin-bottom:4px;display:inline;}
.menu a:link,.menu a:visited{color:#888888;text-decoration:none}
.menu a:hover{color:#000000;text-decoration:none}
li.current a:link, li.current a:visited{color:#000000;text-decoration:none}
.content h1{font-size:18px;font-weight:normal;margin-top:9px;margin-bottom:9px;color:#888888;}
.content h2{font-size:16px;font-weight:normal;margin-top:6px;margin-bottom:6px;color:#888888;}
.content h3{font-size:13px;font-weight:normal;margin-top:6px;margin-bottom:6px;color:#888888;}
.content h4{font-size:12px;font-weight:normal;margin-top:6px;margin-bottom:6px;color:#888888;}
.content h5{font-size:11px;font-weight:normal;margin-top:6px;margin-bottom:6px;color:#888888;}
.content h6{font-size:10px;font-weight:normal;margin-top:6px;margin-bottom:6px;color:#888888;}
.content p{margin-top:8px;margin-bottom:8px;}
.content table{width:auto;max-width:98%;}
.content input, textarea{border:1px solid #888888;background-color:#ffffff;font-family: 'Lato', sans-serif;font-size:13px;resize:none;padding:3px;min-height:24px;margin-bottom:5px;margin-top:5px}
.content a:link,.content a:visited{color:#888888;text-decoration:none;border-bottom:1px solid #cccccc;}
.content a:hover{color:#000000;text-decoration:none;border-bottom:1px solid #000000;}
input:required:focus {
  border: 1px solid 999999;
  box-shadow: 3px 3px 3px transparent;
  outline: none;
}
textarea:required:focus {
  border: 1px solid 999999;
  box-shadow: 3px 3px 3px transparent;
  outline: none;
}
input:required,textarea:required {
  border: 1px solid 999999;
  box-shadow: 3px 3px 3px transparent;
}
@media only screen
{
body{margin:1%;font-family: 'Lato', sans-serif;background-color:#eeeeee;line-height:140%;font-size:13px;overflow-y:scroll}
.layout{-webkit-box-shadow: 5px 5px 5px -3px rgba(180,180,180,0.5);
-moz-box-shadow: 5px 5px 5px -3px rgba(180,180,180,0.5);
box-shadow: 5px 5px 5px -3px rgba(180,180,180,0.5);width:100%;max-width:475px;max-height:100%;border:1px solid #999999;background-color:#ffffff;}
.content{padding:8px;}
.header{padding:8px;background-color:#000000;text-align:left;color:#ffffff;width:50%;max-width:50%;font-size:16px;}
.footer{border-top:1px solid #999999;padding:8px;font-size:11px;color:#999999;}}
@media only print
{
body{margin:1%;font-family: 'Lato', sans-serif;background-color:#eeeeee;line-height:140%;font-size:13px;}
.layout{width:100%;max-width:525px;margin-left:auto;margin-right:auto;}
.footer{border-top:1px solid #000000;padding-top:8px;font-size:11px;color:#999999;}
.content{padding-top:8px;padding-bottom:8px;font-size:13px;color:#999999;}
.menu{display:none;}
}