body {
  text-align: center;
  background-color: #DDD;
  padding: 0em 0em 1em 0em;
  margin: 0px;
  height: 100%;
}

table#page table td {
  border: none;
}

img {
  border: none;
}

#banner {
  padding: 18px 0em 10px 0em;
  font-size: .8em;
  font-style: italic;
  color: #559;
  width: 100%;
  text-align: center;
}

#content {
  align: center;
  width: 98%;
  margin: 0px 10px 10px 10px;
}

table#page {
  align: center;
  width: 100%; 
  height: 100%;
  text-align: top;
  background-color: #CCD;
  border-width: 2px;
  border-color: #559;
  border-style: solid;
  padding: 10px;
}

table#page tr {
  height: 100%;
}

table#page td {
  text-align: top;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  height: 100%;
  border-color: #559;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
}

td#leftcontent {
  width:185px;
  height: 100%;
  font-size: 0.9em;
  text-decoration: none;
  background-color: #EEE;
  height: 100%;
}

td#rightcontent {
  width: 185px;
  padding: 0px;
  height: 100%;
  font-size: 0.9em;
  text-decoration: none;
  background-color: #EEE;
  padding: 10px;
  height: inherit;
}

table#page td#main {
  background-color: white;
  height: 100%;
  text-align: left;
  padding: 10px;
}

table#page td.spacer {
  padding: 2px;
  border-style: none;
}

ul.menu {
  margin-left: 7px;
  margin-right: -5px;
  text-align: left;
  list-style-position: inside;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  width: 185px;
}

.submenu ul {
  list-style-position: inside;
  list-style-type: none;
  margin-left: 0px;
  padding-left: 12px;
}

li.menuitem a {
  text-decoration: none;
  font-size: 0.9em;
  padding: 0px 0px 0px 1px;
  color: #559;
}

.active {
  font-weight: bold;
}

.menuitem.active a {
  color: #226;
}

.menuitem.active .submenu a {
  font-weight: normal;
  color: #229;
}

li.menuitem:hover {
  color: #229;
}

#clr {
  clear:both;
}

#main ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#main li {
  background-image: url('list-icon.png');
  background-repeat: no-repeat;
  background-position: left 2px; 
  padding-left: 16px; 
  margin: 14px;
}

#main li.hot {
  background-image: url('hot-icon.png');
}

a {
  text-decoration: none;
  color: #559;
}

#main li a:hover {
  text-decoration: underline;
  color: #559;
}

h3 {
  text-align: center;
}

h2 {
  text-align: center;
}

h4 {
  text-align: center;
}

a#linkedin {
  font-weight: normal;
  background-image: url('linkedin.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 28px;
}

#greeting {
  text-align: center;
  font-size: .9em;
  font-weight: normal;
}

#motd {
  padding: 10px;
  width: 50%;
  border: 1px solid #226;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #eee;
  font-size: .95em;
}

#main#description p {
  text-align: justify;
}

.sort {
  text-decoration: none;
  color: #226;
}

.sort:hover {
  color: #559;
}

.sorts {
  text-align: right;
  color: #226;
  font-size: .7em;
}

.applylink {
  text-align: right;
  float: right;
  background-color: #EEE;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: #226;
  padding: .03em .3em .1em .3em;
  margin-bottom: .5em;
}

.applylink a {
  color: #55F;
  font-size: .9em;
  font-weight: bold;  
  text-decoration: none;
}

#main .hot a {
  color: #c55;
  font-weight: bold;
}

#main .hot a:hover {
  text-decoration: underline;
  color: #955;
}


#toplinks {
  font-size:.9em; 
  text-align:right; 
  padding-bottom:5px;
}

#cse {
  margin: 3em auto 0px auto;
  width: 100%;
}

#tips {
  text-align: left;
  font-size: .9em;
  font-style: italic;
  margin: 0em 5px 1em 10px;
}

#tips h3 {
  text-align: left;
  font-size: 95%;
  font-style: italic;
  margin-left: -5px;
}