/* 
End To End Marketing Limited
Graphic Design: Sujeesh
Programming (HTML, CSS, Javascript, PHP): Chetan Crasta 
*/


@media all and (max-width: 1024px) {
	body .banner #header a strong { font-size: 24px; }
}
@media all and (max-width: 750px) {
/* 768px */
body { font-size: 16px; }
	body .centered { width: 95%; }
	body .banner #header { margin-top: 0.5em; }	 
  body .quick_links li a { font-size: 0.73em; }
  body .banner #header a { font-size: 11px; }
   body .banner #header a strong { font-size: 24px; }
	body > div.centered > section { width: 100%; }
  body aside.sidebar { float: none; clear: left; overflow: hidden; width: auto; }
  body aside.sidebar .quick_links { float: none; }
  body aside.sidebar > * { float: left; }
  body .banner img { margin-top: 1%; }
  body .quick_links > ul { margin-left: 4%; margin-right: 4%; padding-top: 2%; padding-bottom: 2%;}
  
  .advertisement { width: 100%; }
 body .partners { width: 100%; margin-left: 0; margin-top: 0; text-align: center;}
 body .newmenu { width: 100%; margin-left: 0; margin-top: 0; text-align: center;}
}

@media all and (max-width: 638px) {
/* 480px */
	body .centered { width: 97%; }
	body .banner #header, body .banner #header a { font-size: 11px;  font-weight: normal;}
	
	body .banner #header a strong { font-size: 24px; }
	body .banner img { margin-top: 2%; }
		
	body header nav { font-size: 13px; }
	body header nav li { margin-right: 0.03em; padding-left: 0.5em }
	body .newmenu { width: 100%; margin-left: 0; margin-top: 0; text-align: center;}
}


@media all and (max-width: 464px) {
/* 479px */
	body .centered { width: 97%; padding: 2% 0;}
	body .banner #header, body .banner #header a { font-size: 12px;  font-weight: normal;}
	
		body .banner #header a strong { font-size: 14px; /* margin-top: 0.1em; */ }
		body .banner img { margin-top: 4%; }
	body header nav { top: 12%; }
	body .newmenu { width: 100%; margin-left: 0; margin-top: 0; text-align: center;}	
}

h1, h2, h3, h4, h5, p, ul, ol, li, html, body, dl, dt, dd { margin: 0; padding: 0; }

ol { margin-left: 30px; }

ul { list-style-type: none; }

a { text-decoration: none;  }

img { border: none; vertical-align: bottom; }

figure { margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: white; }

main { display: block; }

.centered { width: 90%; margin: 0 auto; overflow: hidden; max-width: 900px; }

.banner {
	background: #2864b7; /* Old browsers */
	//background: -moz-linear-gradient(45deg,  #a1c9f2 0%, #2864b7 100%); /* FF3.6+ */
	//background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#a1c9f2), color-stop(100%,#2864b7)); /* Chrome,Safari4+ */
	//background: -webkit-linear-gradient(45deg,  #a1c9f2 0%,#2864b7 100%); /* Chrome10+,Safari5.1+ */
	//background: -o-linear-gradient(45deg,  #a1c9f2 0%,#2864b7 100%); /* Opera 11.10+ */
	//background: -ms-linear-gradient(45deg,  #a1c9f2 0%,#2864b7 100%); /* IE10+ */
	//background: linear-gradient(45deg,  #a1c9f2 0%,#2864b7 100%); /* W3C */
	//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c9f2', endColorstr='#2864b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
footer { 
	background: #2864b7; /* Old browsers */
}
.banner, footer { 
	color: white; margin-left: 0; margin-right: 0; 
}

.logo { margin-top: 1.33%; margin-bottom: 1.33%;}

.logo img { vertical-align: bottom; }

header .centered { position: relative; }

header nav { position: absolute; text-align: right; right: 0; top: 33%; width: 100%;}

header nav ul { padding-left: 130px; }

header nav li { display: inline; background: url(../assets/png/top_nav_border.png) no-repeat left center; padding-left: 1em; margin-right: 0.625em; line-height: 17px; }

header nav li:first-child { background-image: none; }

header nav a { color: #356ab8; font-family: Arial, Helvetica, sans-serif; font-size: 14px; /* 0.875em */ }

main header { font-weight: bold; font-size: 1em; }

header section { }

.banner { overflow: hidden;}

.banner .centered { min-height: 155px;}

.banner img { float: right; width: 100.00%; /* For IE8 and earlier */}

.banner #header { width: 44.5%; position: absolute; top: 1%; left:1%; min-height: 120px;}

.banner #header a { color: white; font-weight: bold; font-size: 0.8125em;}

.banner #header a strong { font-family: Roboto, sans-serif; font-weight: 300; display: block; font-size: 3.0em; line-height: 95%; margin-bottom: 0.0em; margin-top: 0.3em;}

.banner #header .dates { font-family: Roboto, sans-serif; font-weight: 300; font-size: 0.875em; margin:0;}

#header { position: relative;}

#header div { position: absolute; top: -4.375em; left:0; opacity: 0; z-index:0; background-color: #ce4b2d; min-height: 120px; }

#header div:first-child { opacity:1; /* the first image should be visible before the fader kicks in */ 	z-index:800; /* this is manipulated by the fader */ position:relative; }

/* general styles */

h1 { margin-bottom: 0.5em; }
p { margin-bottom: 1.5%;  }
main ul { list-style-type: disc; margin-left: 3.23%; margin-bottom: 2.42%; list-style-position: outside;}
h2 { margin-bottom: 0.5em; font-size: 1.17em }
.bold { font-weight: bold; }



body > .centered > section { width: 68.89%; float: left;}

main  { color: rgb(80,80,80); margin-top: 6.45%; font-size: 0.81em; line-height: 130% ; }

section > article { color: rgb(80,80,80); margin-top: 1.5em; font-size: 0.81em; line-height: 130% }

main > header { margin-bottom: 20px; }

main > header * , main h1 , h1 { font-weight: normal; font-size: 1.63em; line-height: 110%; color: rgb(80,80,80); }

main > header p { margin-bottom: 0; }

main > header h1 { margin: 0; }

section > h1 { }


main h2 , article h2 { font-size: 1.17em; color: rgb(80,80,80); margin-top: 15px; }



article { margin-top: 1em; margin-bottom: 1.5em; }


.home article h2 { border-bottom: lightgray solid 1px; padding-bottom: 0.3em; margin-bottom: 1.3em; padding-left: 3.5em; padding-top: 0.7em; font-weight: bold; }

article ul time , main ul time , article time{ font-weight: bold; color: #CE4B2D; }

article notice{ font-weight: bold; color: #CE4B2D; text-decoration: underline; font-size: 1.3em;}

span.person { font-weight: bold; color: rgb(206, 74, 49); }

span.author { font-style: italic; color: rgb(206, 74, 49); }

.keynotes article header p , .keynotes article header h3 { color: #CE4B2D; font-weight: normal; font-size: 1.2em; margin-bottom: 2px; }
h3 { font-size: 1em; }

.keynotes article header h3 { font-weight: bold; }

.name_designation {  }

.name_designation p { margin-bottom: 0; }

.upcoming_dates h2 { background: url(../assets/jpg/calendar-icon.jpg) no-repeat left top; }

.hipc_workshops h2 { background: url(../assets/jpg/workshop-icon.jpg) no-repeat left top; }

.recent_conferences h2 { background: url(../assets/jpg/conference-icon.jpg) no-repeat left top; margin-top: 0}

.recent_updates h2 { background: url(../assets/jpg/updates-icon.jpg) no-repeat left top; margin-top: 0; }

.recent_conferences, .recent_updates { width: 47%; float: left; margin-top: 0;}

.recent_updates { float: right; }

.read_more { font-weight: bold; color: darkgray; background: url(../assets/png/read_more_plus_sign.png) no-repeat right center; padding-right: 10px;}

aside.sidebar { float: right; width: 28.78%; margin-top: 3.33%; margin-bottom: 2.22%; }

.sidebar .quick_links { background-color: #ce4b2d; margin-bottom: 2.7%;}

.sidebar .quick_links h2 { background-color: #ce4b2d; color: white; font-size: 16px; padding: 7px 0 7px 25px; margin-bottom: 0; }

.quick_links > ul { margin-left: 8.85%; padding-bottom: 6%; margin-right: 5.77%; padding-top: 5%; color:white; font-weight:bold; font-size:0.9em;}

.quick_links >ul > li { border-top: 1px solid rgb(250, 180, 180); overflow: hidden; padding: 0.5em 0 0.5em 20px ; /* background: url(../assets/png/quick_links_plus_sign.png) no-repeat left center; */ ; position: relative;}


.quick_links >ul > li >ul >li { border-top: 1px solid rgb(250, 180, 180); overflow: hidden;  position: relative;}

.quick_links li:first-child { border-top: none; }

.quick_links li a  { color: white; font-size: 0.81em; word-spacing: -1px; display: block; font-weight: bold;}


.partners { margin-top: 2.69%; background-color: rgb(221,221,221); overflow: hidden; padding: 0 0 3.86% 3.86%; text-align: center;}

.partners ul { text-align: center; }

.partners li { display: inline-block; /* float: left;  width: 33%; */ }

.partners img { max-width: 100%; margin-top: 3.5%; }

.sidebar .advertisement {line-height:200px; height: 200px;text-align:center;display:block;}
.sidebar .advertisement img {vertical-align:middle;}


.blu { color: rgb(88, 117, 147); }


footer { overflow: hidden; padding: 0.9375em 0; position: relative; }

.bottom_nav { float:  left; margin-bottom: 0.313em; width: 74%;}

.bottom_nav li { margin-right: 0.3125em; padding-left: 5px; border-left: 1px solid rgb(215,215,163); line-height: 8px; margin-bottom: 0.3125em;}

.bottom_nav li:first-child { border-left: none; padding-left: 0;  }

.bottom_nav a , .copyright_info { color: white; font-size: 12px; line-height: 15px; /* font-size: 0.6875em; */  }



.bottom_nav li , .social_links li { float: left; }

.social_links { float: right; width: 25.78%;}

.social_links li { /* margin-left: 0.875em; */ text-align: right; margin-right: 5%; /* margin-top: 5%; */ }

.social_links img { }

.copyright_info { clear: left; /* position: absolute; bottom: 0.5em; */ }

/* drop down menus */

/* 
.top_menu { position: relative; z-index: 100; overflow: hidden;}

.top_menu > li {  float: left;   width: 100%;}
    .top_menu > li.first { }
    
.top_menu li a { }

.sub_menu { position: absolute; visibility: hidden; width: 70%; background-color: rgba(227, 77, 53, 0.9 ); left: 0; padding-left: 6.75%; margin-top: -2.25%; }

.sub_menu li { font-weight: normal; }

.top_menu > li:hover > a , .top_menu > li:hover { font-weight: bold; }

.quick_links >ul > li.show_sub { background: url(../assets/png/quick_links_minus_sign.png) no-repeat left center; }

li.show_sub .sub_menu { visibility:visible; }
 */
 
 .top_menu { /* width: 100%; */ }

ul.top_menu li a { display: block;}


ul.top_menu li a:hover { }

ul.top_menu ul { display: none; padding: 5px 0 0 7px;}

ul.top_menu ul li { padding: 0; clear: both; margin-bottom: 6px;}

ul.top_menu ul li a { }

ul.top_menu ul li a:hover { }

ul.top_menu ul ul li a { }


ul.top_menu ul ul li a:hover { }

ul.top_menu span { float:right; width: 20px; /*background: url(../assets/png/quick_links_plus_sign.png) no-repeat left center;*/ position: absolute; left: 0; top: 0; margin-top: 6px; cursor: pointer; }

ul.top_menu span.open { /* background-image: url(../assets/png/quick_links_minus_sign.png); */ }

/* --- */

ul.grid { list-style-type: none; width: 100%; margin:auto; height:100%;display:inline-block;}

ul.grid li { }

ul.grid li.img{ line-height: 180px; width: 50%;  float: left; vertical-align:middle; display:inline-block; text-align:center;}

ul.grid li.text {list-style-type: circle; width: 100%; margin-bottom: 2%; min-height: 0px;}

ul.grid li img {vertical-align:middle; }

.archive_menu { margin-bottom: 20px; list-style-type: none; overflow: hidden; margin-left: 0; }
.archive_menu li { float: left; width: 63px;  border-right: 1px solid dimgray; margin-right: 10px; padding-right: 10px; line-height: 100%; margin-bottom: 7px; }
.archive_menu li a { color:rgb(88, 117, 147); text-decoration: none; font-size: 15px; }

/* hiding sections */

.collapsing main article p,
.collapsing main article ul,
.collapsing main article li,
.collapsing main article ol,
.collapsing main article h3,
.collapsing main article h4,
.collapsing main article h5,
.collapsing main article h6,
.collapsing main article div { display: none; }
.collapsing main article h2 { display: block; background: url(../assets/png/body_plus_sign.png) no-repeat left 40%; padding-left: 17px;}

main article.uncollapse p,
main article.uncollapse ul,
main article.uncollapse ol,
main article.uncollapse h3,
main article.uncollapse h4,
main article.uncollapse h5,
main article.uncollapse h6,
main article.uncollapse div  { display: block; }
.collapsing main article.uncollapse h2 { background-image: url(../assets/png/body_minus_sign.png);}


main article.uncollapse li { display: list-item; }


/* for tables */

table { border-collapse: collapse; margin-bottom: 0.8 em; }

td,th { font-size: 14px; border: 1px solid #ce4b2d; text-align: left; padding: 6px; }

td { color: #000; }

th { background-color: #ce4b2d; color: #FFF; border: 1px solid #ce4b2d;}

td.noborder,th.noborder {border:0px}

/* adding styles by Animesh */
h3, h2 {display: block; clear: both}
h3 {color: #0d86b9;}

main p {text-align: justify}

ul#css3menu1,ul#css3menu1 ul{
	width:100%;margin:0;list-style:none;padding:0;background-color:#ce4b2d;border-color:#ffffff;}
	
	
ul#css3menu1 ul{
	display:none;position:absolute;top:0;right:100%;-moz-box-shadow:-3.5px 3.5px 5px #000000;-webkit-box-shadow:-3.5px 3.5px 5px #000000;box-shadow:-3.5px 3.5px 5px #000000;padding:0 3px 3px;background-color:#ce4b2d;border-color:#ffffff;}

@media all and (max-width: 750px) {
	ul#css3menu1 ul{
		right:-15%;
		top:50%;
	}
	ul#css3menu1 ul{
		border-color:#ffffff;border-width:1x 1px 1px 1px;border-style:solid
	}
}


ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{width:100%;
	position:absolute;right:100%;top:0;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:block;float:left;padding:0 3px 3px;}
ul#css3menu1>li{
	margin:3px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	text-width:100%;display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Trebuchet MS;color:#FFF;cursor:pointer;padding:10px;background-color:#ce4b2d;background-image:none;background-repeat:repeat;border-width:1px 0 0 0;border-style:solid;border-color:#424542;text-wrap:normal}
ul#css3menu1 ul li{
	float:none;margin:3px 0 0;}
ul#css3menu1 ul a{
	text-align:left;color:#FFF;text-decoration:none;text-wrap:normal;background-color:rgb(206, 74, 49);}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#ffa202;border-color:#424542;border-style:solid;color:#FFF;background-image:url("mainbk.png");text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-image:url("arrowsub.png");background-position:left center;background-repeat:no-repeat;padding-left:14px;}
ul#css3menu1 ul span{
	background-image:url("arrowsub.png");padding-left:14px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	color:#FFF;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-width:0;}
ul#css3menu1 li.subfirst>a{
	border-width:0;}