﻿@charset "utf-8";
/* CSS Document */
@import url(menu.css);
@import url(pages.css);
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, strong, em {margin: auto; padding: 0; border: 0; font-weight: normal}
html {margin: auto;/* background:url(/Style%20Library/Images/bg.gif); */}
body {background:url(/Style%20Library/Images/bg.gif);}
h1, h2, h3, h4, p, ul, ol {margin: 0 0 15px 0}
body {font-family: Tahoma, Arial, Helvetica, "Sans Serif";  font-size: 12px; color:#333333}
img, a img {border: 0;}
input, select {font-size: 11px; color:#666; }
h1, h2, h3, .bigParagraph, .missionParagraph {font-family:Helvetica, Tahoma, Arial, "Sans Serif"}
h1 {font-size: 160%; margin: 0 0 0px 0; font-weight:bold}
h1.home {line-height: 100%; padding: 0; margin: 0 0 5px 0}
h2 {font-size: 150%; font-weight: 900;  color:#FF0099; margin: 0 0 5px 0;}
h3 {font-size: 120%; font-weight: 900; margin: 0 0 5px 0}
h4 {font-size: 10px; font-weight: bold; padding: 0px 0 5px 0}
p {margin: 0 0 10px 0}
strong {font-weight: bold}

a:link {color:#9933CC; text-decoration:none}
a:visited {color:#9933CC; text-decoration:none}
a:hover {color:#00CCCC; text-decoration:underline}
#wrapper {width:960px; background:#FFFFFF; margin:auto; }
ol {  margin:0; padding:5px 25px  }
ol li{  margin:0; padding:0px ;}

ul { list-style:none; margin:0; padding:0}
ul li { list-style:none; margin:0; padding:5px 0 0 15px; border:none;  background-image:url(/Style%20Library/Images/list_arrow.gif); background-repeat:no-repeat; background-position:left 1px}

ul li ul{ list-style:none; margin:0; padding:0; font-size:8.5pt}
ul li ul li{ list-style:none; margin:0; padding:2px 0 0 15px; border:none;  background-image:url(/Style%20Library/Images/list_arrow.gif); background-repeat:no-repeat; background-position:left 1px}


.sitemap ul {  margin:0; padding:2px 0; list-style:none  }
/*.sitemap   ul li{  margin:0;  list-style:none; background-image:url(/Style%20Library/Images/list_grey2.gif); background-repeat:no-repeat; background-position:left 5px}*/
.sitemap ul li ul{   margin-left:10px; padding:5px 0 0 15px; list-style:none  }
.sitemap ul li li{  margin-left:10px; padding:5px 0 0 15px;list-style:none;background-image:url(/Style%20Library/Images/list_grey2.gif); background-repeat:no-repeat; background-position:left 5px}

/****************MASKHEAD***************************/
#maskhead{ width:950px; background:#FFFFFF; margin:auto; padding:5px}
#sglinks { padding:5px; width:500px; text-align:right; clear:right; float:right}
#sglinks  a:link, #sglinks a:visited{ color:#333333; text-decoration:none; font-size:10px}
#sglinks a:hover { text-decoration:underline}

#search { padding:10px 5px;clear:right; float:right }

#topDiv {background:url(/Style%20Library/Images/line_tiles.gif) left repeat-x; margin:0; clear:both}
#topNav { float:left; width:960px}
#topNav .nav{ width:870px; color:#333333; font-family:Helvetica, Arial, sans-serif; font-size:10pt; float:left}
#topNav .nav  a:link, #topNav .nav a:visited{ color:#333333; text-decoration:none; padding:0px 8px}
#topNav .nav a:hover { text-decoration:none; color:#FF0099; }/**/
#topNav  .selected { text-decoration:none; color:#FF0099; font-weight:bold;  padding:0px 8px}
#topNav .fontSelect{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#9933CC; float:right; width:80px}
#topNav .fontSelect img{ vertical-align:text-bottom; margin:2px}


/*************HOME**************************/

#sub_banner { margin:5px;}
#sub_banner img{ padding:5px}

#homeBottom { width:730px;}
#index_help { padding: 0; margin:5px 5px 5px 10px; width:230px; height:185px; background:#00CCCC; font-size:8pt; float: left;}
#index_annouce{ padding: 0; width:475px; font-size:8pt; float:right; margin:0}
.border_E5 { border:#E5E5E5 solid 5px; border-top:none; padding:5px 10px}


/****************CONTAINER***************************/
#columLeft { width:730px; float:left; height:auto; }
#columLeftNav {
	width: 130px;
	float: left;
	padding: 10px;
	background: #EEEEEE;
	vertical-align: to;
	font-size: 11px;
	text-transform: capitalize;
	height: 1050px;
}

#WebNav {
	width: 110px;
	font-family: Tahoma, Arial, Helvetica, "Sans Serif";  font-size: 12px;
}
#online a:link {color:#9933CC; text-decoration:none}
#online a:visited {color:#9933CC; text-decoration:none}
#online a:hover {color:#00CCCC; text-decoration:underline}

#classification a:link {color:#9933CC; text-decoration:none}
#classification a:visited {color:#9933CC; text-decoration:none}
#classification a:hover {color:#00CCCC; text-decoration:underline}

#LatestEvents a:link {color:#9933CC; text-decoration:none}
#LatestEvents a:visited {color:#9933CC; text-decoration:none}
#LatestEvents a:hover {color:#00CCCC; text-decoration:underline}

#index_annouce a:link {color:#9933CC; text-decoration:none}
#index_annouce a:visited {color:#9933CC; text-decoration:none}
#index_annouce a:hover {color:#00CCCC; text-decoration:underline}


#WebNav a:link {color:#9933CC; text-decoration:none}
#WebNav a:visited {color:#9933CC; text-decoration:none}
#WebNav a:hover {color:#00CCCC; text-decoration:underline}

#newsletterWrapper  a:link {color:#9933CC; text-decoration:none}
#newsletterWrapper  a:visited {color:#9933CC; text-decoration:none}
#newsletterWrapper  a:hover {color:#00CCCC; text-decoration:underline}

table.ms-navSubMenu1{
	
	width:130px;
}
table.ms-selectednavheader  a{
font-weight:bold;
color:#000000;

				
}
ms-navitem.zz1_QuickLaunchMenu_6{
text-transform:none;
	
}

table.ms-selectednav{
border:1px solid #eeeeee;
 border-top:#eeeeee 1px solid;
}



table.ms-selectednavheader td{
 list-style:none; margin:0; padding:5px 0; border-bottom:#EEEEEE 1px solid; background:none


}



/*.ms-selectednavheader tr{
list-style:none; margin:0; padding:5px 0; border-bottom:#CCCCCC 1px solid; background:none;


}*/

.ms-selectednavheader  a:hover{
font-weight:bold;
color:#000000;

text-decoration:underline;
}


.ms-navheader td{
list-style:none; margin:0; padding:5px 0; border-bottom:#CCCCCC 1px solid; background:none;


}

.ms-navheader a,.ms-navheader2 a{
font-weight:normal;

text-decoration:none;
font-size:11px;
text-transform:capitalize;
color:#9933CC;
}

table.ms-navitem td,span.ms-navitem{
/*background-image:url("/Style%20Library/Images/list_grey.gif");*  control the bullet arrow*/

background-image:url("/Style%20Library/Images/list_grey.gif");
background-repeat:no-repeat;
background-position:left top;
background-color:#EEEEEE;
padding:3px 6px 4px 16px;
font-family:tahoma;

}

/*search core result style*/
.srch-Title{

MARGIN:0px 0px 5px;
font-family: Tahoma, Arial, Helvetica, "Sans Serif"; 
 font-size: 12px; 
 color:#333333
 }
.srch-Title A:link,.srch-Title A:visited{
color:#9933CC; 
text-decoration:none;
font-weight:bold;

}
.srch-Title a:hover{
color:#00CCCC; 
text-decoration:underline;
font-weight:bold;
}


.srch-results A:link,.srch-sort A:visited{
color:#9933CC; 
text-decoration:none;
font-weight:bold;

}

.srch-results a:hover
{
color:#00CCCC; 
text-decoration:underline;
font-weight:bold;

}
.srch-results{

MARGIN:0px 0px 5px;
font-family: Tahoma, Arial, Helvetica, "Sans Serif"; 
 font-size: 12px; 
 color:#333333
 }

.srch-Page A:link,.srch-Page A:visited{
color:#9933CC; 
text-decoration:none;
FONT-WEIGHT:normal;
}
.srch-Page a:hover{
color:#00CCCC; 
}



#columLeftNav h1{ font-weight:900; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:5px 0}
#columLeftNav ul { list-style:none; margin:0; padding:0}
#columLeftNav ul li{ list-style:none; margin:0; padding:5px 0; border-bottom:#CCCCCC 1px solid; background:none}
#columLeftNav ul li ul{ list-style:none; margin:0; padding:0;  font-size:100%}
#columLeftNav ul li ul li{ list-style:none; margin:0; padding:5px 0 0 13px; border:none;  background-image:url(/Style%20Library/Images/list_grey.gif); background-repeat:no-repeat; background-position:left 1px}*/


#LeftNav h1{ font-weight:900; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:5px 0}
#LeftNav ul { list-style:none; margin:0; padding:0}
#LeftNav ul li{ list-style:none; margin:0; padding:5px 0; border-bottom:#CCCCCC 1px solid; background:none}
#LeftNav ul li ul{ list-style:none; margin:0; padding:0;  font-size:100%}
#LeftNav ul li ul li{ list-style:none; margin:0; padding:5px 0 0 13px; border:none;  background-image:url(../images/list_grey.gif); background-repeat:no-repeat; background-position:left 1px}






/*#container {padding:0px; margin:0; background-image:url(/Style%20Library/Images/bg_content.gif); background-repeat:repeat-y; float:left; height:100%}*/

#container_land {padding:0px; margin:0;float:left; height:100%; }

/*#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}*/




#columRight {width:220px; float:right; padding:5px 0px 5px 10px }
#columRight .title{ width:210px; margin-top:10px}
#columRight .boxup{ border:#993399 solid 1px; border-top:none; width:188px; padding:5px 10px}
#columRight select{ width:180px; font-size: 11px; color:#666}


#LatestEvents .body { font-size:11px; padding:0}
#LatestEvents p {margin: 0; padding:2px 0}

/****************CONTENT***************************/
#content {padding:5px; width:560px; margin:0; float:right; background:#FFFFFF}

#header { margin: 0; width:560px}
#header .copy{ width:380px; float:right; padding:20px 20px 0  0; color:#FF0099;}

#landCat {margin:5px; clear:both}
#landCat .thumbmail{ float:left; margin:5px 0; width:130px}
#landCat .copy{ float:right; width:420px;  margin:5px}



#keypoint { margin:5px 0;}



#keypoint .point{ float:left;  margin:0 5px}
#keypoint  .point ul { list-style:none; margin:0; padding:0}
#keypoint  .point ul li{ background-image:url(/Style%20Library/Images/list_blk.gif); background-position:left top ; background-repeat:no-repeat; list-style:none; margin:0; padding:5px 0 0 10px;}
#email_print{   text-align:right; padding:5px; width:240px; float:right; background:none}

#highlight { float:right; width:200px; background:#EEEEEE; border:#FFFFFF 8px solid; border-right:none; font-size:8pt;}
#highlight .top{ background:url(/Style%20Library/Images/pt1_tiles.gif) repeat; height:6px}
#highlight .relateNews {padding:10px; }
#highlight .relateNews ul { list-style:none; margin:0; padding:0}
#highlight .relateNews ul li{ background-image:url(/Style%20Library/Images/list_pink.gif); background-position:left top ; background-repeat:no-repeat; list-style:none; margin:0; padding:5px 0 0 10px;}

#footer { font-size:10px; padding: 5px; margin: 0 ; text-align:right; clear:both; }
#bestView { font-size:7.5pt; color:#999999;padding: 3px; margin: 0 ; text-align:right; clear:both; }


#land_content { width:730px;  background:url(/Style%20Library/Images/land_div.jpg) repeat-y top; display:block}

#land_content_noline { width:730px;  display:block}
#land_content_noline .search{ background:url(/Style%20Library/Images/th_search.gif) no-repeat left; width:730px; height:74px}
#land_content_noline .others{ background:url(/Style%20Library/Images/th_others.gif) no-repeat left; width:730px; height:74px}


#land_content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}


#land_content .film{ background:url(/Style%20Library/Images/th_films.gif) no-repeat left; width:730px; height:74px}
#land_content .media{ background:url(/Style%20Library/Images/th_digital_media.gif) no-repeat left; width:730px; height:93px}
#land_content .music{ background:url(/Style%20Library/Images/th_music.gif) no-repeat left; width:730px; height:74px}
#land_content .publish{ background:url(/Style%20Library/Images/th_publishing.gif) no-repeat left; width:730px; height:93px}
#land_content .radio{ background:url(/Style%20Library/Images/th_radio.gif) no-repeat left; width:730px; height:74px}
#land_content .tele{ background:url(/Style%20Library/Images/th_tv.gif) no-repeat left; width:730px; height:74px}
#land_content .games{ background:url(/Style%20Library/Images/th_games.gif) no-repeat left; width:730px; height:74px}
#land_content .licences{ background:url(/Style%20Library/Images/th_licences.gif) no-repeat left; width:730px; height:74px}
#land_content .myindustry { background:url(/Style%20Library/Images/th_my_industry.gif) no-repeat left; width:730px; height:93px}


#content_list { width:720px; margin:auto; padding-top:30px;
}
#content_list a { color:#9933CC; text-decoration:none}
#content_list a:visited { color:#9933CC; text-decoration:none}
#content_list a:hover { color:#00CCCC; text-decoration:underline}
#content_lis li.noindent { text-indent: 3em; }

#content_list .content_div { width:720px;  background:url(/Style%20Library/Images/land_div.jpg) repeat-y top; display:block}


#list_left {width:340px}
.list_header {border-bottom:#000000 solid 3px; padding:10px 5px 5px 5px; font-weight:bold; text-transform:uppercase; color:#333333; font-family:Helvetica, Arial, sans-serif}

.pad10 {padding:10px}
.pad5 {padding:5px}
.pad2 {padding:2px}

.capitalize {text-transform:capitalize}



/****************GENERALS***************************/

.floatLeft {float:left;}
.floatRight {float:right}
.clear {clear:both}
.back_to_top { font-size:95%; margin:5px;  clear:both; text-align:right}
.back_to_top a{ font-size:95%; background:url(/Style%20Library/Images/arrow_up.gif) no-repeat; background-position: right top; padding:0px 12px; clear:both; text-align:right}
.back_to_top a:hover{ font-size:95%; background:url(/Style%20Library/Images/arrow_up.gif) no-repeat; background-position: right bottom;  clear:both; text-align:right}

.breadcrumbs { margin: 0; background:#FF0099; color:white; padding:5px 10px; font-size:8pt; vertical-align:middle}
.breadcrumbs a:link,.breadcrumbs a:visited{ color:white; text-decoration:underline}
.breadcrumbs a:hover{ color:white; text-decoration:none}

.pagelist { margin: 0; background:#EEEEEE; color:#333; padding:5px; font-size:8pt;; text-align:right}

hr { background-color:#CCCCCC; color:#CCCCCC; height:1px; noshade:noshade; border:0; 	margin:3px 0 3px 0; }
.line_1x1 {background:url(/Style%20Library/Images/line_1x1.gif) left repeat-x; height:10px}

.line1px {background:url(/Style%20Library/Images/line_1px.gif) left repeat-x; height:5px}
.line2px { background:url(/Style%20Library/Images/line_2px.gif) left repeat-x;  height:10px}
.line5px { background:#E5E5E5; height:5px; clear:both}

.checkbox { font-size:8pt;padding:5px 2px 0 0}

.heading {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold}
.heading2 {font-size: 110%; padding: 25px 0 0 0; font-weight:bold}
.heading_blue {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#00CCCC}
.heading_pink {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#FF0099}
.heading_purple {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#9933CC}
.heading_grey {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#666666}
.subheading {font-size: 105%; padding: 10px 0 5px 0; font-weight:bold}
.subheading_blue {font-size: 105%; padding: 10px 0 5px 0; font-weight:bold; color:#00CCCC}
.subheading_pink {font-size: 105%; padding: 10px 0 5px 0; font-weight:bold; color:#FF0099}

.text_white{color:#FFFFFF}
.text_pink{color:#FF0099}
.text_blue{color:#00CCCC}
.text_grey{color:#999999}

.erro_msg { color:#FF0000}



#cotentBody {text-align:justify; margin:5px}
.textJustify { text-align:justify}

#share { border:#CCCCCC solid 1px; padding:5px; font-size:8pt; background:#FFFFFF; width:95%; margin:auto}

.bg_00ccc {background:#00CCCC; padding:2px 5px}
.bg_white {background:#FFF; padding:2px 5px}



.col_100 {width:100px; margin:2px 0; }
.col_120 {width:120px; margin:2px 0;}
.col_130 {width:130px; margin:2px 0}
.col_400 {width:400px; margin:2px 0}
.col_390 {width:390px; margin:2px 0}
.col_420 {width:420px; margin:2px 0}
.col_full {width:99%; margin:2px 0}

.col_270 {width:270px; margin:2px 0}

.col_5 {width:5px; margin:2px 0}
.col_10 {width:10px; margin:2px 0}
.col_20 {width:20px; margin:2px 0}

.col_40 {width:40px; margin:2px 0}
.col_50 {width:50px; margin:2px 0}
.col_60 {width:60px; margin:2px 0}
.col_80 {width:80px; margin:2px 0}
.col_90 {width:80px; margin:2px 0;}

.col_95x {width:95%; margin:2px 0}

.textRight{text-align:right}
.textCenter{text-align:center}
.vertical_mid{vertical-align:middle}

#annoucement { font-size:8pt; }
#annoucement .list_num {width:10%; margin:2px 0}
#annoucement .listCopy {width:90%; margin:2px 0}

.smallFont {font-size:8pt}


/****************Gallery***************************/
#gallery_img { text-align:center; }
#gallery_img img{border:#999999 solid 1px; margin:10px}

#rating{padding:10px}
.ratethis{float:left; padding:2px 5px; background-color:#EEEEEE; margin-right:5px; font-size:10px}
.ratethis a:link,.ratethis a:visited{text-decoration:none}
.ratethis a:hover{text-decoration:none}
.ratethiscopy{ padding:2px 5px; margin:0px; float:left; color:#666666; font-size:10px}



/****************END***************************/
/* CLEAR FIX */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

 main stylesheet ends, CC with new stylesheet below... 

[if IE]>

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
	
/*////////////////BUTTONS//////////*/
/*Search button back ground color*/
td.ms-sbgo{
background-color:#FFFFFF;
padding-left:3px;
padding-right:3px;
padding-bottom:1px;
padding-top:1px;
} 

/*.ms-sbtable-border{
border:1px solid #FFFFFF;
}*/
td.ms-sbcell{
padding:0px;
padding-left:2px;
white-space:nowrap;
border:solid 1px #FFFFFF;
}

 
.bt_arrow {text-align:right; float:right;}
.bt_arrow a:link,.bt_arrow a:visited  { padding: 0 0 0 18px; background:url(/Style%20Library/Images/arrow_link.gif) left top no-repeat ; 
	  font-size:95%;filter:alpha(opacity=100); 	-moz-opacity:1.0; 	opacity: 1.0; border:0}

.bt_arrow a:hover  { filter:alpha(opacity=50);	-moz-opacity:  0.5;	opacity: 0.5;}

.bt_arrow2 a:link,.bt_arrow2 a:visited  { padding: 0 0 0 18px; background:url(/Style%20Library/Images/arrow_link.gif) no-repeat left; 
/*text-align:right; float:right;	*/  font-size:95%;filter:alpha(opacity=100); 	-moz-opacity:1.0; 	opacity: 1.0; border:0}

.bt_arrow2 a:hover  { filter:alpha(opacity=50);	-moz-opacity:  0.5;	opacity: 0.5;}


.bt_link a:link,.bt_link a:visited  {  background:url(/Style%20Library/Images/line_link.gif) top; background-repeat:repeat-x; background-position:top ; font-size:8pt; padding-bottom:2px; filter:alpha(opacity=100); 	-moz-opacity:1.0; 	opacity: 1.0; border:0}
.bt_link a:hover  {background-position:bottom ; filter:alpha(opacity=50);	-moz-opacity:  0.5;	opacity: 0.5; text-decoration:none; }

a.button img {
padding:0;
filter:alpha(opacity=100); 
-moz-opacity:1.0; 
opacity: 1.0; border:0}

a.button:hover img {
filter:alpha(opacity=50);   
-moz-opacity:  0.5;   
opacity: 0.5;
}

.videoEmbed{
	clear:both;
	float:left;	
	position: relative;	
	WIDTH: 520px; 
	HEIGHT: 390px;
	z-index: 1;
}
