:focus {
    outline: 0;
}


/* For Members Page */
      
            
.rollNA {
display:block;
width: 469px;
height: 186px;
font: bold 13px sans-serif;
color:#333;
background: url("../images/globeNA.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollEU  {
display:block;
width: 205px;
height: 186px;
font: bold 13px sans-serif;
color:#333;
background: url("../images/globeEU.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollAS  {
display:block;
width: 301px;
height: 186px;
font: bold 13px sans-serif;
color:#333;
background: url("../images/globeAS.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollSA  {
display:block;
width: 469px;
height: 192px;
font: bold 13px sans-serif;
color:#333;
background: url("../images/globeSA.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollAF  {
display:block;
width: 205px;
height: 192px;
font: bold 13px sans-serif;
color:#333;
background: url("../images/globeAF.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollAU  {
display:block;
width: 301px;
height: 192px;
font: bold 13px sans-serif;
color:#333;
background: url("../images/globeAU.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollNA:hover { 
background: url("../images/globeNAr.jpg") 0 0 no-repeat;
color: #049;
}

.rollEU:hover { 
background: url("../images/globeEUr.jpg") 0 0 no-repeat;
color: #049;
}

.rollAS:hover { 
background: url("../images/globeASr.jpg") 0 0 no-repeat;
color: #049;
}

.rollSA:hover { 
background: url("../images/globeSAr.jpg") 0 0 no-repeat;
color: #049;
}

.rollAF:hover { 
background: url("../images/globeAFr.jpg") 0 0 no-repeat;
color: #049;
}

.rollAU:hover { 
background: url("../images/globeAUr.jpg") 0 0 no-repeat;
color: #049;
}




 #contactFormContainer
            {

              
               float:right;
               margin-left:auto;
               margin-right:auto;
               margin-top:-3.9em;
               background-color: #FFFFFF;	
            }
            
            
            #contactForm
            {
               height:378px;
               width:975px;
/*               background-image:url('bkg.jpg');*/
               display:none;

            }
 
#contactForm fieldset
            {
               padding:30px;
 
                border:none;
            }      
                           
            #contactLink
            {
               height:20px;
               width:975px;
               background-image:url('../images/slidein_button.png');
               display:block;
               cursor:pointer;

            }
            
            #contactLink:hover
            
            {
               height:20px;
               width:975px;
               background-image:url('../images/slidein_buttonR.png');
               display:block;
               cursor:pointer;
            }
            
            
            #globetable
            {

             border: 0px,solid,#000000;
             padding:0px;  
            }
            
            .globecell
            {
             border:0 none;
             padding:0px;  
            }
            
/*end members page*/




.membercourses
{
border: 0px;
vertical-align:top;
}

.membercoursestable{

vertical-align:top;
}




html, body
{
	background: #ddd url(../images/bg.gif) repeat-x left top;
}

#hd
{
	position: relative;
}

#bd
{
	padding: 2.5em 1em;
/*	background-color: White;
	border: solid 1px #999;
	border-width: 0 1px 1px 1px; */
}

#ft
{
	
}

.nodisplay
{
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
	overflow: hidden;
}

br.clearer
{
	clear: both;
	height: 0;
	overflow: hidden;
}
.HomeLink
{
	background: transparent url(../images/logo.png) no-repeat 20px 35px;
	display: block;
	width: 600px;
	height: 157px;
	text-indent: -9999px;
	overflow: hidden;
}

.mainDiv
{
    
 width:974px;
   
    
}


.joinTable
{
    width:974px;   
}


#ContactDetails
{
	position: absolute;
	right:0;
	top: 45px;
	display: block;
	width: 300px;
	height: 100px;
	text-align: right;
}




ul.AspNet-Menu,  ul.AspNet-Menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
}


ul.AspNet-Menu li { /* all list items */
	float: left;
	 width: 12em;/* width needed or else Opera goes nuts */
	list-style-type: none;
    line-height: 2.85;
     position: relative;  
    font-weight: bold;
    font-weight:900;
    text-align: center;
    	text-transform: uppercase;
}

ul.AspNet-Menu li > ul { /* second-level lists */
	display:none; /*test*/
	position: absolute;
	background-color: #80DBF2;	
	width: 12em;
	/*left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 999;
	/*border: solid 1px #595241;*/
	border-bottom: none;
}

/*test*/
ul.AspNet-Menu li:hover, ul.AspNet-Menu li.CSStoHighlight {
  background-color: #8C8D91;    
              
}

ul.AspNet-Menu li a.AspNet-Menu-Selected
{
	background-color:  #8C8D91;
}


ul.AspNet-Menu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}



ul.AspNet-Menu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

ul.AspNet-Menu li a { color: #fff; display: block; width: 100%; text-decoration: none; letter-spacing:0.1em; }
ul.AspNet-Menu li a:hover, ul.AspNet-Menu li a.CSStoHighLink { color: #fff; background-color:#AAA; }
ul.AspNet-Menu li:hover > a { color: #fff; } /* supports links in branch headings - should not be display: block; */


#ft ul
{
	margin: 0;
	margin-top: 1em;
	margin-left: 15em;
	padding: 0;
	list-style-type: none;
}

#ft ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	
}

#ft ul li a
{
	display: block;
	float: left;
	padding: 0 1.25em;
	text-decoration: none;
	color: #777;
}

#ft ul li a:hover
{
	text-decoration: underline;
}