body{
margin:0px auto;
padding:0px;
background-color:#9900ff;
background: url("../pics/skull_c.gif"); 
font-family:arial, courier, sans-serif;
font-size:10pt;
color:#000000;
text-align:center;
scrollbar-face-color: #red;
scrollbar-highlight-color: #9900ff; 
scrollbar-shadow-color: #9900ff; 
scrollbar-arrow-color: #9900ff; 
scrollbar-track-color: #cfcfcf; 
scrollbar-base-color: red; 
scrollbar-3d-light-color: #99ccff; 
scrollbar-dark-shadow-color: #ccccff;
}

/** Define link color **/
a {
  color: #428dff;
  text-decoration: none;
}

a:hover {
  color: #ffb062;
  text-decoration: underline;
}

/** Eliminate border around images **/
img{border:0px;}

/** Generic definition for a generic tag **/
div{margin:0px auto; padding:0px;}

/** Container for image and caption: liquid **/
/** See example on flyin' stuff page **/
.pic {
float:left;
margin-left:3px;
margin-right:7px;
margin-top:0px;
margin-bottom:10px;
color:#ffffff;
background-color:transparent;
}
.pic p {
text-align:center;
margin-top:0px;
}

/** Container for image and caption: liquid **/
/** See example on flyin' stuff page **/
.pic2 {
float:left;
margin-left:3px;
margin-right:7px;
margin-top:10px;
margin-bottom:10px;
color:#ffffff;
background-color:transparent;
}
.pic2 p {
text-align:center;
margin-top:0px;
font-size:8pt;
font-style:italic;
}

.piclast {
float:right;
margin-left:3px;
margin-right:7px;
margin-top:0px;
margin-bottom:10px;
color:#ffffff;
background-color:transparent;
}
.piclast p {
text-align:center;
margin-top:0px;
}

/** Container for image and caption: static **/
/** See example on jetlinks **/
.pic_center {
color:#ffffff;
background-color:transparent;
}
.pic_center p {
text-align:center;
margin-top:0px;
}

/** Image has text wrap on its right side **/
img.floatleft{
float:left;
margin-top:10px; 
margin-left:10px; 
margin-right:10px;
}

/** Image has text wrap on its left side **/
img.floatright{
float:right;
margin-top:10px; 
margin-left:10px; 
margin-right:10px;
}

/** Generic definition for paragraph tag **/
p{
color:#ffffff;
background-color:transparent;
}

/** Bigger size **/
p.size12pt{
font-size:12pt;
}

/** Use for flyin' stuff page  **/
/** Heading had been invisible **/
p.headfloat{
float:left;
margin: 10px;
font-size:12pt;
font-weight:bold;
color:#ffffff;
background-color:transparent;
}

/** purple text **/
.purple{
color:#9900ff;
background-color:transparent;
}

/** yellow text **/
.yellow{
color:#ffff00;
margin:10px;
text-align:left;
background-color:transparent;

/** Align text in center of container **/
p.aligncenter{
text-align:center;
margin-left:10px;
color:#ffffff;
background-color:transparent;
}

/** Align links in center of container **/
p.linkcenter{
text-align:center;
margin-left:10px;
color:#ffffff;
font-size:9pt;
font-style:italic;
background-color:transparent;
}

/** Align links in left side of container **/
p.linkfloat{
float:left;
margin-left:10px;
color:#ffffff;
font-size:9pt;
font-style:italic;
background-color:transparent;
}

/** Align text left in displaycenter container **/
p.alignleft{
text-align:left;
margin-left:10px;
color:#ffffff;
background-color:transparent;
}

/** Align text left in displaycenter container **/
p.leftitalic{
text-align:left;
font-style:italic;
margin-left:10px;
color:#ffffff;
background-color:transparent;
}

#bold{font-weight:bold;}

p.videoheader{
margin:5px;
font-size:12pt;
font-weight:bold;
color:#ffffff;
background-color:transparent;
}

p.videocredit{
font-size:10pt;
color:#ffffff;
background-color:transparent;
}

p.flash{
color:#ffffff;
font-size:10pt;
font-style:italic;
background-color:transparent;
}

/** Generic definition for unordered list **/
ul{
list-style-type: none;
margin:0px;
padding:0px;
}

ul.styledisc{
list-style-type: circle;
margin:30px;
padding:10px;
color: #ffffff;
background-color:#000000;
}

li.inline-list{margin:0px auto}
li.inline-list ul, .inline-list li{
display:inline;
list-style-type: none;
margin-left:10px;
padding-left:10px;
}

span.gleft{
float:left;
margin-left:10px;
font-weight:bold;
font-size:12pt;
}

span.gright{
float:right;
margin-right:10px;
font-weight:bold;
}

/** Text displayer for pictures:  Netscape/Mozilla **/
.navleft a span {
display:none;
}
.navleft a:hover span {
display:block;
position:absolute;
top:250px;
left:0px;
width:145px
border:0px;
padding:5px;
margin:0px auto;
z-index:100;
background: #000000;
color: #ffffff;
font-family:arial, courier, sans-serif;
font-size:10pt;
font-weight:bold;
text-align:center;
text-decoration: none;
}

.bspace{
margin-bottom:20px;
}

/** main container for web page **/
.root{
position:relative;
width:800px;
height:700px;
margin:0px auto;
margin-top:15px;
padding:0px;
text-align:center;
background-color:#000000;
clear:both;
} 

/** Used for big picture display: e.g. flyin' stuff **/
.altroot{
position:relative;
width:800px;
height:700px;
margin:0px auto;
padding:0px;
text-align:left;
background-color:#000000;
} 

/** Big picture parameters and placement **/
.bigpic{
position:absolute;
top:85px;
left:10px;
width:640px;
margin:0px auto;
padding:0px;
text-align:left;
}

/** Right side to big picture page. **/
.rbigpic{
position:absolute;
top:0px;
left:660px;
width:120px;
margin-top:100px;
padding:0px;
text-align:left;
font-weight:bold;
}

/** Mid-zone of web page **/
.middle{
position:absolute;
top:85px;
left:150px;
margin:0px auto;
padding:0px;
margin:0px auto;
width:470px;
text-align:center;
clear:both;
}

/** Container for logo **/
.logo{
position:absolute;
background-color:#000000;
left:0px;
width:800px;
margin:0px auto;
text-align:center;
border-top: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

/** Content section of the web page **/
.content{
position:relative;
margin:0px auto;
width:95%;
text-align:center;
background-color:#000000;
color:#ffffff;
clear:both;
}

/** Container for left side of web page **/
.navleft{
position:absolute;
top:0px;
left:5px;
padding:0px;
margin-top:90px;
width:150px;
text-align:right;
background-color:#000000;
color: red;
}



/** Container for right side of web page **/
.navright{
position:absolute;
top:0px;
left:635px;
margin-top:90px;
margin-right:5px;
width:155px;
text-align:left;
color:red;
background-color:#000000;
}


/** Container for skulls on right side of web page **/
.skullright{
position:absolute;
top:0px;
left:640px;
margin-top:90px;
margin-right:5px;
width:145px;
text-align:left;
color:red;
font-weight:bold;
background: url("pics/skull_right.gif");
background-position: top-left;
background-repeat: repeat-y;
}

.navheader{
background-color: #abbbd3;
height:45px;
color:#ffffff;
text-align:center;
font-weight:bold;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

.navcontent{
padding:5px;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

.navfooter{
background-color: #abbbd3;
height:3px;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

/** Container text-align is left **/
.displayleft{
padding:10px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:30px;
background-color:#000000;
color:#ffffff;
text-align:left;
}

/** Container text-align is right **/
.displayright{
padding:10px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:30px;
background-color:#000000;
color:#ffffff;
text-align:right;
}

/** Container text-align is center **/
.displaycenter{
padding:10px;
margin:0px auto;
background-color:#000000;
color:#000000;
text-align:center;
}

/** Container for floating pictures **/
div.insidecenter{
padding:10px;
margin: 0px auto;
text-align:center;
color:#000000;
background-color:transparent;
}

div.picbox{
padding:0px;
margin: 0px auto;
text-align:center;
color:#ffffff;
background-color:transparent;
}

/** Puts blue border around movie **/
.movieborder{
position:relative;
margin: 0px auto;
border: 10px solid #0033ff;
padding:3px;
/** width:345px; **/
width:320px; 
height:250px; 
text-align:center;
}

.space{
clear:both;
}
/** Hack to fix mozilla on flyin' stuff page **/
.wsp450px{width:450px; font-size:2pt;}

/** space between containers **/
.spacer5px{height:5px;}

.spacer10px{height:10px;}

.spacer20px{height:20px;}

.spacer300px{height:300px;}

.header{
margin:0px auto;
text-align:center;
}

/** Container for Copyright information **/
.footer{
margin:0px auto;
margin-bottom:10px;
font-size:8pt;
font-style:italic;
text-align:center;
vertical-align:baseline;
color:#9900ff;
background-color:#000000;
clear:both;

}

/** for home page **/
.homepage {
position:relative;
width:950px;
margin-top:50px;
padding:0px;
text-align:center;
}

.leftpage {
position:absolute;
margin:0px auto;
left:5px;
width:230px;
margin-top:-10px;
}

.midpage {
position:absolute;
text-align:center;
width:470px;
left:240px;
}

.rightpage {
position:absolute;
margin:0px auto;
left:710px;
width:230px;
margin-top:-10px;
}


