html, body {margin:0px; padding:0px; background:black; font-family:verdana; font-size:12px;}
/* The header, footer, and menubar */
.head {display:block; height:66px; background:#08a; color:#fff; text-align:left; border:thick orange inset; background-color:black;}

.foot {display:block; height:30px; text-align:center; font-family:Verdana; font-size:medium; font-weight:bold; padding:5px; background-color:black; border:thick orange inset}
.foot a {color:yellow;}
.foot a:hover {color:aqua;}

.menubar {background-image:url('images/head_linebg.gif'); height:39px; border-left:thick orange inset; border-right:thick orange inset;
 text-align: center; font-weight:bold; padding-top:5px; font-size:large;}
.menubar a:hover {color:green;}
.right {text-align: right;}

h1 {text-align:center;}
h2 {text-align:center; font-size:large; font-weight:bold;}
h6 {text-align:center; font-size:large; font-weight:bold; color: orange; padding:0px}

/* This bit does all the work */
#container {position:relative; display:block; background:#0ac; border-left:200px solid #aa8; border-right:200px solid #a8a;}
#inner {display:block; margin-left:-200px; margin-right:-200px; padding:5px; background-color:black;}
#left {float:left; position:relative; width:200px; left:0px; color:lime;}
#right {float:right; position:relative; width:190px; right:0px; color:orange;text-align:center;}

/* adjust min-height when adding or removing menu items to left column
 - this insures that center column is at least as high as left column  - also that footer goes all the way across bottom */
#center {margin-left:200px; margin-right:200px; position:relative; height:1%; color:black; font-size:large; font-weight:bold;
padding:15px; background-image:url('images/background.JPG'); text-align:justify; min-height:1020px; border:thick yellow ridge;}
#centercontent {margin-left:auto; margin-right:auto; text-align:center;}

#frag {position:relative; height:1%; color:yellow; font-size:large; padding:15px;
 text-align:justify;}
 
#centerpic {text-align:center;}
#justify {text-align:justify;}
 
.swfcontent  {
left: 50%;
margin-left: -400px; // minus half the width
border: 1px #ffff solid;
position: relative;
color:black
}


.clear {clear:both;}

/* Just to extend each column 
#inner a:visited, a {color:#000; text-decoration:none; cursor:default;}
#inner a span {display:none;}
#inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#inner a:active span, #inner a:focus span {display:block;}

a:visited, a {text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none; cursor:pointer;}

em {font-weight:bold;} */