html, body {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:175%;
}
.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
a { color:#3E6D77; text-decoration:none; border-bottom:1px dotted #ABD9E2;}
a:hover { border-bottom-style:solid; }
p {text-align:justify;}

.top-contact { font-size:11px; color: #666; text-align:right; line-height:36px; height:36px;}

.kiit-logo {text-align:center;}
.kiit-logo img { display:block; margin:0 auto; }
.kiit-logo p { margin: 0; padding:5px 0 0; color:#009F3D; font-weight:bold; text-align:center; line-height:8px; }
.kiit-logo span { font-size:8px; text-align:center;}

.sir-sec {text-align:center;}
.sir-sec img { display:block; margin:0 auto; }
.sir-sec p { margin: 0; padding:5px 0 0; color:#009F3D; text-align:center; line-height:8px; }
.sir-sec span { font-size:10px}

.main-logo { padding-left:20px; padding-bottom:10px;}
.main-logo h1 { color:#716A40; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 10px;}
.main-logo p { margin: 0; padding:0; color:#FF5C33; font-family: 'Nothing You Could Do', cursive; font-size:16px; }


.menu {
	background: #6ABBCC;
	border-radius: 5px;
	padding: 3px;
	display: block;
	color:#222;
	text-decoration: none;
	border:1px solid #46AAC5;
	
	text-align:center;
	margin:0 auto;
	font-weight:normal;
	font-size:16px;

	box-shadow: 0px 2px 1px #75C6D8 inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
	-webkit-transition:box-shadow 0.5s;
	z-index:100;
}
.menu a, .menu span { text-decoration:none; color:#FFF; display:block; padding:3px 22px; border-bottom:0; }

.menu ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu ul li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 3px;
}
.menu ul li:hover {
  background: #59B3CB;
  color: #fff;
}
.menu ul li ul {
	font-size:13px;
  padding: 0;
  position: absolute;
  top: 28px;
  left: 0;
  width: 180px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:120;
}
.menu ul li ul li { 
  background: #59B3CB; 
  display: block; 
  color: #fff;
}
.menu ul li ul li:hover { background: #46AAC5; }
.menu ul ul ul {
	top:0;
	left:180px;
}
.menu ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.nobels { height:300px; overflow:hidden; position:relative;}
.nobels p { text-align:center; margin:0; font-size:11px; line-height: 16px;}
.nobel-item .slick-slide {width:250px !important;}
.nobels .frame { position: absolute; top:0; left:0; z-index:500;}


.main-slider { width:490px; height:294px; overflow:hidden;; padding:4px; border:1px solid #CCC; box-shadow: 0 1px 3px #CCC; border-radius: 3px; }
.main-slider .slick-prev { left: 2px; top: auto; bottom: 2px; }
.main-slider .slick-next { left: auto; bottom: 2px; right:2px; }
.main-slider .slick-prev, .main-slider .slick-next {z-index:100;opacity:0;
-webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */
    transition: all .3s;
}
.main-slider:hover .slick-prev, .main-slider:hover .slick-next {opacity:1;}
.main-slider .slick-dots { top:auto; bottom:0; margin:0; padding-top:4px;
-webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */
    transition: all .3s;
}
.main-slider:hover .slick-dots { background-color:rgba( 255, 255, 255, .6);}
.main-slider .slick-dots li { display: inline-block;}

/* pager */
.cycle-pager { 
    text-align: right; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
}
.cycle-pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

.recent-event  { padding-left: 16px;}
.recent-event em  { color:#993300; }
.recent-event p { border: 1px solid #dddddd; padding:4px; text-align:left; line-height: 20px;}
.recent-event p.img { position:relative; padding-left:70px;}
.recent-event p.img img { position: absolute; left:5px; top:5px; }

.index-highlight {
	/*background: #CFE9EF;*/
	border-radius: 5px;
	padding: 3px;
	display: block;
	color:#000;
	text-decoration: none;
	/*border:1px solid #79dbff;*/
	font-family:Georgia, "Times New Roman", Times, serif;

	
	text-align:center;
	margin:10px auto 0;
	padding: 0 5px;
	font-weight:normal;
	font-size:15px;
	letter-spacing: 1px;

	/*box-shadow: 0px 2px 1px #afd6d6 inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);*/
	-webkit-transition:box-shadow 0.5s;
	z-index:100;
}
.divider { padding:8px 0; margin:0 0 16px; border-bottom: 1px dashed #FF5C33; height:0; }
.main-body {padding:0 2px;}
.main-body ul li {padding-bottom:5px;}

.text-left, .text-left p { text-align:left; }
.text-right, .text-right p { text-align:right; }


.lower-boxes { padding: 9px; padding-bottom: 11px; background:url(../images/simple-box.jpg) 0 0 no-repeat; text-align:center; color:#376092; display:inline-block; height: 49px; width: 94px; margin:0; vertical-align:middle; }
p.lower-boxes { font-size:12px; line-height: 16px; font-weight:bold;}
h2.lower-boxes { font-size:16px; padding-top:12px; height:46px; color:#376092; line-height:46px;}
h3.lower-boxes { font-size:14px; padding-top:12px; height:46px; color:#376092;}
.lower-boxes span {font-family: 'Nothing You Could Do', cursive;}

.bottom-menu {
	background: #fffedf; /* Old browsers */
	background: -moz-linear-gradient(left, #fffedf 0%, #e1d2ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fffedf), color-stop(100%,#e1d2ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #fffedf 0%,#e1d2ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #fffedf 0%,#e1d2ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #fffedf 0%,#e1d2ae 100%); /* IE10+ */
	background: linear-gradient(to right, #fffedf 0%,#e1d2ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffedf', endColorstr='#e1d2ae',GradientType=1 ); /* IE6-9 */
	border: 1px solid #9B5F2E;
	border-radius: 4px;
	box-shadow: 0 1px 4px #999;
	text-align:center;
	padding: 3px;
}
.bottom-menu a {
	text-decoration:none; display: inline-block; padding: 0 8px; color:#990033; border-bottom:0;
}
.bottom-menu a:hover { font-weight:bold;}

table.datagrid { border-collapse: collapse; text-align: left; }
table.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #6ABBCC; }
table.datagrid td, table.datagrid th { padding: 5px 10px; }
table.datagrid th {background-color:#6ABBCC; color:#ffffff; font-weight: bold; border-left: 0px solid #0070A8; }
table.datagrid th:first-child { border: none; }
table.datagrid td { color: #00496B; border-left: 1px solid #E1EEF4; border-top: 1px solid #E1EEF4; font-size: 12px;font-weight: normal; }
table.datagrid .alt td { background: #E1EEF4; color: #00496B; }
table.datagrid td:first-child { border-left: none; }
table.datagrid tr:last-child td { border-bottom: none; }

table.bodered { border: 1px solid #e1eef4; border-width: 1px 1px 0 0; }
table.bodered td, table.bodered th { border: 1px solid #e1eef4; padding:5px; border-width: 0 0 1px 1px; }
table.bodered tr:nth-child(even) td { background-color: #F4FAFB;}
table.bodered tr th { background-color:#E0F1F4; text-align:left; }
table.bodered sup { position:relative; top:-3px;}

table.faculty-table th { background-color: #DDD9C3; padding:10px; text-align:left; font-weight:400; border-radius:5px 0 0 5px; }
table.faculty-table th h2 { font-weight:400; line-height:180%; font-size:110%;}
table.faculty-table th h2 strong {font-size:120%;}
table.faculty-table img { border-radius:0 5px 5px 0;}
table.faculty-table p em { font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}
ol.justify li, ul.justify li { text-align:justify;}


@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('fonts/MonoSocialIconsFont-1.10.eot');
    src: url('fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
a { border-bottom:0;}
a.symbol:before {
    content: attr(title);
    font-size: 150%;
}

a.symbol {
    border-radius: 50%;
    box-shadow: 0 1px 2px #666;
    color: #aaa;
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    margin-right: 12px;
    text-decoration: none;
}

.bottom-table { margin-top:10px;}
.bottom-table ul { margin:0;}
.social-connect { padding: 5px; font-size:28px }
.bottom-contact { text-align:right; font-size:13px; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

.lower-buttons a { display:inline-block; width: 110px; min-height: 40px; vertical-align:top; }
.lower-buttons a span {font-style: italic/*font-family: 'Nothing You Could Do', cursive;*/}

.button{
	font:15px Calibri, Arial, sans-serif;

	/* A semi-transparent text shadow */
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	
	/* Overriding the default underline styling of the links */
	text-decoration:none !important;
	
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	padding:5px;
	min-width:120px;
	
	background-repeat:no-repeat;

	/* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */

	background-position:bottom left;
	background-image:url('button_bg.png');
	
	/* Multiple backgrounds version. The background images
	   are defined individually in color classes */
	
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	
	/* Applying a default border raidus of 8px */
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	
	/* A 1px highlight inside of the button */
	
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	
	
}

.button:hover{
	
	/* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/
	
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
	
	/* Animating the background positions with CSS3 */
	/* Currently works only in Safari/Chrome */
	
	-webkit-transition:background-position 15s;
	-moz-transition:background-position 15s;
	transition:background-position 15s;
}

.button:active{
	/* Moving the button 1px to the bottom when clicked */
	bottom:-1px;
}

/* The three buttons sizes */

.button.big		{ font-size:30px;}
.button.medium	{ font-size:18px; line-height:40px;}
.button.small	{ font-size:13px;}

/* A more rounded button */

.button.rounded{
	-moz-border-radius:4em;
	-webkit-border-radius:4em;
	border-radius:4em;
}


/* Defining four button colors */

/* PurpleButton */

.purple.button{
	color:#41159A !important;
	
	border:1px solid #B5A6D4 !important;
	
	/* A fallback background color */
	background-color: #A178F5;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(168, 128, 249,1) 0,rgba(152, 109, 240,0) 100px),
						-moz-linear-gradient(#A880F9, #986DF0);

	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(168, 128, 249,1)), to(rgba(152, 109, 240,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#A880F9), to(#986DF0));
}

.purple.button:hover{
	background-color:#B796FE;
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(183, 150, 254,1) 0,rgba(174, 137, 249,0) 100px),
						-moz-linear-gradient(#B796FE, #AE89F9);
						
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(183, 150, 254,1)), to(rgba(174, 137, 249,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#B796FE), to(#AE89F9));
}

/* BlueButton 2 */

.blue2.button{
	color:#000 !important;
	font-weight: bold;
	border:1px solid #84ACB2 !important;
	
	/* A fallback background color */
	background-color: #48B5CE;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(79, 187, 201,1) 0,rgba(63, 174, 199,0) 100px),
						-moz-linear-gradient(#4FBBC9, #3FAEC7);

	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(79, 187, 201,1)), to(rgba(63, 174, 199,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4FBBC9), to(#3FAEC7));
}

.blue2.button:hover{
	background-color:#63C7D0;
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(199, 199, 221,1) 0,rgba(88, 190, 212,0) 100px),
						-moz-linear-gradient(#63C7DD, #58BED4);
						
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(99, 199, 221,1)), to(rgba(88, 190, 212,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63C7DD), to(#58BED4));
}

/* BlueButton */

.blue.button{
	color:#0f4b6d !important;
	
	border:1px solid #84acc3 !important;
	
	/* A fallback background color */
	background-color: #48b5f2;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);

	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
	background-color:#63c7fe;
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
						-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

/* Green Button */

.green.button{
	color:#345903 !important;
	border:1px solid #96a37b !important;	
	background-color: #79be1e;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}

.green.button:hover{
	background-color:#89d228;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}

/* Orange Button */

.orange.button{
	color:#693e0a !important;
	border:1px solid #bea280 !important;	
	background-color: #e38d27;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}

.orange.button:hover{
	background-color:#ec9732;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}

.gray.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.gray.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}
.cool_btn_center { text-align:center;}
.cool_btn_holder { text-align:center; display:inline-block; }

.cool_btn1 {
  width: 150px;
  height: 120px;
  margin: 0 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /*border: 5px solid #e7e7e7;*/
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888888), color-stop(100%, #666666));
  background-image: -webkit-linear-gradient(#888888, #666666);
  background-image: -moz-linear-gradient(#888888, #666666);
  background-image: -o-linear-gradient(#888888, #666666);
  background-image: linear-gradient(#888888, #666666);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3);
  display: table;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  text-shadow: 0 1px 0 white, 0 -1px 0 rgba(0, 0, 0, 0.5);
}

.cool_btn1 a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color:#FFFFFF;
}


/* -------------------
Transitions
-------------------- */
.cool_btn1 {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  cursor: pointer;
}

/* -------------------
Colors
-------------------- */
.cool_btn1.blue {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #577fbd), color-stop(100%, #274281));
  background-image: -webkit-linear-gradient(#577fbd, #274281);
  background-image: -moz-linear-gradient(#577fbd, #274281);
  background-image: -o-linear-gradient(#577fbd, #274281);
  background-image: linear-gradient(#577fbd, #274281);
}

.cool_btn1.teal {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #11b8fe), color-stop(100%, #0187b8));
  background-image: -webkit-linear-gradient(#11b8fe, #0187b8);
  background-image: -moz-linear-gradient(#11b8fe, #0187b8);
  background-image: -o-linear-gradient(#11b8fe, #0187b8);
  background-image: linear-gradient(#11b8fe, #0187b8);
}

.cool_btn1.orange {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f49e23), color-stop(100%, #e27619));
  background-image: -webkit-linear-gradient(#f49e23, #e27619);
  background-image: -moz-linear-gradient(#f49e23, #e27619);
  background-image: -o-linear-gradient(#f49e23, #e27619);
  background-image: linear-gradient(#f49e23, #e27619);
}

.cool_btn1.green {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2fd51d), color-stop(100%, #00a01e));
  background-image: -webkit-linear-gradient(#2fd51d, #00a01e);
  background-image: -moz-linear-gradient(#2fd51d, #00a01e);
  background-image: -o-linear-gradient(#2fd51d, #00a01e);
  background-image: linear-gradient(#2fd51d, #00a01e);
}

.cool_btn1.red {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F8222C), color-stop(100%, #C80D00));
  background-image: -webkit-linear-gradient(#F8222C, #C80D00);
  background-image: -moz-linear-gradient(#F8222C, #C80D00);
  background-image: -o-linear-gradient(#F8222C, #C80D00);
  background-image: linear-gradient(#F8222C, #C80D00);
}

.cool_btn1.purple {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #891DD2), color-stop(100%, #8000A0));
  background-image: -webkit-linear-gradient(#891DD2, #8000A0);
  background-image: -moz-linear-gradient(#891DD2, #8000A0);
  background-image: -o-linear-gradient(#891DD2, #8000A0);
  background-image: linear-gradient(#891DD2, #8000A0);
}
/* -------------------
Hover States
-------------------- */
.cool_btn1:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(167, 167, 167, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(167, 167, 167, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(167, 167, 167, 0.8);
}

.cool_btn1.orange:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
}

.cool_btn1.teal:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
}

.cool_btn1.blue:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
}

.cool_btn1.green:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
}

.cool_btn1.red:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(251, 16, 0, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(251, 16, 0, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(251, 16, 0, 0.8);
}
.cool_btn1.purple:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(205, 7, 255, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(205, 7, 255, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(205, 7, 255, 0.8);
}

.faculty-groups h1 { color: #E46C0A; font-size:250%; margin-bottom:40px;}
.faculty-groups p, .faculty-groups a { color: #31859C; letter-spacing:3px; font-style:italic; font-size:14px;}
.faculty-groups p strong { font-size:150%; font-weight:normal; letter-spacing:0px; font-style:normal;}

.faculties strong { font-family:Georgia, "Times New Roman", Times, serif;}
.faculties { font-size:14px; line-height:22px;}
.faculties em { letter-spacing: 2px; font-size:12px;}

.inner-slider { padding:4px; background-color:#FFFFFF; box-shadow: 0 0 3px #999; margin-left:20px; }
.float-left { float:left;}
.float-right { float:right;}

.heldane-speaker {
	float:right; margin-left:24px; text-align:center; border:1px solid #EEEEEE;
}
.heldane-speaker h3 {
	margin:0;
	padding:5px;
	background-color:#6ABBCC;
}
ul.tabs { list-style:none; margin:0; padding:0; text-align:center}
ul.tabs li { display:inline-block;}
ul.tabs li a { font-weight:bold; color:#000000; text-align:center;}

.group_bb {
	position:relative;
	text-align:center;
	width:770px;
	margin:0 auto;
}
.group_cat {
	position:absolute;
	height:118px;
	width:118px;
	border-radius: 50%;
}
.group_cat a {display:block; font-weight:bold;}
.group_cat span { display:block;}
.group_cat {
	top:98px;
	left:48px;
	background-color:#EEEEEE;
}
.group_cat.orange{
	top:258px;
	left:48px;
	background-color:#FFF1BD;
}
.group_cat.teal{
	top:335px;
	left:617px;
	background-color:#00FFCC;
}
.group_cat.blue{
	top:17px;
	left:617px;
	background-color:#B8D4F8;
}
.group_cat.green{
	top:335px;
	left:204px;
	background-color:#BBF8B8;
}
.group_cat.red{
	top:19px;
	left:204px;
	background-color:#FFBDBF;
}
.group_cat.purple{
	top:178px;
	left:544px;
	background-color:#E0B8F8;
}
.group_cat:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(167, 167, 167, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(167, 167, 167, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(167, 167, 167, 0.8);
}

.group_cat.orange:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
}

.group_cat.teal:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
}

.group_cat.blue:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
}

.group_cat.green:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
}

.group_cat.red:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(251, 16, 0, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(251, 16, 0, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(251, 16, 0, 0.8);
}
.group_cat.purple:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(205, 7, 255, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(205, 7, 255, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(205, 7, 255, 0.8);
}

.simple_ul {
	width: 576px;
	/*max-height: 350px; */
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
	margin:0;
	padding:0;
}