
body { background: fixed url(img/bg.jpg) no-repeat 0 -20px; margin: 0px; color:#000000; font:bold 14px Arial;  }

h1 { font:bold 30px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; line-height:100%; margin:0px; text-shadow:#999 0px 0px 4px; color:#000;}

h2 { font:bold 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; line-height:100%; margin:0px; text-shadow:#AAA 0px 0px 4px; color:#222;}

h3 { font:normal 18px Arial, Helvetica, sans-serif; line-height:130%; margin:0px;}

a { text-decoration: none; color:#090; font: bold 12px Arial; outline:none; }

a:hover { color:#000000; }

#main { margin:0px auto; }

#frame { padding: 25px 5px 60px 5px; margin:85px auto 0px auto; width: 775px;  min-height: 500px; overflow: auto; clear:left; }

/* TABS */

#tabs { background:none; voice-family: "\"}\""; voice-family: inherit; padding: 0; width: 100%; text-align:left; position:fixed; top:0px; margin:0px; }

#tabs ul { margin: 10px 0 2px 245px; padding: 0; list-style: none; }

#tabs li { display: inline; margin: 0 2px 0 0; padding:0px; text-transform:uppercase; }

#tabs a { background: #fff url(img/bg_tabs.gif) repeat-x top; margin: 0 1px 1px 0; padding: 10px; float: left; display: block; font: bold 11px Arial; color: white; text-decoration: none; border:solid 1px #FFF; }

#tabs a:hover { background:#fff url(img/bg_tabshover.gif) repeat-x top; color: white; border-color:#FFF; }

#tabs a.current {background:#fff url(img/bg_tabshover.gif) repeat-x top; color: white; border-color: #FFF; }


/* Pop-O-Gram */

#popogram { position: absolute; right: 0px; bottom: 0px; z-index:100; }


.blue { color: #09F; }

.gold { color: #C90;}

.white {color:#fff;}



.top { height:100px; width:auto; }

.logo { width:300px; float:left; }


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}



