
h1
{
color:black;
font-family: verdana;
font-size: 23px;
line-height: 29px;
font-weight: bold;
}
h2
{
color:black;
font-family: verdana;
font-size: 18px;
line-height: 20px;
font-weight: bold;
}

h3
{
color:black;
font-family: verdana;
font-size: 16px;
line-height: 18px;
font-weight: bold;
}

p
{
color:black;
font-family: Verdana;
font-size: 14px;
line-height: 16px;
font-weight: bold;
}

a 
{
font-family: Verdana;
font-size:13px;
line-height: 16px;
font-weight: bold;
}

/* GREEN GREEN */
div.transbox
  {
  width: 800px;

/*  min-width: 900px;
  width: 90%;*/
  /*height: 100%;*/
  min-height: 180px;
 /* padding: 30px 20px;*/
  background-color: #ffffff;
  border: 0px solid green;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
  padding: 20px 20px;

  }
	
/*- Menu 1--------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	/*background: #FFF; */
	background: url(pictures/spspIMG514.jpg) repeat; 

	
	}

h2.leftside
 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
	
ul.navi{
	list-style: none;
	margin: 0;
	padding: 0;
	}
img {
    border: none;
} 	


/* WHITE WHITE */ 
#menu1 {
	width: 100%;
	margin: 0px;
	border-style: solid solid none solid ;
	border-color: white;
	border-size: 2px;
	border-width: 0px;
	padding: 10px;
	}
	
#menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu1 li a:link, 

#menu1 li a:visited {
	color: #E4D6CD;
	display: block;
	background:  url(menu1.gif);
	padding: 8px 0 0 10px;
	}
	
#menu1 li a:hover {
	color: #FFF;
	background:  url(menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}

#menu2 {
        width: 100%;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }

#menu2 li {
        height: 14px;
        margin: 0px 0px 0px 00px;
        padding: 0px 0px 0px 0px;
}
#menu2 li a {
        height: 0px;
        text-decoration: none;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }

#menu2 li a:link,
#menu2 li a:visited {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        color: #E4D6CD;
        }

#menu2 li a:hover {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        color: #FFF;
        }

#menu3 {
        width: 100%;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }

#menu3 li {
        height: 14px;
        margin: 0px 0px 0px 00px;
        padding: 0px 0px 0px 0px;
}
#menu3 li a {
        height: 0px;
        text-decoration: none;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }

#menu3 li a:link,
#menu3 li a:visited {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        color: #E4D6CD;
        }

#menu3 li a:hover {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        color: #FFF;
        }



table.secondtable
{
    margin: 0px; 
	border: solid blue 2px;
}

table.maintable
{
	border: solid green 2px;
	padding: 0px 0px;
    position:absolute;
	left:180px;
	top:200px;
/*	width: 100%;*/
	margin-left: 5%;
    margin-right: 5%;
	padding: 20px 20px;
}

/* RED RED RED RED */
div.main
{
	position:absolute;
	left:180px;
	top:200px;
	width: 880px;
    /*
	max-width: 1200px;
    min-width: 1100px;*/
	border: solid red 0px;
	background:url(pictures/orion_1920_widescreennet.jpg) repeat;
	/*background:url(pictures/orion_1920_widescreennet.jpg) repeat -100px;*/
    padding: 30px 0px;
/*    margin-left: 5%;
    margin-right: 5%;*/
 
}
a.leftside
{
color:black;
font-family: Verdana;
font-size: 12px;
line-height: 14px;
font-weight: bold;
margin-left: -10px;
}
/* PURPLE PURPLE */ 
table.lefttable
{
  border: solid purple 0px;
}

/* YELLOW YELLOW */ 
div.leftside
{
  width: 180px;
 /* height: 800px; 
  min-height: 100%;*/
/*  background: url(pictures/spspIMG514.jpg) repeat;*/
  top:200px;
  border: solid yellow 0px; 
/*  margin: -10px -3px;*/
   position:absolute;
}

/* WHITE WHITE */ 
p.headertitle
{
color:white;
font-family: verdana;
font-size: 15px;
line-height: 16px;
font-weight: bold;
margin-left: 0px;
}
p.headertext
{
color:white;
font-family: verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
margin-left: 0px;
}
/* GREEN GREEN */
div.header
{
  height: 200px;
/*  width: 1200px;*/
/*  min-width: 100%;*/
/*  background: url(pictures/spspIMG514.jpg) repeat; */
  border: solid 0px green;
  position:absolute;
/*  overflow: hidden;*/

}
h2
{
margin-left: 0px;
}

h1
{
margin-left: 0px;
}

a.text
{
margin-left: 15px;
}

a 
{
text-decoration: none;
}

a.names
{
text-decoration: none;
color: black;
font-size: 14px;
}


a.sub
{
color: white;
text-decoration: none;
font-family: Verdana;
font-size:12px;
line-height: 14px;
margin-left: 25px;
}


p
{
color:black;
font: Verdana;
font-size: 14px;
line-height: 16px;
margin-left: 0px;
font-weight: bold;
}

tr.locnoc 
{
vertical-align: top;
}
td.locnoc
{
color:black;
font-family: Verdana;
font-size: 14px;
line-height: 16px;
font-weight: bold;
}

td locnoc
{
color:black;
font-family: Verdana;
font-size: 14px;
line-height: 16px;
font-weight: bold;
}

		/*black*/
div.transbox
{
height: <?echo ($height-200);?>;

}

 		/*YELLOW*/
div.leftside
{
height:  <?echo $height;?>;

}

		/*RED*/
div.main  
{
height:  <?echo $height;?>;

}
img
{
border: solid white 1px;
}
