* {
margin: 0;
padding: 0;
border: 0;
}
body {
color: #000000;
font: 100.01% sans-serif;
line-height: 1.45em;
background-image: url(/images/bg/bg_left.gif), url(/images/bg/bg_right.gif);
background-position: left top, right top;
background-repeat: repeat-y, repeat-y;
background-color: #6699CC;
padding: 5px 40px 10px 40px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h2{
font-size: 1.4em;
}
/* Header / Footer */
#header, #footer {
background-color: #000033;
text-align:center;
border-radius: 10pt;
color: #FF0;
box-shadow: 4px 4px 6px #003;
}
#header {
margin: 0 auto 5px auto;
padding: 15px 0 15px 2px;
max-width: 1120px;
}
#footer {
max-width: 900px;
margin: 0 auto 15px auto;
padding: 7px 5px 7px 5px; 
}
#header a, #header a:hover, #footer a, #footer a:hover {
color: #FF0;
}
#header ul, #footer ul {
padding: 5px 0 5px 5px;
margin: 0;
list-style-type: none;
line-height: 1.5em;
}
#header ul li,#footer ul li {
display: inline;
}
#header li, #footer li {
border-right: thin solid yellow;
padding-right: 5px;
}
#header img {
max-width: 100%;
height: auto;
}
/* Home central area */
#content {
  max-width:900px;
margin: 0 auto 0 auto;
}
#content h2 {
padding:0 0 4px 0;
}
#content ul {
  list-style-type: none;
display:table;
 max-width: 800px;
  margin: 0 auto;
}
#content p {
line-height: 1.5em;
}
#content li {
border: 1px solid #000033;
  border-radius: 6pt;
  background-color: #FFF;
  padding: 12px 10px 8px 10px;
margin: 10px 0 0 0;
box-shadow: 4px 4px 6px #003;
  overflow: auto;
}
#content img {
max-width: 100px;
height: auto;
}
#content li img {
  float: left;
  margin: 0 15px 0 0;
}
.homeads {
  border: 1px solid #000033;
  border-radius: 6pt;
  background-color: #CCFFCC;
  padding: 10px;
 margin: 10px auto 15px auto;
  max-width: 880px;
text-align:center;
}
.homeads ul {
  list-style-type: none;
}
.homeads ul li {
  display: inline;
line-height:1.5em;
}
.homeads li {
  border-right: thin solid black;
  padding-right: 4px;
}
.homeads img {
  float: right;
margin: 0 0 0 10px;
}
.homeads a {
text-decoration:none;
}
.homeads a:hover {
text-decoration:underline;
}
#mobile {
  display: none;
}
@media all and (max-width: 500px) {
#content {
  display: none;
}
body {
background: #6699CC;
padding: 5px;
}
#mobile {
    display: initial;
  }
#mobile img {
float: left;
margin: 10px 10px 10px 10px;
}
#mobile ul {
list-style-type: none;
margin: 15px 0 0 30px;
}
#mobile li {
padding: 8px 0px 8px 8px;
margin: 7px 7px 7px 40px;
background-color: #FFF;
border: 1px solid #003;
border-radius: 5pt;
box-shadow: 2px 2px 1px #003;
}
#mobile li:hover {
background-color: #FF6;
}
#mobile a {
font-weight: bold;
font-size: 1.2em;
}
}