body {
  background: white url('/media/base/img/top-bg.png');
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 11pt;
}

input {
  font-family: sans-serif;
}

#content {
  position: absolute;
  left: 180px;
  top: 40px;
}

#topnav {
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  text-align: right;
  color: white;
  font-size: 70%;
  line-height: 30px;
}

#topad {
  position: absolute;
  left: 334px;
  top: 7px;
  font-size: 70%;
  color: white;
  z-index: 10;
}

#head {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 30px;
  vertical-align: middle;
  color: white;
}

#head img {
  position: absolute;
  left: 0px;
  top: 0px;
}

#head a, #topnav a {
  color: white;
  text-decoration: none;
  padding-right: .5em;
  padding-left: .5em;
}

#head a:hover, #topnav a:hover {
  text-decoration: none;
  color: #ffff55;
}

h1.logo {
  position: absolute;
  left: 180px;
  top: -2px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 30px;
  vertical-align: baseline;
  font-family: arial black;
  font-size: 20px;
}

h1.logo .com {
  font-family: arial;
  font-size: 15px;
  top: 10px;
}

h1,h2 {
  margin: .25em 0 .25em 0;
  font-size: 140%;
}

.err {
  color: red;
  font-size: 70%;
}

ul.errorlist {
color: red;
list-style-type: square;
list-style-position: inside;
font-size: 8pt;
margin: 0;
padding: 0;
text-indent: 0;
}

dl.promo dt {
  font-weight: bold;
}

.iform {
  display: inline;
}

th {
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}

.bevel {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-right: solid 1px gray;
  border-bottom: solid 1px gray;
}


#leftnav {
text-align: center;
position: absolute; 
width: 150px;
left: 15px;
top: 190px;
font-size: 13px;
}

#leftnavmenu {
text-align: left;
background: #000033;
color: white;
padding: .5em;
}
#leftnavmenu a, #leftnavmenu li.title {
color: white;
font-weight: bold;
text-decoration: none;
}
#leftnavmenu a:hover {
color: white;
text-decoration: underline;
}

#leftnavmenu ul {
padding: 0;
margin: 0;
margin-bottom: 1em;
list-style-type: none;
}
#leftnavmenu ul.icongrid {
}

#leftnavmenu ul.icongrid li {
font-size: 11px;
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 0.1em;
padding-left: 25px;
line-height: 22px;
}

#leftnavmenu ul.icongrid li.cropcircle {
background: url(/media/base/img/icons/cropcircle.png) no-repeat;
}
#leftnavmenu ul.icongrid li.hollywood {
background: url(/media/base/img/icons/hollywood.png) no-repeat;
}
#leftnavmenu ul.icongrid li.skyscraper {
background: url(/media/base/img/icons/skyscraper.png) no-repeat;
}
#leftnavmenu ul.icongrid li.smokesignal {
background: url(/media/base/img/icons/smokesignal.png) no-repeat;
}
#leftnavmenu ul.icongrid li.monument {
background: url(/media/base/img/icons/statue.png) no-repeat;
}
#leftnavmenu ul.icongrid li.statetris {
background: url(/media/base/img/icons/statetris.png) no-repeat;
}
#leftnavmenu ul.icongrid li.flags {
background: url(/media/base/img/icons/flag.png) no-repeat;
}

#content td, #content th {
vertical-align: top;
}

#content a {
color: #0000ee;
}

#content img.sendthumbnail {
border: solid 2px #000033;
}


#blogbarcontainer {
float: right;
margin-right: 15px;
width: 150px;
}

#blogbar {
font-size: 11px;
width: 150px;
background: #000033;
color: white;
padding: .5em;
}

#blogbar a {
color: white;
font-weight: bold;
text-decoration: none;
}

#blogbar a:hover {
text-decoration: underline;
}
#blogbar ul {
padding: 0;
margin: 0;
margin-bottom: 1em;
list-style-type: none;
}


.small {
font-size: 9px;
}



#map-wrap {
position: relative;
}

#map-overlay {
position: absolute;
left: 50%;
top: 50%;
}
#map-overlay a{
   background: #fff;
   padding: 20px 40px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
border: solid 2px #000;
   box-shadow: rgba(0,0,0,.5) 0 10px 10px;
   color: #00f;
   font-size: 20px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width: 150px;
display: block;
margin-left: -75px;
text-align: center;

   }