/* force scrollbar to have the topmenu on a fixed position.
   if removed in Firefox the menu will jump */
html { min-height: 100%; margin-bottom: 1px; }

body            {   font-family: Verdana, Arial, Helvetica, sans-serif;
                    onLoad: init();
                    font-size: 10pt;
                    color: black;
                    background-image: url(http://87th.org/themes/87th/images/f16back.jpg);
                    background-color: #FFFFFF;
                    background-attachment: fixed;
                    background-position: 50%;
					height: 101%; }
:link           {   color: #516782;  }
:visited        {   color: black;  }
:active         {   color: red;  }
:hover          {   color: red;  }
th, td          {   font-size: 10pt;
                    color: black;
                    font-family: Verdana, Arial, Helvetica, sans-serif; }
th              {   text-align: left; }
div.box0        {   background: #204165;
                    border: none;
                    width: 100%;
                    padding: 0.5em; }
div.box1        {   rborder: solid;
                    border-width: thin;
                    width: 100%;
                    padding: 0.5em; }
small           {   font-size: 8pt; }
pre             {   font-family: vt100, monospace; }
fixed           {   font-family: vt100, monospace; }
p               {   font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 10pt;
                    margin-top: 0.75em;
                    margin-bottom: 0.75em;
                    color: black; }
.header  {

                    font-family: Stencil, Trebucket, Impact, Arial, Helvetica, sans-serif;
                    font-size: 18pt;
                    color: #204165;
                    margin-top: 0.25em;
                    margin-bottom: 0.25em;
  }

#clock {
	position: absolute;
	left: 50%;
	margin-left: 260px;
	top: 58px;
	font-weight: bold;
	font-size: xx-small;
	color: #596f8a;
	}


h1              {   font-size: 28pt;
                    font-family: Stencil, Trebucket, Impact, Arial, Helvetica, sans-serif;
                    font-weight: bold;
                    text-align: center;
                    margin-top: 0.5em;
                    margin-bottom: 0.5em; }
h2              {   font-size: 20pt;
                    font-family: Stencil, Trebucket, Impact, Arial, Helvetica, sans-serif;
                    font-weight: normal;
                    text-align: center;
                    margin-top: 0.5em;
                    margin-bottom: 0.5em; }
h3              {   font-size: 14pt;
                    font-family: Stencil, Trebucket, Impact, Arial, Helvetica, sans-serif;
                    font-weight: normal;
                    text-align: center;
                    margin-top: 1em;
                    margin-bottom: 1em; }
h4              {   font-size: 10pt;
                    font-weight: bold;
                    text-align: center;
                    margin-top: 1em;
                    margin-bottom: 1em; }
h5              {   font-size: 7pt;
                    font-weight: bold;
                    text-align: left;
                    margin-top: 0em;
                    margin-bottom: 0em; }
.menu           {   position:absolute; font:12px/14px helvetica;
                    width:75px; background-color:#999999;
                    layer-background-color:#999999; color:#FFFFFF; }
.small          {   font-size: 5pt; }
.std            {   font-size: 8pt; }
.large          {   font-size: 9pt; }
.red {  color: #FF0000}
.headline {
        font-weight: bold;
        color: #FFFFFF;
        background-color: #516782;
        height: 20pt;
 }
.footmsg_l        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.footmsg        {BACKGROUND: none; COLOR: #000000; FONT-SIZE:8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storytitle         {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxtitle         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY:Stencil, Verdana, Helvetica; TEXT-DECORATION: none}
.content         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.boxcontent         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.storycat        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

.awardtitle {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  COLOR: #363636;
  FONT-SIZE: 16px;
  font-weight: bold;
  }

a img{
 border: 0;
 outline-style: none;
 text-decoration: none ;
}

#loader_container {
	text-align:center;
	position:absolute;
	top:40%;
	width:300px;

}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 10px 10px;
	margin:0 auto;
	display:block;
	width:135px;
	text-align:left;
	z-index:255;


}
.border_preview{
	z-index:100;
	position:absolute;
	background: #fff;
     border: 1px solid #444;

}
.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 0px 10px;
	background-color: white;
}



.preview_temp_load img{
	vertical-align:middle;
	text-align:center;
}
.preview_div {
background-color: white;
}