@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../images/BG.jpg);
	/*font-family:"Arial-BoldMT";*/
	
}
#mainContainer{
	margin:auto;
	width:902px;
	overflow: hidden;
}
.mainContainerClass{
	width:900px;
	margin:auto;
	min-height:550px;
	margin-top:28px;
}
.headerSection{
	width:100%;
	position: relative;
}
.headerText{
	margin: 20px 0px 20px 0px;
	height: 100px;
	color: #000000;
}
.titleYear{
	margin:0;
	font-weight:bold;
	font-size:18px;
}
.titleName{
	margin:0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:24px;
}
.titleDes{
	margin:0;
	font-weight:bold;
	font-size:18px;
}
.empty{
	height:25px;
}
.contentSection{
	height:453px;
	width: 930px;
}
.contentSection a{
	float:left;
	height:151px;
	text-decoration:none;
	display:table;
	text-transform:uppercase;
	color: white;
	font-size: 14px;
	/*font-weight: bold;*/
}
.contentSection a{
	webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}
.twitterLink img:hover{
	webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.footerSection{
	font-size: 12px;
	height: 60px;
	display: table;
	width: 900px;
	margin:auto;
}
.footerSection p{
	/*display:table-cell;*/
	vertical-align:bottom;
	font-weight:800;
}
.footerSection p > span{
	position: relative;
	top: 4px;
	/*left: -8px;*/
	font-family: "Arial-BoldMT";
	font-size: 12px;
	float:right;
}

.footerright
{
	position: relative;
	top: 4px;
	left: -8px;
	font-family: "Arial-BoldMT";
	font-size: 12px;
	float:right;
	
}

.twitterLink {
	float:right;
	cursor:pointer;
}
.twitterLink span{
	margin-left:-4px;
}
.twitterLink:hover{
	/*background-color:#54acee !important;*/
}
.twitterLink{
	width: 40px;
	height: 40px;
	border-radius: 25px;
	/*background-color: #000000;
	margin-top: -12px;*/
}

/*level one*/
#birthdayToday{
	width:300px;
	height:151px;
}
#holidays{
	width:300px;
	height:151px;
}
#spotlight{
	width:150px;
	height:151px;
}
#dayCounter{
	width:300px;
	height:151px;
}
#newupdated{
	width:150px;
	height:151px;
}

/*level two*/
#todayEvents{
	width:300px;
	height:151px;
}
#glossary{
	width:150px;
	height:151px;
}
#follow{
	width:150px;
	height:151px;
}
#upcoming{
	width:150px;
	height:151px;
}
#search{
	width:150px;
	height:151px;
}
#about{
	width:150px;
	height:151px;
}
/*level three*/
#monthCalender{
	width:300px;
	height:152px;
}
#awards{
	width:150px;
	height:152px;
}
#aroundWorld{
	width:450px;
	height:152px;
}

/*BG for menus*/
.hoverbg{
	background-color:#b1463f !important;
}


.birthdayTodayBg{
	background-color:#6dbba1;
}
.holidaysBg{
	background-color:#ef4b42;
}
.spotlightBg{
	background-color:#e2be2a;
}
.dayCounterBg{
	background-color:#462445;
}
.newupdatedBg{
	background-color:#008ba0;
}
.todayEventsBg{
	background-color:#802755;
}
.glossaryBg{
	background-color:#462445;
}
.followBg{
	background-color:#55abed;
}
.upcomingBg{
	background-color:#f57e20;
}
.searchBg{
	background-color:#33484d;
}
.monthCalenderBg{
	background-color:#e2be2a;
}
.awardsBg{
	background-color:#70bca2;
}
.aroundWorldBg{
	background-color:#018a9d;
}
.aboutBg{
	background-color:#55acef;
}
/*sub menu*/
.subHeader{
	width:auto;
	height:70px;
}

.submenu{
	width:90px;
	height:70px;
	float:left;
}

.submenu{
	position:relative;
}

.menuArrow{
	position: absolute;
	top: 100px;
	right: 35px;
}

.MenuCaption{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family:"Arial-BoldMT";
}
.MenuCaption p{
	margin:0;
	
}
.nameSort{
	cursor:pointer;
}
.home{
	background-color:#FF8E00;
	width:100%;
	height:30px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}
.home a{
	text-decoration:none;
	color:#fff;
}

/*@media screen and (max-width:670px){
	.levelOne a{
		float:left;
		width:33%;
		margin:0;
	}
	.levelTwo a{
		float:left;
		width:33%;
		margin:0;
	}
	.levelThree a{
		float:left;
		width:33%;
		margin:0;
	}
}

@media screen and (max-width:430px){
	.levelOne a{
		float:none;
		width:100%;
		margin:0;
	}
	.levelTwo a{
		float:none;
		width:100%;
		margin:0;
	}
	.levelThree a{
		float:none;
		width:100%;
		margin:0;
	}
}
*/
@media print
{
	/*body{
		overflow:hidden !important;
	}
	.expandCon,.subHeader,.contentHeader,.contentBoxHeader,.printInd,#printer,.twitterLink,.footerSection,#backtoTop { 
		display:none !important;
	}
	.gradiant{
		box-shadow: none !important;
		border-bottom: none;
	}
	.selected { 
		visibility:visible !important;
		min-height:500px !important;
		overflow:hidden !important;
	}
	.slectedOne{
		position:absolute;
		top:50px;
	}
	.mainContainerClass,.footerSection{
		display:none;
	}
	.printDiv{
		display:block;
	}*/
	.gradiant{
		box-shadow: none !important;
		border-bottom: none;
		
	}
	.twitterLink,.help{
		display:none;
	}
}
.printInd{
	float: right;
	cursor:pointer;
	width:16px;
	height:16px;
	margin-top: -11px;
	/*position: relative;
	top: -50px;
	*/
}
#backtoTop{
	color: #fff;
	width: 50px;
	height:50px;
	border-radius:27px;
	position: fixed;
	font-size: 11px;
	right:150px;
	bottom: 75px;
	cursor: pointer;
	text-align: center;
	z-index: 10;
	background-color:rgba(108,35,37,1.00);
	display:none;
}
#backtoTop:hover{
	/*background-color:rgba(0,0,0,1.00) !important;*/
}
.scrollTopText{
	position: relative;
	top: -21px;
}
#printer{
	/* color: #fff; */
	width: 40px;
	height: 40px;
	/* border-radius: 27px; */
	position: absolute;
	/* font-size: 11px; */
	right: 30px;
	top: 193px;
	cursor: pointer;
	text-align: center;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	/*background-image: url(../images/print_oval-01.png);*/
}
#printer img{
	margin: 2px 0px 0px 5px;
}

/* hide conted slide*/
.hideBox {
	display: none;
	border: none;
	margin: 0px;
	padding: 2px;
	cursor:pointer;
}
.expandCon {
	cursor: pointer;
}
a img{
	border:none !important;
}
.counterNo{
	font-size: 45px;
	line-height:2.5;
}
.remainText{
	font-size:11px;
}
.sortArrow{
	margin-left: 20px;
}
.leftLogo{
	float:left;
	margin-top:2px;
}
img.titleImg {
	/*margin-left: 130px;*/
	display: block;
   position: absolute;
    margin: auto;
    left: 0; 
    right: 0;
    top: 0;
    bottom: 0; 
}
span.smallText {
	font-size: 10px;
}
@font-face {
    font-family: 'Arial-BoldMT';
     src: url('fonts/Arial-BoldMT.eot') format('eot'),
         url('fonts/Arial-BoldMT.woff') format('woff'),
         url('fonts/Arial-BoldMT.ttf') format('truetype'),
		 url('fonts/Arial-BoldMT.otf') format('opentype'),
         url('fonts/Arial-BoldMT.svg') format('svg');

 }

@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/GillSansMT.eot') format('eot'),
         url('fonts/GillSansMT.woff') format('woff'),
         url('fonts/GillSansMT.ttf') format('truetype'),
		 url('fonts/GillSansMT.otf') format('opentype'),
         url('fonts/GillSansMT.svg') format('svg');
 }
 .help img {
	margin-top: 10px;
 }
 .help {
	width: 40px;
	height: 40px;
	border-radius: 25px;
	float: right;
	cursor: pointer;
	background-color: #72bca1;
}
.staticContainer{
	padding:10px 20px 20px 20px;
}
.printDiv{
	font-family: 'GillSansMT';
	font-size:14px;
	font-weight:normal;
}
.help:hover{
	background-color:rgba(0,0,0,1.00) !important;
}