/* Space1999.org CSS file by Michael A. Faries */
/* Black Sun design */

body {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11.8px;
color: #FFF;
background: #000 url(images/bkgrnds/blacksun_bkgrnd.jpg);
background-attachment: fixed;
background-position: top left;
scrollbar-face-color: #415c87; 
scrollbar-highlight-color: #5376ad; 
scrollbar-shadow-color: #2f4261; 
scrollbar-arrow-color: #ff8a00; 
scrollbar-base-color: #415c87; 
scrollbar-3d-light-color: #5376ad; 
scrollbar-dark-shadow-color: #354a6e;
cursor: auto;  
}

table {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11.6px;
color: #FFF;
margin: 2px 8px 2px 8px;
}

td.tablehov {
border: 1px solid #000;
background: transparent;
padding: 1px 2px 1px 4px;
}

td.tablehov2 {
border: 1px solid #7C0979;
background: transparent;
padding: 1px 2px 1px 4px;
} 

form {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
padding: auto;
margin: auto;
width: auto;
text-align: center;
}

form-description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #FFF;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;	
font-size: 10px;
color: #C6FDFF;
padding: auto;
margin: auto;
background: #000;
border: inset 2px #CCC;
}

select, option {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
padding: auto;
margin: auto;
background: #000;
border: outset 1px #DDD;
}


h1 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 20px;
color: #BBB;
word-spacing: 0.6px; 
margin: 12px 8px 4px 8px;
padding: 0px;
}

h2 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 18px;
color: #BBB;
word-spacing: 0.6px; 
margin: 12px 8px 4px 8px;
padding: 0px;
}

h3 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 15px;
color: #CCC;
word-spacing: 0.4px;
margin: 12px 8px 4px 8px;
padding: 0px; 
}

h4 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13.6px;
color: #BBB;
word-spacing: 0.3px; 
margin: 12px 8px 4px 8px;
padding: 0;
}

h5 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12.2px;
color: #BBB;
word-spacing: 0.3px; 
margin: 12px 8px 4px 8px;
padding: 0px;
}

.title1, #title1 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
word-spacing: 0.2px;
margin: 3px 0px 3px 0px;
padding: 2px 0px 4px 0px; 
}

.title2, #title2 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 13.2px;
line-height: 1.16em;
color: #F3F3F3;
}


BIG, .big, BIG SPAN {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 12pt;
line-height: 1.1em;
}

SMALL, .small, SUP, SMALL SPAN {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 8.4pt;
line-height: 1.1em;
}

SMALL2, .small2, SUP2, SMALL2 SPAN {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 8pt;
word-spacing: 0.4px; 
line-height: 1.1em;
}

CODE, KBD, TT {
font-family: monaco, courier, "courier new";
font-size: 10pt;
color:#F6F6F6;
}


a:link { 
color: #68C9F7;
background: transparent;
text-decoration: underline;
}

a:active {
color: #029BF1;
background: transparent;
}

a:visited { 
color: #68C9F7;
background: transparent;
}

a:hover { 
color: #CBFFFF;
background: transparent;
}

sample_text1 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 8.2pt;
line-height: 1.1em;
}

/* Special link - hidden on this template, but activated in s1999org-print.css when user reaches printer friendly page. */
#top-printerfriendly {display: none !important;}

/* START - Hidden for this template */
#backdrop1 {display: none !important;}
#backdrop2 {display: none !important;}
#top-shadow {display: none !important;}
#top-navbar1 {display: none !important;}
#top-navbar2 {display: none !important;}
#top-navbar3 {display: none !important;}
#top-navbar4 {display: none !important;}
#top-navbar5 {display: none !important;}
#rightbox6 {display: none !important;}
/* END */


/* Lightbox JS - overlay images */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lightbox/overlay.png", sizingMethod="scale");
	}
	
/* Tabs */
    #tabs {
      float:left;
      width:100%;
      background:#BBD9EE;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/tabs/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/tabs/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
      }
    #tabsH ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("images/tabs/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("images/tabs/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }


/* Image with border box */
.image_border1 {
  float: left;
  background-color: #000;
  margin: 0 6px 4px 0;
  border: 1px solid #FFF;
  padding: 4px;
}

.image_border2 {
  float: right;
  background-color: #fff;
  margin: 0 0 4px 6px;
  border: 1px solid #000;
  padding: 4px;
} 


/* misc */
#backtothetop {
text-align: right;
}

.backtothetop {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10.2px;
}

.dot-org {
color: #9093BC;
}

/* Special announcements - layer position */
#top-special {
position: absolute; 
left: 0px; 
top: 0px; 
width: 690px; 
height: 41px; 
z-index: 1;
background: #000;
}

/* Top masthead graphic image - layer position */
#top-masthead { 
position: absolute; 
left: 0px; 
top: 41px; 
width: 690px; 
height: 200px; 
z-index: 2;
background: #000 url(images/mastheads/s1999org-topbanner3.jpg);
}


/* Left navigation layer position - for color changes, see items further down this page */
#leftnav {
position: absolute; 
left: 0px; 
top: 241px; 
width: 140px; 
z-index: 2; 
background: #000 url(images/bkgrnds/leftnavmenu_bkgrnd2.jpg);
}

#leftnav p {
line-height: 1.2em; 
margin: 4px 4px 4px 4px;
padding: 0;
}

/* left navigation font colors */
A.leftnav:link {
text-decoration: none;
color: #A9CCE3;
font-size: 8pt;
font-style: normal;
font-family: geneva, helvetica, arial, sans-serif; 
margin: 2px 1px;
padding: 1px;
}

A.leftnav:visited {
text-decoration: none;
color: #438FC1;
font-size: 8pt;
font-style: normal;
font-family: geneva, helvetica, arial, sans-serif; 
margin: 2px 1px;
padding: 1px;
}

A.leftnav:active {
text-decoration: none;
color: #A9CCE3;
font-size: 8pt;
font-style: normal;
font-family: geneva, helvetica, arial, sans-serif; 
margin: 2px 1px;
padding: 1px;
}

A.leftnav:hover {
background-color: #A9CCE3; 
text-decoration: underline; 
color: #000; 
font-size: 8pt; font-style: normal; 
font-family: geneva, helvetica, arial, sans-serif; 
margin: 2px 1px; 
padding: 1px;
}


/* Left side layer position #2 - search engine, polls, other text */
#leftnav2 {
position: relative; 
left: 0px; 
width: 140px; 
z-index: 3; 
}

#leftnav2 p {
margin: 4px 4px 4px 4px;
padding: 2px;
line-height: 1.4em; 
text-decoration: none;
color: #FFF;
font-size: 9pt;
font-style: normal;
font-family: Arial, Helvetica, sans-serif; 
}


A.leftnav2:link {
text-decoration: none;
color: #FFF;
font-size: 9pt;
font-style: normal;
font-family: Arial, Helvetica, sans-serif; 
margin: 2px 1px;
padding: 4px;
}

A.leftnav2:visited {
text-decoration: none;
color: #FC6;
font-size: 9pt;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;  
margin: 2px 1px;
padding: 4px;
}

A.leftnav2:active {
text-decoration: none;
color: #FFF;
font-size: 9pt;
font-style: normal;
font-family: Arial, Helvetica, sans-serif; 
margin: 2px 1px;
padding: 4px;
}

A.leftnav2:hover {
text-decoration: underline;
color: #FFF;
font-size: 9pt;
font-style: normal;
font-family: Arial, Helvetica, sans-serif; 
margin: 2px 1px;
padding: 4px;
}


/* Breadcrumbing nav - layer position */
#breadcrumb {
position: absolute; 
left: 140px; 
top: 241px; 
width: 550px; 
height: 24px; 
z-index: 3; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
word-spacing: 0.2px; 
font-size: 10px; 
color: #FFF; 
background: #000; 
cursor: help;
}

#breadcrumb p {
line-height: 1.66em; 
margin: 6px 12px 12px 7px;
padding: 0;
}

/* Main body text */
#main {
position: absolute; 
left: 140px; 
top: 264px; 
width: 550px; 
height: auto;
z-index: 1;
cursor: auto;
background: transparent;
}

#main p {
line-height: 1.1em; 
margin: 12px 16px 8px 8px;
}

#main li {line-height: 1.18em; margin: 1px 16px 1px 1px;}


/* Pop-up boxes */
#main-p {
position: absolute; 
left: 2px; 
top: 4px; 
width: auto; 
height: auto;
z-index: 9;
background: transparent; 
cursor: auto;
border: 0px 0px inline;
}

#main-p p {
line-height: 1em; 
margin: 6px 6px 6px 8px;
}


/* Notices - layer position */
#notice {
width: 504px;
margin-left: auto; 
margin-right: auto;
margin-bottom: 6px;
padding: 3px;
border: 1px dashed #FFF;
background: #000633;
text-align: left;
cursor: auto; 
margin: 22px;
}

#notice p { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
word-spacing: 0.4px; 
font-size: 9.2px;
}


/* Notices - pop-up boxes */
#notice-p {
width: auto;
margin: 2px auto;
text-align: left;
padding: 4px;
border: 1px dashed #FFF;
background: #000633
cursor: auto; 
align: center; 
z-index: 40;
}

#notice-p p { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
word-spacing: 0.4px; 
font-size: 9px;
}


/* Poll */
#poll {
background-color: #FFF;
border: 1px dotted #DDD;
}


/* Decorative right side window images - layer positions */
#rightbox1 {
position: absolute; 
left: 686px; 
top: 213px; 
width: 75px; 
height: 75px; 
z-index: 16; 
background: transparent;
border: 1px solid #FFF;
}

#rightbox2 {
position: absolute; 
left: 686px; 
top: 298px; 
width: 75px; 
height: 75px; 
z-index: 16; 
background: transparent;
border: 1px solid #FFF;
}

#rightbox3 {
position: absolute; 
left: 686px; 
top: 383px; 
width: 75px; 
height: 75px; 
z-index: 16; 
background: transparent;
border: 1px solid #FFF;
}

#rightbox4 {
position: absolute; 
left: 686px; 
top: 468px; 
width: 75px; 
height: 75px; 
z-index: 16; 
background: transparent;
border: 1px solid #FFF;
}

#rightbox5 { 
position: absolute; 
left: 686px; 
top: 553px; 
width: 75px; 
height: 75px; 
z-index: 16; 
background: transparent;
border: 1px solid #FFF;
}


.authorcredit {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #F8F8F7;
word-spacing: 0.4px;
margin: 2px 1px 1px 2px;
padding: 0; 
}

.spoiler {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #000;
cursor: text;
}

.rule {
border-top-width: 1px;
border-top-style: solid;
border-color: #F6F6F6; 
margin: 0px 2%;
}

.rule1 {
border-top-width: 1px;
border-top-style: solid;
border-color: #F6F6F6; 
margin: 0px 2%;
}

.rule2 {
border-top-width: 1px;
border-top-style: dotted;
border-color: #777; 
margin: 0px 2%;
}

.rule3 {
border-top-width: 1px;
border-top-style: dotted;
border-color: #555; 
margin: 0px 2%;
}

#search {
font-family: "MS Sans Serif", Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
padding: 2px;
width: auto;
margin: auto;
text-align: center;
}

#search p {
align: center;
}

search.input, search.textarea {
font-family: "MS Sans Serif", Tahoma, Arial, Helvetica, sans-serif;	
padding: 2px;
font-size: 10px;
color: #FFF;
background: #000;
border: inset 2px #CCC;
}

search.select, search.option {
font-family: "MS Sans Serif", Tahoma, Arial, Helvetica, sans-serif;
padding: 2px;
font-size: 9px;
color: #000000;
background-color: #000;
border: outset 1px #DDD;
}

.button { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFF; 
background-color: #3499CC; 
border: #888; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
width: 80px;
}

.buttonover { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFF; 
background-color: #B40000;
border: #666; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
width: 80px;
}


/* Layers for image gallery for character page, based on code from ProjectSeven.com */
/* The reason for so many subsets of CSS defs is because the JavaScript on the characters page calls each layer, requiring a def for each layer property. */
#characters-goodguys {
position: absolute; 
left: 15px; 
top: 90px; 
width: 90px; 
height: auto; 
z-index: 50;
}

#P7ShowPL1, #P7ShowPL2, #P7ShowPL3, #P7ShowPL4, #P7ShowPL5, #P7ShowPL6 {
position: absolute; 
left: 108px; 
top: 90px; 
width: 375px; 
z-index: 60; 
visibility:hidden;
}

#P7ShowPL1 p, #P7ShowPL2 p, #P7ShowPL3 p, #P7ShowPL4 p, #P7ShowPL5 p, #P7ShowPL6 p {
line-height: 1.2em; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 9.6px;
color: #000;
}

#P7ShowPL1 b, #P7ShowPL2 b, #P7ShowPL3 b, #P7ShowPL4 b, #P7ShowPL5 b, #P7ShowPL6 b {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 14px;
color: #185E8F;
}



#characters-badguys {
position: absolute; 
left: 15px; 
top: 300px; 
width: 90px; 
height: auto; 
z-index: 50;
}

#P7ShowPL20, #P7ShowPL21, #P7ShowPL22, #P7ShowPL23, #P7ShowPL24, #P7ShowPL25 {
position: absolute; 
left: 108px; 
top: 300px; 
width: 375px; 
z-index: 60; 
visibility:hidden;
}

#P7ShowPL20 p, #P7ShowPL21 p, #P7ShowPL22 p, #P7ShowPL23 p, #P7ShowPL24 p, #P7ShowPL25 p {
line-height: 1.2em; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 9.6px;
color: #000;
}

#P7ShowPL20 b, #P7ShowPL21 b, #P7ShowPL22 b, #P7ShowPL23 b, #P7ShowPL24 b, #P7ShowPL25 b {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 14px;
color: #8A0000;
}



#characters-other {
position: absolute; 
left: 15px; 
top: 700px; 
width: 90px; 
height: auto; 
z-index: 50;
}

#P7ShowPL40, #P7ShowPL41, #P7ShowPL42, #P7ShowPL43, #P7ShowPL44, #P7ShowPL45, #P7ShowPL46, #P7ShowPL47, #P7ShowPL48, #P7ShowPL49 {
position: absolute; 
left: 108px; 
top: 700px; 
width: 375px; 
z-index: 60; 
visibility: hidden;
}

#P7ShowPL40 p, #P7ShowPL41 p, #P7ShowPL42 p, #P7ShowPL43 p, #P7ShowPL44 p, #P7ShowPL45 p, #P7ShowPL46 p, #P7ShowPL47 p, #P7ShowPL48 p, #P7ShowPL49 p {
line-height: 1.2em; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 9.6px;
color: #000;
}

#P7ShowPL40 b, #P7ShowPL41 b, #P7ShowPL42 b, #P7ShowPL43 b, #P7ShowPL44 b, #P7ShowPL45 b, #P7ShowPL46 b, #P7ShowPL47 b, #P7ShowPL48 b, #P7ShowPL49 b {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 14px;
color: #8A0000;
}

#image1 {
float: right;
background: transparent; 
margin: 3px;
padding: 2px 2px 2px 2px; 
}

#image2 {
float: left;
background: transparent; 
margin: 1px;
padding: 0px 3px 16px 2px; 
}

#image3 {
float: center;
background: transparent; 
margin: 3px;
padding: 2px 2px 2px 2px; 
}

#image4 {
float: left;
background: transparent; 
margin: 1px;
padding: 0px 2px 2px 1px;  
}

#image5 {
float: right;
background: transparent;
border: 1px outset #E8AE32; 
margin: 7px;
width: 160px;
padding: 0px 2px 2px 1px;  
}

#inside-imagebox1 {
background: transparent; 
margin: 2px;
padding: 0px 2px 4px 2px; 
z-index: 22;
}

#inside-imagebox2 {
float: right;
background: transparent; 
margin: 2px;
padding: 0px 2px 4px 2px; 
}

#inside-imagebox3 {
float: left;
background: transparent; 
margin: 2px;
padding: 0px 2px 4px 2px; 
}

/* photos page */
#inside-imagebox4 {
float: right;
background: transparent;
width: 46%;
border: 2px;
padding: 10px;
margin: 1px;
}

/* photos page */
#inside-imagebox5 {
float: left;
background: transparent;
width: 46%;
border: 2px;
padding: 10px;
margin: 1px;
}

#insidebox1 {
width: 94%;
border: 1px dashed #A9AFB1; 
background: #290032; 
margin: 11px;
padding: 2px 4px 3px 4px; 
z-index: 22;
align: center;
}

#insidebox1a {
width: 94%;
border: 1px dashed #98A4A8; 
background: #360142; 
margin: 11px;
padding: 2px 4px 3px 4px; 
z-index: 22;
align: center;
}

#insidebox2 {
width: 94%;
border: 1px dashed #CFCFCF; 
background: #1C0024;
margin: 11px;
padding: 4px 4px 4px 4px; 
z-index: 23;
align: center;
}


#insidebox3 {
float: right;
width: 226px;
border: 1px dashed #001F07; 
background: transparent;
padding: 5px 5px 4px 5px; 
margin: 11px;
z-index: 21;
align: right;
}


#insidebox4 {
float: right;
width: 226px;
border: 1px dashed #60344A; 
background: transparent;
padding: 2px 4px 4px 4px; 
margin: 10px;
z-index: 21;
align: right;
}

#insidebox5 {
float: left;
width: 226px;
border: 1px dashed #CCC; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 10px;
z-index: 21;
align: left;
}

#insidebox6 {
float: right;
width: 226px;
border: 1px dashed #555; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 10px;
z-index: 21;
align: right;
}


#insidebox7 {
float: right;
width: 260px;
border: 2px solid #333; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 10px;
z-index: 21;
align: right;
}

#insidebox8 {
float: center;
width: 94%;
border: 2px solid #222; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 10px;
z-index: 21;
align: center;
}

#insidebox9 {
float: center;
width: 62%;
border: 1px solid #0E365C; 
background: #202020;
padding: 4px 4px 4px 4px; 
margin: 4px;
z-index: 21;
align: center;
}

/* Store related */
#insidebox-store1 {
float: left;
height: auto; 
width: 56%;
border: 1px solid #002F55; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 5px;
align: left;
}

#insidebox-store2 {
float: right;
height: auto; 
width: 35%;
border: 1px solid #440039; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 9px;
align: right;
}

#insidebox-store3 {
float: left;
width: 94%;
height: auto;
border: 1px solid #002F55; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 8px;
}

#insidebox-store4 {
float: left;
width: 94%;
height: auto;
border: 1px solid #cc9; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 8px;
}

#insidebox-store5 {
float: left;
width: 94%;
height: auto;
border: double #001B31; 
background: #111;
padding: 4px 4px 4px 4px; 
margin: 8px;
}

/* for pop-up boxes */
#insidebox-p {
float: left;
width: 162px;
height: 122px; 
background: #999;
color: #777;
border-style: groove groove;
padding: 1px 1px 1px 1px;
margin: 4px;
align: center;
}

/* Aural CSS elements */

H1, H2, H3, H4 {volume: 70;
                pause-before: 120%;
                pause-after: 150%;
                /* cue-before: url(ding.wav); */
                voice-family: announcer, female;
                stress: 75}

P {volume: 60;
   speak: normal;
   pause: 100%;
   speech-rate: medium;
   voice-family: male;
   speak-punctuation: none;
   speak-numeral: continuous}

I, EM {stress: 70}

B, STRONG {stress: 90;
           richness: 70}

.rule {pause-before: 130%;
    pause-after: 130%}

.rule2 {pause-before: 120%;
    pause-after: 120%}

.rule3 {pause-before: 120%;
    pause-after: 120%}