* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
background-color: #000;
text-align:center;
min-height:600px;/* for good browsers*/
min-width:800px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#form2 { 
 width : 790px;
height: 300px; 
background : url(images/textform2.png) repeat-x; 
margin:0px auto;
 margin-left: 5px;

}
#formtext {   
 width:290px;
margin : 14px 0px 0 10px;
 float: left;
 border: 1px dashed #ddd;
 }
a { 
color : Black;
 font-size: 1em;
 font-family: moderna, sans-serif;
} 
a:hover { 
text-decoration : none; 
color : #00FF7F; 
} 
.float {
	float: left;
	
}
.text-left { 
padding-left : 10px;  
padding-top : 5px; 
font-size : 1em; 
color : white; 
margin : 10px 0 0 12px;
 padding-right: 10px;
 
 float: left;
 height: 180px;
 width: 310px;
} 
.text-right { 
padding-left : 10px;  
padding-top : 5px; 
font-size : 1em; 
color : white; 
margin : 10px 10px 0 0px;
 padding-right: 10px;
 float: right;
 height: 180px;
 width: 316px;
} 
.text-form2 { 
padding-left : 10px;  
padding-top : 5px; 
font-size : 1em; 
color :#000; 
margin : 10px 10px 0 0px;
 padding-right: 10px;
 float: right;
 height: 260px;
 width: 400px;
 border: 1px dashed #ddd;
} 
.login {   
font-size :1.2em; 
color : #000; 
margin : 4px 0px 0 0px;
 font-weight: bold;
 float: right;
}
.text5 {   
font-size :1em; 
color : #FF8C00; 
margin : 4px 0px 0 0px;
 font-weight: bold;
}
.text4 {   
font-size :.75em; 
color : #000; 
margin : 4px 0px 0 0px;
 
}
 .text7{   
font-size :1.2em; 
color : #FF8C00; 
margin : 4px 0px 0 0px;
 font-weight: bold;
}
 
.text1 { 
padding : 8px 10px 20px 10px; 
color : #000; 
font-size :1em;
width:750px;
 background-color: #ADD8E6;
} 
.text6{ 
padding : 8px 10px 0px 10px; 
color : #000; 
font-size :1.3em;

} 
.text2{ 
padding : 8px 10px 20px 10px; 
color : #000; 
font-size :1em;
width:750px;
 background-color: #fff;
}
.box1 { 
padding : 8px 2px 20px 2px; 
color : #000; 
font-size :1em;
width:790px;

} 
.box2{ 
padding : 8px 2px 20px 2px; 
color : #000; 
font-size :1em;
width:790px;
 
}
.button { 
border : none; 
background : url(images/submit115x44-2-grey1.png) no-repeat top right; 
width : 115px; 
height : 44px; 
margin : 2px 0 2px 0px;
 float: right;
} 
.button:hover { 
border : none; 
background : url(images/submit115x44-2-grey2.png) no-repeat top left; 
width : 115px; 
height : 44px; 

  float: right;
}
.button2 { 
border : none; 
background : url(images/join21.png) no-repeat top right; 
width : 115px; 
height : 44px; 
margin : 6px 0 0px 0px;
 float: left;
} 
.button2:hover { 
border : none; 
background : url(images/join22.png) no-repeat top left; 
width : 115px; 
height : 44px;  
padding : 2px 8px;
  float: left;
}
.button3 { 
border : none; 
background : url(images/join21.png) no-repeat top right; 
width : 115px; 
height : 44px; 
margin : 6px 0 0px 0px;
 float: left;
} 
.button3:hover { 
border : none; 
background : url(images/join22.png) no-repeat top left; 
width : 115px; 
height : 44px; 
padding : 2px 8px;
  float: left;
}
#header { 
width : 800px; 
height : 210px; 
margin : 0 100px auto 2px; 
} 
 .menu.horizontal {
	width: 800px;
	height: 34px;
	margin: 0;
	padding: 0;
	background: url(images/menu.png) repeat-x top;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 6px;
}
.menu.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-right: 0px;
	
	
}
.menu.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	
}

.menu.horizontal ul li a {
	height: 30px;
	padding-left: 14px;
	float: left;
	font-size: 1.1em;
	color: #7CFC00;
	text-decoration: none;
	font-family: Arial;
	
}

.menu.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 21px;
	padding-top: 6px;
	padding-right: 0px;
	cursor: pointer;
}


.menu.orange ul li a:hover,
.menu.orange ul li.highlight a {
	background: transparent url(images/orange.png) top left no-repeat;
	color: Black;
	margin-top: 1px;
	margin-bottom: 0px;
}
 
span.c1 { 
color : #ffffff; 
} 
#container { 
margin: 0px 0 0 0px;
 width:790px;

}
.myForm td, input, select, textarea, checkbox  {
      font-family: tahoma;
      font-size: 11px;
  }

  .required {
      color: red;
  }  
#header address {
	float: right;
	margin: 0;
	padding: 5px 10px 0 0px;
	font: normal normal 10px Arial;
	color: White;
}
#logo {
	float: left;
	margin-left:20px;
	margin-top:26px;
	padding: 0px 0px 0 0px;
	background: transparent url(images/logo306x41.png) no-repeat top;
	height: 41px;
	width:306px;
}
#ball {
	float: left;
	margin-left:30px;
	margin-top:2px;
	padding: 0px 0px 0 0px;
	background: transparent url(images/ball92x93.png) no-repeat top;
	height: 92px;
	width:93px;
}
#page { 
width : 800px; 
margin-left:auto;
margin-right:auto;
 background: url(images/header2.jpg) no-repeat ;

} 
#content { 
float : left; 
width : 470px; 
padding : 5px 10px 0 10px; 
} 
#content p, #content ol, #content ul { 
line-height : 1em; 
}
 #box { 
float : right; 
width : 800px; 
padding : 0px 0 0 0;
background-image : url(images/boxcenter2.png); 
background-repeat : repeat-y; 
background-color :#ccc; 
background-position : top ;  
} 
#box-top { 
float : right; 
width : 800px; 
padding : 0px 0 0 0; 
background-image : url(images/boxtop2.png); 
background-repeat : no-repeat; 
background-color :#ccc; 
background-position : top ;  
}
#box-btm { 
float : right; 
width : 800px; 
padding : 0px 0 0 0;
background : #ccc; 
background-image : url(images/boxbottom2.png); 
background-repeat : no-repeat;  
background-position : center;  
}
 #two-boxes { 
width : 770px; 
height: 202px;
padding : 0px 0px 0 0px;
background-image : url(images/2boxes.png); 
background-repeat : no-repeat; 
background-color :#ccc;
 background-position: center;
 margin-left:5px;
} 
#footer { 
width : 800px; 
height : 34px; 
margin : 10px auto 0 0; 
background : url(images/footer.png) repeat-x; 
} 
#footer p { 
text-align : center; 
font-size : 1em; 
color : white;
 margin-top: 2px;
} 

