body{
margin:0px auto;
padding:0px;
background-color:#fffff;
background: url("../gfx/tile_bkgd.jpg");
font-family:arial, courier, sans-serif;
font-size:10pt;
color:#000000;
text-align:center
}

/** Define link color **/
a {
  color: #336666;
  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:#000000;
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:3px;
margin-top:10px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
}
.pic2 p {
text-align:center;
margin-top:0px;
font-size:8pt;
font-style:italic;
}

.link {
margin-left:3px;
margin-right:3px;
margin-top:10px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
}
.link p {
text-align:left;
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:#000000;
background-color:transparent;
}
.piclast p {
text-align:center;
margin-top:0px;
}

/** Container for image and caption: static **/
/** See example on jetlinks **/
.pic_center {
color:#000000;
background-color:transparent;
}
.pic_center p {
text-align:center;
margin-top:0px;
font-size:10pt;
}

/** Image has text wrap on its right side **/
img.floatleft{
float:left;
margin-top:20px; 
margin-left:10px; 
margin-right:10px;
clear:both;
}

/** 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:#000000;
background-color:transparent;
}

/** 9 pt font **/
.size9pt{
margin-top:-5px;
font-size:9pt;
}

/** Bigger size **/
p.size12pt{
font-size:12pt;
}

p.paginate{
font-size:12pt;
font-weight:bold;
}

/** Use for flyin' stuff page  **/
/** Heading had been invisible **/
p.headfloat{
float:left;
margin: 10px;
font-size:12pt;
font-weight:bold;
color:#000000;
background-color:transparent;
}

/** purple text **/
.purple{
color:#9900ff;
background-color:transparent;
}

/** Align text in center of container **/
p.aligncenter{
text-align:center;
margin-left:10px;
color:#000000;
background-color:transparent;
}

p.header {
font-size:14pt;
font-weight:bold;
}

/** Align links in center of container **/
p.linkcenter{
text-align:center;
margin-left:10px;
color:#000000;
font-size:9pt;
font-style:italic;
background-color:transparent;
}

/** Align links in left side of container **/
p.linkfloat{
float:left;
margin-left:10px;
color:#000000;
font-size:9pt;
font-style:italic;
background-color:transparent;
}

/** Align text left in displaycenter container **/
.alignleft{
text-align:left;
margin:10px;
color:#000000;
background-color:transparent;
}

.alignright{
text-align:right;
margin:10px;
color:#000000;
background-color:transparent;
}

/** Align text against floating left pic **/
p.alignpic{
text-align:left;
margin-right:10px;
margin-top:5px;
color:#000000;
background-color:transparent;
}

/** Align text left in displaycenter container **/
p.leftitalic{
text-align:left;
font-style:italic;
margin-left:10px;
color:#000000;
background-color:transparent;
}

#bold{font-weight:bold;}

p.videoheader{
margin:5px;
font-size:2.5em;
font-weight:bold;
color:#000000;
background-color:transparent;
}

p.videocredit{
font-size:10pt;
color:#000000;
background-color:transparent;
}

p.flash{
color:#000000;
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: #000000;
background-color:transparent;
}

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

.bspace{
margin-bottom:5px;
clear: both;
}

.itemlist{
margin:0px auto;
clear: both;
}

/** Container to limit size **/
.root{
background-color:transparent;
color:#000000;
position:relative;
margin:0px auto;
margin-top:20px;
width:800px;
height:1000px;
border:4px solid #ff0033;
}

/** Container for logo **/
.logo{
position:absolute;
left:0px;
width:800px;
margin-top:10px;
text-align:center;
/** border-top: 1px solid #9a9a9a; **/
/** border-bottom: 1px solid #9a9a9a; **/
}


/** Mid-zone of web page **/
.middle{
position:absolute;
top:0px;
left:155px;
padding:5px;
margin:0px auto;
margin-top:100px;
width:470px;
text-align:center;
}

/** Content section of the web page **/
.content{
position:relative;
background-color:#ffffff;
margin:0px auto;
margin-left:15px;
width:95%;
text-align:center;
border: 1px solid #ffcc00;
}

/** Container for left side of web page **/
.navleft{
position:absolute;
width:160px;
padding:10px;
left:0px;
top:95px;
text-align:right;

}

.navheader{
background-color: #66cc99;
height:45px;
color:#ffffff;
text-align:center;
font-weight:bold;
border-top: 1px solid #ffcc00;
border-right: 1px solid #ffcc00;
border-left: 1px solid #ffcc00;
border-bottom: 1px solid #ffcc00;
}
.navcontent{
background-color:#ffffff;
padding:5px;
border-right: 1px solid #ffcc00;
border-left: 1px solid #ffcc00;
border-bottom: 1px solid #ffcc00;
}

.navfooter{
background-color: #66cc99;
height:3px;
border-right: 1px solid #ffcc00;
border-left: 1px solid #ffcc00;
border-bottom: 1px solid #ffcc00;
}

/** Container for right side of web page **/
.navright{
position:absolute;
top:0px;
left:630px;
margin-top:105px;
margin-right:5px;
width:160px;
text-align:left;
}

div.picbox{
padding:0px;
margin: 0px auto;
text-align:center;
color:#000000;
background-color:transparent;
clear:both;
}

div.catleft{
margin-top:10px;
width:220px;
height:280px;
float:left;
}
div.catleft p{
margin-top:0px;
}

div.catright{
margin-top:10px;
width:220px;
height:280px;
float:right;
}
div.catright p{
margin-top:0px;
}

div.itemleft{
padding:10px;
margin: 0px auto;
width:145px;
float:left;
text-align:center;
color:#000000;
background-color:transparent;
}

div.itemright{
padding:10px;
margin: 0px auto;
width:250px;
text-align:left;
font-size:10pt;
color:#000000;
background-color:transparent;
float:right;
}

.space{
clear:both;
}

.header{
margin:0px auto;
text-align:center;
}

/** Container for Copyright information **/
.footer{
vertical-align:baseline;
margin-bottom:10px;
font-size:8pt;
font-style:italic;
text-align:center;
color:#cc0000;
background-color:transparent;
clear:both;
}

/** For building right side navigation **/
div.menuBar,
div.menuBar a.menuButton {
font-size: 10pt;
font-weight:bold;
color: #000000;
width:180px;
}

div.menuBar {
background-color: transparent;
text-align: left;
}

div.menuBar a.menuButton {
width:180px;
background-color: red;
border: 2px solid;
border-color: #9900ff #000000 #000000 #9900ff;
color: #ffffff;
cursor: pointer;
margin:1px;
padding:2px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}

div.menuBar a.menuButton:hover {
background-color: #990033;
border-color: #000000 #9900ff #9900ff #000000;
color: #000000;
width:175px;
}

div.menuBar li {
margin-top:7px;
}

.msg {
width: 90%;
color: red;
border: solid yellow;
text-align:left;
padding:5px;
}