/* This wrapper keeps the entire layout centered and keeps text aligned correctly */

#xc_wrapper {
   width: 1003px;
   height:460px;
   text-align: left;
   position: absolute;
   top: 0px;
   left: 0px;
   margin-left: 0px;
}



.gsgrey10  { font-family:  Arial Narrow, Arial, Helvetica, Verdana, sans-serif;font-size: 11px; color:#999999; text-decoration: none; }

.gseyebrow { font-family:  Arial Narrow, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #00CCFF; text-decoration: none;}

.transparent_class {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.white  { color: #FFFFFF; }
.black  { color: #000000; }
.bold   { font-weight: bold; }
.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }


img.left { float:left; }

/* width of the event banners = int ((width of inside content frame) / 8) - 7) */

img.Event_Banners { text-align: center; width: 100px; height: 54px; border: 2px solid gray; filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;}
	
img.Event_Banners_lite { text-align: center; width: 100px; height: 54px; border: 2px solid red; filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;}

img.Event_Banners:hover { border: 2px solid red;filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;}

/* The screen is the overlay and the inside content is the contents of the frame main. */

/*  OLD  img.Screen { width: 1242px; height: 700px;} */
img.TransScreen { width: 982px; height: 390px; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}

img.Screen { width: 982px; height: 390px;}

/* OLD iframe.Inside_Content { width: 1222px; height: 676px; overflow: auto;} */
iframe.Inside_Content { width: 973px; height: 300px; overflow: auto;}


/* body { background-color: rgb(35,37,39); color: #DDDDCC;} */

body { background-color: rgb(0,0,0); color: #DDDDCC;}

a:hover.gseyebrow { color:#FFCC66; text-decoration: none;}

div.center { text-align:center; } 
                   

/*
=================================
The Portal icons near the top of
the screen. There are 9 portals.
=================================
*/ 

#Portal_Menu {position:absolute;
   
        left: 12px;
        
        top: 11px;
        
        width: 100px;
        
        height: 54px;
        
        z-index: 1000;
        
        }
         


/*
=================================
This is the background that appears
on every page. (the skin) top was 16
now 120 -- width is same as screen
class defined above.
=================================
*/           

         

#backgd {position:absolute;
   
        left: 14px;
        
        top: 96px;
        
        width: 760px;
        
        height: 390px;
        
        z-index: 29;
        }



/*
=================================
This is the boundry of where the
content of any given page will be
residing in. (13,16,950,468,300)
top was 14 now 118 
Should be the same as the defined
iFrame Inside_Content.
=================================
*/             
#insideframe {position:absolute;

        left: 16px;

        top: 148px;

        width: 973px;

        height: 300px;

        z-index: 30;

       }
/*
=================================
This is the large scroller.
=================================
*/             
       
#scrollerframe {position:absolute;

        left: 22px;

        top: 96px;

        width: 200px;

        height: 30px;

        z-index: 100;

       }
       
#scroller_overlay_left {position:absolute;

        left: 22px;

        top: 98px;

        width: 94px;

        height: 30px;

        z-index: 100;

       }
       
#scroller_overlay_right {position:absolute;

        left: 620px;

        top: 98px;

        width: 94px;

        height: 30px;

        z-index: 100;

       }       
       

        
                        
/*
=================================
This is the boundry frame of the
navigiation bar. Top was 0 
Left was 0 width was 1010 17 987
=================================
*/       
#navbarframe {position:absolute;
   
        left: 5px;
        
        top: 494px;  
        
        width: 783px;
        
        height: 20px;
        
        z-index: 300;
        
        }       
  
       
           
       

/*
=================================
This is the boundry frame of the
footer with copyright information.
=================================
*/           
#crfooter {position:absolute;
        
        left: 235px;
        
        top: 507px;
        
        width: 535px;
        
        height: 20px;
        
        z-index: 150;
        
        font-size: 10px;
        
        }

                
h1      {
         font-family:  Arial Narrow, Arial, Helvetica, Verdana, sans-serif;font-size: 18px;
        }        
        
h2      {
         font-family: Arial Narrow, Arial, Helvetica, Verdana, sans-serif;font-size: 16px;
        }        
        
h3      {
         font-family:  Arial Narrow, Arial, Helvetica, Verdana, sans-serif;font-size: 14px;
        }
                
h4      {
         font-family:  Arial Narrow, Arial, Helvetica, Verdana, sans-serif;font-size: 12px;
        }
        
h5      {
         font-family:  Arial Narrow, Arial, Helvetica, Verdana, sans-serif;font-size: 10px;
        }
h6      {
         font-family:  Arial Narrow, Arial, Helvetica, Verdana, sans-serif;font-size: 9px;
        }
a {outline: none; text-decoration : none;}         
a.plain { text-decoration: none; color: rgb(201, 139, 0); }
a.plain:hover { color: rgb(255, 204, 102); }