@charset "utf-8";
/* CSS Document */
nav ul { margin:0; padding:0; }
nav ul li { float:left; margin-top:2px; margin-right:5px;  }
nav ul li span{ display:inline-block;background:url(../images/menu_divider.png) no-repeat center; width:1px; height:25px; vertical-align:middle;}
nav ul li a { display:inline-block; padding:5px 5px 5px 41px; text-decoration:none; text-transform:uppercase;font-size:1.21em; line-height:1; height:30px; letter-spacing:-1px; font-family: 'DIN'; font-weight:bold; vertical-align:middle}
nav ul li a:hover, nav ul li a.selected { text-decoration:none; opacity:0.6; color:#000;}
nav ul li.setting a { width:35px; padding:0; height:35px; background:url(../images/menu_icon/setting.png) no-repeat 0 0;}
nav ul li.setting a:hover{ background:url(../images/menu_icon/setting-hover.png) no-repeat 0 0;}

nav ul li.event_calendar { background:url(../images/menu_icon/menu_icon.png) no-repeat 5px 0 }
nav ul li.interest_classes { background:url(../images/menu_icon/menu_icon.png) no-repeat 5px -35px }
nav ul li.competitions {  background:url(../images/menu_icon/menu_icon.png) no-repeat 5px -70px}
nav ul li.youth_studio {  background:url(../images/menu_icon/menu_icon.png) no-repeat 5px -105px}
nav ul li.gov_job {  background:url(../images/menu_icon/menu_icon.png) no-repeat 5px -140px}
nav ul li.video_channels { background:url(../images/menu_icon/menu_icon.png) no-repeat 5px -175px;}
nav ul li.information_centre { background:url(../images/menu_icon/menu_icon.png) no-repeat 5px -210px;}
nav ul li.more_section { background:url(../images/menu_icon/icon_more.png) no-repeat scroll 0 0 transparent;}


nav ul li.event_calendar a { width:83px; }
nav ul li.interest_classes a{ width:77px; }
nav ul li.competitions a{ width:108px; line-height:2; }
nav ul li.youth_studio a{  width:60px; padding-left:49px; }
nav ul li.gov_job a{  width:65px; line-height:2; }
nav ul li.video_channels a{  width:85px;}
nav ul li.information_centre a{ width:95px;}
nav ul li.more_section a{ width:80px;}

#bt_hi_contrast { background:rgba(0, 0, 0, 0.7); padding:4px 6px 2px 6px; font-family: 'DIN'; text-transform: uppercase;font-size: 0.9em;}

#bt_hi_contrast a, { text-decoration:none; color:#fff} 
#bt_hi_contrast a:hover{ text-decoration:none; color:#fff; opacity: 0.7;} 

#bt_go_mobile { background:rgba(0, 0, 0, 0.7); padding:4px 6px 2px 6px; font-family: 'DIN'; text-transform: uppercase;font-size: 0.9em;}

#bt_go_mobile a, { text-decoration:none; color:#fff} 
#bt_go_mobile a:hover{ text-decoration:none; color:#fff; opacity: 0.7;}



.dd span {color: #000; }

.more_section_opt { background-color:#428501;text-align:center;position:relative; z-index:100; display:none; top:-20px; width:100%;height:60px; position:fixed; top:140px;}
.more_section_opt .container_more{ width:990px; padding:10px; display:inline-block; }
.more_section_opt .header_more{
float:left;
width:80px;
background: url(../images/btn_arrow.png) no-repeat 110px 28px;
text-align:left;
display: inline-block;
padding: 8px 5px 5px 41px;
text-decoration: none;
text-transform: uppercase;
font-size: 1.21em;
line-height: 1;
color:#fff;
height: auto;
letter-spacing: -1px;
font-family: 'DIN';
font-weight: bold;
vertical-align: middle;
}

.more_section_opt .sub-nav{  display:inline-block; margin:0 auto;}
.more_section_opt .sub-nav ul{ list-style: none;margin: 0;padding: 0;}
.more_section_opt .sub-nav ul li{ float: left; margin-top: 2px; margin-right: 5px;}
.more_section_opt .sub-nav ul li a{ float: left; text-align:left; margin-top: 2px; margin-right: 5px;display: inline-block;padding: 5px 15px 5px 15px;text-decoration: none;text-transform: uppercase;font-size: 1.21em;line-height: 1;height: 30px;letter-spacing: -1px;font-family: 'DIN';font-weight: bold;vertical-align: middle;}
.more_section_opt .sub-nav ul li span{display: inline-block;background: url(../images/menu_divider.png) no-repeat center;width: 1px;height: 25px;margin-top: 10px;}

.more_section_opt .sub-nav ul li.study_tours a{line-height:2; }
.more_section_opt .sub-nav ul li.further_study a{width: 120px;}
.more_section_opt .sub-nav ul li.video_channel a{width: 60px;}
.more_section_opt .sub-nav ul li.freshtube a{ line-height:2;}


.setting_opt { background-color:#666;text-align:center;position:relative; z-index:100; display:none; top:-20px; width:100%; position:fixed; top:140px;}
.setting_opt form { padding:10px; }
.setting_opt label { color:#fff; padding:0 10px; display:inline-block}
.setting_opt span.label{ color:#fff; padding:0 10px; display:inline-block;}
.setting_opt select{font-size:0.9em; padding:2px 0;}
.setting_opt img{vertical-align:middle;}
.setting_opt #header_bg_color{ width:200px;}
.setting_opt #header_bg{ width:200px;}

.setting_opt.clone { position:fixed; top:45px; display:none;}