/* Space1999.org/thunderbirds CSS file by Michael A. Faries */

body {
width: 100%;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11.2px;
word-spacing: 0.2px; 
color: #000;
background-image: none;
background-color: #FFF;
cursor: pointer;  
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;
}


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


input, textarea {	
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0.5ex;
border-style: solid;
border-color: #000;
border-width: 1px;
background: #FFF url(images/bkgrnds/search-bkgrnd.png);
cursor: auto;
}

.input2 {	
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-style: solid;
border-color: #000;
border-width: 1px;
background: #FFF url(images/bkgrnds/search-button.png);
cursor: auto;
}

.input2 a:hover {	
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-style: solid;
border-color: #F00;
border-width: 1px;
background: #FFF url(images/bkgrnds/search-button.png);
cursor: auto;
}

select {	
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-style: solid;
border-color: #000;
border-width: 1px;
background-image: url(images/bkgrnds/search-button.png);
background-color: #FFF;
cursor: auto;
}

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

h1 {
font-family: Arial, Helvetica, sans-serif; 
font-style: normal;
font-size: larger; 
word-spacing: 0.2px; 
margin: 12px 8px 4px 8px;
padding: 0;
color: #4374BD; 
}

h2 {
word-spacing: 0.2px; 
margin: 12px 8px 4px 8px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: large; 
color: #4374BC; 
}

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

h4 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 15px;
color: #3B76EA;
word-spacing: 0.2px; 
margin: 12px 8px 4px 8px;
padding: 0;
}

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

.title1, #title1 {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #3B76EA;
word-spacing: 0.4px;
line-height: 1.16em;
}

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

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: 8pt;
}

SMALL2, .small2, SUP2, SMALL2 SPAN {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 7.8pt;
}

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


a:link { 
color: #36C;
background-color: transparent;
text-decoration: underline;
cursor: pointer;
}

a:active, a:visited  {
color: #36D;
background-color: transparent;
cursor: pointer; 
}

a:hover { 
/* color: #007FD4; */
color: #892600;
background-color: transparent;
text-decoration: none;
cursor: pointer; 
}

#masthead {
position: relative; 
left: 3px; 
top: 4px; 
width: 309px; 
height: 114px; 
z-index: 19;
background-color: #FFF;
background-image: none;
cursor: auto;
padding: 0px 0px;
border: 1px dashed #AAA;
}


/* Main body text */
#main {
position: relative; 
left: 40px; 
top: -5px; 
width: 590px; 
height: auto;
z-index: 14;
cursor: crosshair;
padding: 4px;
margin: 0px;
border: 2px dashed #CCC;
background: #FFF url(images/bkgrnds/skyblue.png) no-repeat top right;
color: inherit;
}

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

#main li {line-height: 1.11em; margin-top: 0.12em; margin-bottom: 0.13em;}


/* for the News page */
.main-source {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10.4px;
line-height: .6em;
color: #BBB;
}


.breadcrumb {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11.5px;
line-height: .8em;
color: #7B7B7B;
text-decoration: none;
}

.breadcrumb a:visited, .breadcrumb a:link, .breadcrumb a:active {
color: #7B7B7B;
text-decoration: none;
}

.breadcrumb a:hover {
text-decoration: underline;
}

#notice {
position: relative; 
left: 228px; 
top: -10px;
width: 412px; 
height: 100px; 
z-index: 13;
background-color: #FFF;
background-image: none; 
cursor: auto;
padding: 10px 10px 10px 10px;
border: 1px dashed #BBB;
}

.notice {
font-family: "MS Sans Serif", Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
text-align: right;
color: #2A2A2A;
}

#notice a:link { 
color: #36C;
background-color: transparent;
text-decoration: underline;
cursor: pointer; 
}

#notice a:active, #notice a:visited  {
color: #06629F;
background-color: transparent;
background-image: none;
cursor: pointer; 
}

#notice a:hover { 
/* color: #007FD4; */
color: #58A14E;
background-color: transparent;
text-decoration: none;
cursor: pointer; 
}


.bottom-printerfriendly {
font-family: "MS Sans Serif", Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
text-align: right;
}


#backtothetop {
position: relative; 
left: 480px; 
width: 134px; 
height: 20px; 
z-index: 18;
background-color: #FFF;
cursor: auto;
padding: 2px 0px 14px 4px;
border: 1px dashed #BBB;
}

.backtothetop {
font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
text-align: right;
}

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

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


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


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

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


#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;  
}


#insidebox1 {
width: 94%;
border: 1px dashed #EBEBEB; 
background: #E5E5E5; 
margin: 8px;
padding: 4px 4px 4px 4px; 
z-index: 22;
align: center;
}

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


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


#insidebox4 {
float: right;
width: 226px;
border: 1px dashed #CCC; 
background: transparent;
padding: 4px 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 #777; 
background: transparent;
padding: 4px 4px 4px 4px; 
margin: 10px;
z-index: 21;
align: right;
}

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


#insidebox9 {
float: center;
width: 96%;
border: 1px solid #888; 
background: transparent;
padding: 3px 4px 4px 4px; 
margin: 10px;
z-index: 21;
align: center;
}


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

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


/* top navbar containers */
#navbar-container1 {
position: absolute;
left: 331px;
right: auto; 
width: 154px;
height: auto; 
top: 7px;
bottom: auto;
z-index: 10;
background: transparent;
background-color: #FFF;
cursor: auto;
}

#navbar-container2 {
position: absolute;
left: 490px;
right: auto; 
width: 154px;
height: auto; 
top: 7px;
bottom: auto;
z-index: 11;
background: transparent;
background-color: #FFF;
cursor: auto;
}


/* top left navbar style */
#navbar-topleft {
position: relative;
background: #FFF url(images/bkgrnds/tbird-menu-on.png) repeat-y;
padding: 0.4ex 0.4ex 0.4ex 0.4ex;
margin: 1.2px 0px;
width: 150px;
border: #000 1px solid;
z-index: 10;
text-decoration: none;
cursor: help;
}

.navbar-topleft {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #000;
text-align: left;
text-decoration: none;
}

div#navbar-topleft a:link, div#navbar-topleft a:visited, div#navbar-topleft a:active, div#navbar-topleft a:selected {
background: transparent;
color: #339;
width: 150px;
text-decoration: none;
}

div#navbar-topleft a:hover {
background: #FFF url(images/bkgrnds/tbird-menu-on.png) repeat-y;
color: #339;
text-align: left;
text-decoration: none;
width: 150px;
margin: 1px 1px;
border: #FFF 1px solid;
}



/* top right navbar style */
#navbar-topright {
position: relative;
background: #FFF url(images/bkgrnds/tbird-menu-off.png) repeat-y;
color: inherit;
padding: 0.4ex 0.4ex 0.4ex 0.4ex;
width: 150px;
border: #000 1px solid;
margin: 1.2px 0px;
z-index: 11;
text-decoration: none;
cursor: help;
}

.navbar-topright {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #000;
text-align: left;
text-decoration: none;
}

div#navbar-topright a:link, div#navbar-topright a:visited, div#navbar-topright a:active, div#navbar-topright a:selected {
background: transparent;
color: #339;
width: 150px;
text-decoration: none;
}

div#navbar-topright a:hover {
background: #FFF url(images/bkgrnds/tbird-menu-on.png) repeat-y;
color: #339;
text-align: left;
text-decoration: none;
width: 150px;
margin: 1px 1px;
border: #FFF 1px solid;
}


/* alternate right nav bar style used on Back to Space: 1999 link */
#navbar2-topright {
position: relative;
background: #FFF url(images/bkgrnds/tbird-menu-on.png) repeat-y;
color: inherit;
padding: 0.4ex 0.4ex 0.4ex 0.4ex;
margin: 1.2px 0px;
width: 150px;
border: #000 1px solid;
text-decoration: none;
z-index: 11;
cursor: help;
}

.navbar2-topright {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #000;
text-decoration: none;
}

div#navbar2-topright a:link, div#navbar2-topright a:visited, div#navbar2-topright a:active, div#navbar2-topright a:selected {
background: transparent;
color: #339;
width: 150px;
text-decoration: none;
}

div#navbar2-topright a:hover {
background: #FFF url(images/bkgrnds/tbird-menu-off.png) repeat-y;
color: #339;
text-align: left;
text-decoration: none;
width: 150px;
margin: 1px 1px;
border: #FFF 1px solid;
}


/* Search field within top navbar */
#navbar-search {
position: relative;
left: 4px; 
top: 1px;
color: inherit;
width: 150px;
text-decoration: none;
z-index: 11;
cursor: pointer;
}


/* 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%}