body {
	font: 100% Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image:url(../images/4.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#holder {
	width: 760px;
	text-align: left;
	margin: 0 auto 0 auto;
}
#header {
margin-top:175px;
margin-bottom: 30px;
padding: 0px;
text-align:center;
}
#nav {
	width: 760px;
margin-top:120px;
	height: 110px;
	margin-bottom: 15px;
	background-image: url(../buttons/button_bg8b.png);
}
#content {
	margin: -2px auto 0 auto;
	padding: 15px 5px 5px 5px;
	width: 744px;
	background-color:#00FF00;
	}

#footer {
	margin: 0px auto 0 auto;
	width: 756px;
	padding-top: 30px;
	text-align:center;
	font-size: 80%;
	height: 20px;
}
#footer p{
color: #FFFFFF;
}
#blank
{
height: 10px;
}
.callout {
	font: bold 180% Georgia, "Times New Roman", Times, serif;
	color: #000000;
	margin: 0;
	padding: 0px 10px 20px 5px;
}
.scat
{
	padding-top: 25px;
	padding-bottom: 8px;
	/*background-image:url(../buttons/button_bg8c.png);*/

}
.btm
{
	padding-top: 40px;
	/*background-image:url(../buttons/button_bg8c3.png);*/
	padding-bottom: 8px;
}
.tp
{
	padding-bottom: 40px;
	padding-top: 10px;
	/*background-image:url(../buttons/button_bg8c2.png);*/
}
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}
p {
	font-size: 16px;
}
#content p {
	
	margin: auto 10px 0 10px;
	color: #FFFFFF;
}
h1
{
font-size:24px;
color: #87d702;
padding-left: 0px;
margin: 0;
}
h2
{
font-size:18px;
color: #81121b;
padding-bottom: 10px;
margin: 0;
}
.white
{
font-size: 14px;
color: #FFFFFF;
}
ul.backup
{
color: #FFFFFF;
font-size: 90%;
line-height:1.3;
}
/*menu*/
#nav a:link { 
	color:#99FF00;
	text-decoration: none;
	font-size:22px;
	font:"Times New Roman", Times, serif;
}

#nav a:visited { 
	color: #99FF00;
	font-weight: normal;
	text-decoration: none;
	font-size:22px;
	font:"Times New Roman", Times, serif;
}

#nav a:hover, #nav a:active, #nav a:focus{  
	color:#87d702;
	text-decoration: none;
	font-weight: normal;
	font-size:22px;
	
}
 {
 color:#99FF00;
	text-decoration: none;
	font-weight: normal;
	font-size:22px;
 }
ul.dropdown-linear {
 width: 100%;
}

ul.dropdown-linear ul li {
 float: left;
}

ul.dropdown-linear li.hover,
ul.dropdown-linear li:hover {
 position: static;
}

ul.dropdown-linear ul ul {
 display: none !important;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 text-decoration:none;}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 /*line-height: 2.3em;
 vertical-align: middle;*/
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}
ul.dropdown {
 width: 730px;
 padding-left: 20px;
 height: 85px;
}

	ul.dropdown li {
	 border: none;
	 width: 175px;
	 text-align:center;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
text-decoration: none;
	}
	ul.dropdown li:active{
	text-decoration: none;
	}

	ul.dropdown ul {
	 width: 760px;
	 margin-top: 0;
	}


		ul.dropdown ul li.hover {
		 margin: 0;
		 border: none;
		}


ul.dropdown ul *.dir {
 padding-right: 7px;
 background-image: none;
}
/*rounded box */
.roundbox-tr {
	padding:0;
	background:url("../images/top4.png") no-repeat right top;
	margin-top:20px;
	width: 760px;
	height: 35px;
	z-index:103;
	overflow: hidden;
}

/* top-left corner and left side */
.roundbox-tl {
	margin:0;
	padding:0;
}

/* bottom-right corner and bottom side */
.roundbox-br {
	margin:0;
	padding:0;
	background:   url(../images/bottom4.png) no-repeat right bottom;
	height:30px;
	z-index:102;
	overflow: hidden;
}

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier 
with "roundbox-content" in place */
.roundbox-content {
	margin:0;
	padding:0 2em;
	background:url(../images/cont4.png) no-repeat right top;
	z-index:101;
	
}

.roundbox-content p {
	margin:0;
	padding:0;
	line-height:1;
	color: #FFFFFF;
}
/*fish-eye menu*/
.expand-down {
  font-family:Arial, Helvetica, sans-serif;
  line-height:normal;
  margin-top:5px;
  height:150px;
  width:500px;
  margin-left: auto;
  margin-right: auto;
}
/* reset margins and paddings */
.expand-down * {
  margin: 0;
  padding: 0;
}
.expand-down ul {
  padding-top:10px;
  margin-left:10px;
}
.expand-down ul li {
  float:left;
  list-style-type:none;
  margin: 15px;
}
.expand-down ul li a {
  text-decoration:none;
}
.expand-down ul li a img {
  width:50px;  /* initial width of images, 50% of width */
  height:50px; /* initial height of images, 50% of height */
  border:none;
}
/* initially, don't show the label inside <span> tag */
.expand-down ul li a span {
  display:none;
}
.expand-down ul li:hover a span {
  /* show label on mouse hover */
  display:block;
  font-size:14px;
  text-align:center;
  color:#fff;
}
/* expand the image to 100% on mouse hover.
** an image becomes active when mouse hovers it
** ideally, the image should have same width and height as below 
*/
.expand-down ul li:hover a img {
  width:100px;
  height:100px;
}
/* expand the image next to the right of the active image to 60% using + selector */
.expand-down ul li:hover + li a img {
  width:60px;
  height:60px;
}
/* expand the image second to the right of the active image to 55% using + selectors */
.expand-down ul li:hover + li + li a img {
  width:55px;
  height:55px;
  }
#port
{
margin: 0 auto;
text-align: center;
}
#port a:link { 
	color:#81121b;
	text-decoration: none;
	font-size:22px;
	font:"Times New Roman", Times, serif;
}

#port a:visited { 
	color: #81121b;
	font-weight: normal;
	text-decoration: none;
	font-size:22px;
	font:"Times New Roman", Times, serif;
}

#port a:hover, #port a:active, #port a:focus {  
	color:#99FF00;
	text-decoration: none;
	font-weight: normal;
	font-size:22px;
	
}