/* Main Styles */
body {
	margin:0;
	background-image:url(NewImages/youthbank_bg.jpg);
	background-position:  -2px -76px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
#wrapper { width:945px; margin:0 }

#header { margin: 0 auto}
#header .logo { width: 337px; height: 131px; float: left}
#header .login {width: 608px; height: 131px; float: right}

/* Content */

#content { margin: 0 auto}
#content .navi { width: 190px; height: 329px; float: left}
#content .frame {width: 755px; height: 329px; float: right}

#content .content_bg_top{  /* Mozilla ignores crazy MS image filters, so it will skip the following */    
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youhbank_yellow_bg_top.png');}/*
 IE ignores styles with [attributes], so it will skip the following. */
#content .content_bg_top[class]{   background: url(NewImages/youhbank_yellow_bg_top.png) no-repeat; background-position: left top} 

#content .content_bg_bottom{  
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youhbank_yellow_bg_bottom.png');}
#content .content_bg_bottom[class]{   background: url(NewImages/youhbank_yellow_bg_bottom.png) no-repeat; background-position: left bottom} 

#content .content_bg{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youhbank_yellow_bg.png');}
#content .content_bg[class]{   background: url(NewImages/youhbank_yellow_bg.png) repeat-y; background-position: left top} 

#content .featured_bg_top{  /* Mozilla ignores crazy MS image filters, so it will skip the following */    
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youthbank_featured_bg_top.png');}/*
 IE ignores styles with [attributes], so it will skip the following. */
#content .featured_bg_top[class]{   background: url(NewImages/youthbank_featured_bg_top.png) no-repeat; background-position: left bottom;} 

#content .featured_bg_bottom{  
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youthbank_featured_bg_bottom.png');}
#content .featured_bg_bottom[class]{   background: url(NewImages/youthbank_featured_bg_bottom.png) no-repeat; background-position: left top} 

#content .featured_bg{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youthbank_featured_bg.png');}
#content .featured_bg[class]{   background: url(NewImages/youthbank_featured_bg.png) no-repeat; background-position: left top} 


#content .sub_bg_top{  /* Mozilla ignores crazy MS image filters, so it will skip the following */    
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youthbank_sub_bg_top.png');}/*
 IE ignores styles with [attributes], so it will skip the following. */
#content .sub_bg_top[class]{   background: url(NewImages/youthbank_sub_bg_top.png) no-repeat; background-position: left bottom;} 

#content .sub_bg_bottom{  
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youthbank_sub_bg_bottom.png');}
#content .sub_bg_bottom[class]{   background: url(NewImages/youthbank_sub_bg_bottom.png) no-repeat; background-position: left top} 

#content .sub_bg{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youthbank_sub_bg.png');}
#content .sub_bg[class]{   background: url(NewImages/youthbank_sub_bg.png) repeat-y; background-position: left top} 

#content .header_xchangemall{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/content/youhbank_header_xchangemall.png');}
#content .header_xchangemall[class]{   background: url(NewImages/content/youhbank_header_xchangemall.png) repeat-y; background-position: left top} 

#content .id_profile_bg{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/content/youhbank_id_profile_bg.png');}
#content .id_profile_bg[class]{   background: url(NewImages/content/youhbank_id_profile_bg.png) no-repeat; background-position: left top}

#content .header_myxchange{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/content/youhbank_header_myxchange.png');}
#content .header_myxchange[class]{   background: url(NewImages/content/youhbank_header_myxchange.png) no-repeat; background-position: left top} 

#content .header_myhistory{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/content/youhbank_header_myhistory.png');}
#content .header_myhistory[class]{   background: url(NewImages/content/youhbank_header_myhistory.png) no-repeat; background-position: left top}

#content .header_mysharing{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/content/youhbank_header_mysharing.png');}
#content .header_mysharing[class]{   background: url(NewImages/content/youhbank_header_mysharing.png) no-repeat; background-position: left top}


#content .header_xchangemall{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/content/youhbank_header_xchangemall.png');}
#content .header_xchangemall[class]{   background: url(NewImages/content/youhbank_header_xchangemall.png) no-repeat; background-position: left top}

#content .header_whatsup{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youhbank_header_whatsup.png');}
#content .header_whatsup[class]{   background: url(NewImages/youhbank_header_whatsup.png) no-repeat; background-position: left top} 

#content .header_featured{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youhbank_header_featured.png');}
#content .header_featured[class]{   background: url(NewImages/youhbank_header_featured.png) no-repeat; background-position: left top} 

#content .ticker_bg{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youthbank_index_ticker_bg.png');}
#content .ticker_bg[class]{   background: url(NewImages/youthbank_index_ticker_bg.png) no-repeat; background-position: left top} 

#footer { width: 945px; height: 100px; margin: 0; position: relative;  float:left}

#footer .graphic_footer{     
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youhbank_graphic_footer.png');}
#footer .graphic_footer[class]{   background: url(NewImages/youhbank_graphic_footer.png) no-repeat; background-position: 0px 0px; } 

#footer .sponsors_footer{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='NewImages/youhbank_sponsors_footer.png');}
#footer .sponsors_footer[class]{   background: url(NewImages/youhbank_sponsors_footer.png) no-repeat; background-position: 0px 0px; } 

#content .header_events{   
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/content/youhbank_header_events.png');}
#content .header_events[class]{   background: url(NewImages/youhbank_header_events.png) no-repeat; background-position: left top}

/* Font CSS */
#content #ticker a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #000000;
}

#content #ticker a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none
}
#content #ticker a.more {
    font-size:11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding-left: 10px;
}

#content #ticker a.more:hover {
    font-size:11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding-left: 10px;
}

A.more: link {		
    font-size:11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none; 
	cursor: auto}
A.more: visited {	     font-size:11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none }
A.more {	     font-size:11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none }
A.more:hover {	     font-size:11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none }
	
A.more_b: link {		
    font-size:11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none }
	
A.more_b: visited {	     
    font-size:11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none }
	
A.more_b {	     
    font-size:11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none }
	
A.more_b:hover {	     
    font-size:11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline }
	
a.index_para: link {		
    font-size:13px;
	font-weight: bold;
	line-height: 16px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	padding: 2px; }
	
a.index_para: visited {	         
    font-size:13px;
	font-weight: bold;
	line-height: 16px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;padding: 2px; }
	
a.index_para {	         
    font-size:13px;
	font-weight: bold;
	line-height: 16px;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;padding: 2px; }
	
a.index_para:hover {	        
    font-size:13px;
	font-weight: bold;
	line-height: 16px;
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;padding: 2px; }

a.text_login {	         
    font-size:11px;
	color: #000000;
	text-decoration: underline; }
	
a.text_login:hover {	        
    font-size:11px;
	color: #000000;
	text-decoration: none; }
	
.index_tables {
 border-bottom: 1px solid #000000;
 padding: 5px 0px 5px 0px;
 }
 
 .sub_table1 {
 border-bottom: 1px solid #000000;
 background-color: #ffffff;
 }
 
.sub_table2 {
 border-bottom: 1px solid #000000;
 background-color: #EDEDED;
 } 
 
 .img {border:0}
 
 .table_login_padding-top {
 padding-top: 8px;
 }
 
.form_login {
border: 1px solid #000000;
width: 86px;
height: 12px;
font-size:11px;
}
.form_search{
border: 1px solid #000000;
width: 120px;
height: 12px;
font-size:11px;
}
.form_login_btn {
width: 30px;
height: 17px;
background-color: #000000;
border: 0px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;

}

.form_next_btn {
width: 42px;
height: 17px;
background-color: #000000;
border: 0px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;

}