@charset "UTF-8";
/* CSS FOR UMC HOME PAGE */

/*Power on Titillium!*/
@font-face
    {
	font-family: Titillium;
	src: url('titillium.otf');
    }

@font-face
    {
	font-family: Titillium;
	font-weight: bold;
	src: url('titillium.otf');
    }




/****************************************************************** // Feature **********************************/

#feature {
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #626262;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5B5B5;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #747474;
}

#wrapper { width: 980px; /* important to be same as image width */
    height: 298px; /* important to be same as image height */
	
	margin:0 auto; }
	
	
#slider1 {
    width: 1050px; /* important to be same as image width */
    height: 298px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 990px; /* important to be same as image width or wider */
    height:295px;
    position: absolute;
	top: 0;
	margin-left: -75px;
	margin-top:-3px;
	float:left;
	
}
.slider1Image {
    
    position: relative;
	display: none;
}

.slider2Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 50px Titillium, Arial, Helvetica, sans-serif;
	line-height:90%;
    padding: 50px 83px;
    width: 970px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider2Image span {
    position: absolute;
	font: 45px Titillium, Arial, Helvetica, sans-serif;
	line-height:120%;
    padding: 150px 83px;
    width: 970px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 20px;line-height:120%;
    
}

.slider2Image span strong {
    font-size: 44px;
    
}
.left {
	top: 0;
    left: 0;
	width: 290px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	top:50;
	width: 250px !important;
	height: 198px;
	padding-top:80px;
}
ul { list-style-type: none;}	






h1 { 	margin: 40px 0px;
	border-left-width:10px;
	border-left-color:white;
	border-left-style:solid;
	font-family:Titillium, Tahoma, Arial, sans-serif;
	}
p { margin: 0px 0px 20px 0px;
	font-family:Titillium, Tahoma, Arial, sans-serif;}


#featureHolder {
	position:relative;
	width:1000px;
	background:#626262;
	margin:0;
	margin: auto;
	height: 285px;
	
}

#feature2 {
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5B5B5;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #747474;
}
#featureHolder2 {
	position:relative;
	width:1000px;
	background:#fff;
	margin:0;
	margin: auto;
	height: 330px;
	
}




/* SLICK MENU */
#slickmenu { margin-top:10px; height:285px; /* Need to define the height to control the HTML flow */ }
#slickmenu ul { list-style:none; }
#slickmenu ul li { display:block; position:absolute; margin-bottom:-40px; }
#slickmenu ul li a { text-decoration:none; }
#slickmenu ul li a img { border: 3px solid #EEE; }

.infobox { display:none; background-color:#111111; position:absolute; text-decoration: none !important;
	background-color:#eeeeee; padding:3px; width:163px; font-size:22px; border-style:none; border:1px solid #eee;
	font-family:Titillium, Tahoma, Arial, sans-serif;}
.infobox-arrow { display:none; width:40px; height:10px; margin-left:65px; position:absolute;
	background-image:url('../images/arrow.png'); background-position:center; background-repeat:no-repeat; }

#feature #slider { /*important*/
	width: 1000px;
	margin: auto;
	position: absolute;
}

/**************************************************************************** // slider*/

#sliderHolder {
	position: absolute;
	overflow: hidden;
}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
    text-indent:-8000px;
}			
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li { 
	width:1000px;
	height:285px;
	overflow:hidden;
	
}	
#prevBtn, #nextBtn, #slider1next, #slider1prev { 
	display:block;
	width:46px;
	height:54px;
	position:absolute;
	left:-43px;
	top:115px;
	z-index:1000;
}	
#nextBtn, #slider1next { 
	left:1000px;
}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { 
	display:block;
	position:relative;
	width:60px;
	height:62px;
	background:url(../images/prevBtn.png) no-repeat 0 0;
	
}	
#nextBtn a, #slider1next a { 
	background:url(../images/nextBtn.png) no-repeat 0 0;	
}
.bBorder {
	border-bottom-width: 1px;
	padding-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
}

/************************************************************************ // Left Column */

#leftColHome {
	width: 690px;
	margin-top: 5px;
	position: relative;
	float:left;
	border: 2px solid #DADADA;
}

#leftColHome img {
	border: 2px solid #E8E8E8;
	margin-top:7px;
	margin-right: 0px;
}
#leftColHome a:link, #leftColHome a:visited  {
	color: #0E4C7D;
	text-decoration: none;
}
#leftColHome a:hover {
	text-decoration: underline;
}

#leftColHome a:active {
	text-decoration: none;
	color: #0E4C7D;
}


/***************************************************************** // Right Column */

#rightColHome {
	width: 270px;
	margin-right: 5px;
	float:right;
}
#rightColHome div h3 , #rightColHome div h4{
	text-transform: uppercase;
	border-bottom: 2px solid #d8d8d8;
	font-weight:normal;
}

#newsWrapper, #twitterWrapper {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	position: relative;
}
#newsWrapper ul {
	margin: 0px;
	padding: 0px;
}
#newsWrapper ul li {
	text-align: left;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #E9E9E9;
}

#newsWrapper ul li a {
	color:#282828;
	font-family:Titillium, Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.4;
	color: #0E4C7D;

}
#newsWrapper ul li a:hover {
	color: #0E4C7D;
}
.hover-ul li:hover {
	background:#F6F6F6;
}
#socialMediaWrapper img {
	margin-right: 3px;
	margin-top: 15px;
}

/***************************************************************** // flickr gallery */
#flickr {
	width:265px;
	position: relative;
	float: left;
	margin: 20px 0 20px 0;
}

#flickr_badge_uber_wrapper {
	text-align:center; 
	width:270px; 
	margin:0; 
	padding:0}
#flickr_badge_wrapper {padding:0}
.flickr_badge_image { 
	margin:0 7px 7px 0; 
	padding:0; 
	float:left
}
.flickr_badge_image img {
	width:76px;
	height:75px;
	display: block;
	float: left;
	list-style-type: none;
	border: 2px solid #e5e5e5; 
}
.flickr_badge_image a:hover img  {
	width:76px;
	height:75px;
	display: block;
	float: left;
	list-style-type: none;
	margin:0;
	border: 2px solid #0a304e; 
}
#twitter_update_list {
	font-family:Titillium, Tahoma, Arial, sans-serif;
	font-size: .8em;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color:#333;
	line-height: 1.6;

}
#twitter_update_list li {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
#twitterWraper {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 25px;
}
/****************************************************************** // Twitter bubble */

/*#twitterBox {
	position: relative;
	height: 94px;
	width: 256px;
	left: 0px;
	bottom: 0px;
	top:0;
	background-image: url(http://www.case.edu/umc/stage/images/twitterBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.twitterContent {
	position: absolute;
	top: 17px;
	left:26px;
	color:#333;
	font-family:Titillium, Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.85em;

}
.twitterbg {
	position: absolute;
	height: 94px;
	width: 256px;
	left: 0;
	bottom: 0;
	top:0;
	background-image: url(http://www.case.edu/umc/stage/images/twitterBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}*/

/******************************************************************** // Middle Content */

#middleContentHome img, #middleContentHome2  img {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
}
#middleContentHome{
	position: relative;
	margin:20px 15px 0 15px;
	padding:7px 0 20px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	clear:both;
}

#middleContentHome2{
	overflow: hidden;
	position: relative;
	border-bottom: solid 1px #e0e0e0;
	margin: 20px 15px 20px 15px;
	clear:both;
}

#middleContentHome3{
	overflow: hidden;
	position: relative;
	height: 260px;
	margin: 20px 15px 20PX 15px;
	clear:both;
}

/******************************************************************* // Left Column Bottom Content */

#bottomContentHome {
	margin: 20px 15px 30px 15px;
}
#leftImg {
	width: 250px;
	margin: 0 40px 0 0;
	float:left;
}
#rightImg {
	float: left;
	position: relative;
	width: 250px;
	padding-left: 40px;
	margin-top: 0px;
	border-left: solid 1px #d8d8d8
}
#bHeader {
	margin-bottom: 15px;
}
#leftImg img, #rightImg img  {
	margin-bottom: 20px;
}
#topContentHome {
	margin: 10px 20px 0 20px;
}
.blankH {
	position: absolute;
	right: -9px;
	top:-15px;
}
#leftColHome .blankH img {
border:none;
}


/******************************************************************* // Video sidebar */
.video {
	overflow: hidden;
	position: relative;
	height: 105px;
}
.video2 {
	overflow: hidden;
	position: relative;
	height: 80px;
}
.video ul {
	margin: 20px 0 0 0;
	padding: 0;
}
.video2 ul {
	margin: 3px 0 0 0;
	padding: 0;
}
.video ul li, .video2 ul li  { 
	width:75px;
	height:75px;
	margin:0;
	padding:0;
	display: block;
	float: left;
	margin-right: 12px;
	list-style-type: none;

}
.video ul li a img, .video2 ul li a img {
	width:75px;
	height:75px;
	margin:0;
	padding:0;
	border: 1px solid #e5e5e5; 

}
.video ul li a:hover img, .video2 ul li a:hover img {
	width:75px;
	height:75px;
	margin:0;
	padding:0;
	border: 1px solid #0a304e; 

}

.videoLink {
	text-align: right;
	display: block;
	padding:0;
	margin: 10px 20px 0 0;
}

/******************************************************************* // Home page news feed */

#feeddiv {
	width: 260px;
	margin-top:10px;
	position:relative;
}
#feeddiv ul {
	margin: 0;
	padding: 0;
}
#feeddiv ul li {
	text-align: left;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #E9E9E9;
}

#feeddiv ul li a {
	font-family:Titillium, Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.4;
	color: #0E4C7D;
	text-decoration:none;

}
#feeddiv ul li a:hover {
	color: #0E4C7D;
	text-decoration:underline;
}
.hover-ul li:hover {
	background:#F6F6F6;
}
#leftImg div span, #rightImg div span {
	color:#333;
	font-family:Titillium, Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.5;
}
.quickLinks {
	margin-top: 20px;
}
.rssFeed {
	font-family:Titillium, Tahoma, Arial, sans-serif;
	font-size:.55em;
	margin: 0px;
	text-align: right;
	display: block;
}
.feedLink {
	font-family:Titillium, Tahoma, Arial, sans-serif;
	font-size: .65em;
	font-weight: normal;
	color: #333;
	text-align: right;
	display: block;
	margin: 10px 20px 0 0;
	position:relative;
}
.rssIcon {
	position:absolute;
	display:block;
	right: 50px;
	
}
.videoM {
	display: block;
	float: left;
	height: 120px;
	width: 240px;
	margin:0 20px 0 0;
}

/*Tweaks after all-Titillium implementation*/
.breadcrumbHome h3
	{
	color:#0a304e;
	font-size:20px;
	}

#topContentHome h3
    {
    font-size:20px;
    font-weight:bold;
    margin-bottom: 10px;
    }

#middleContentHome h3, #middleContentHome2 h3, #middleContentHome3 h3
    {
    font-size:20px;
    font-weight:bold;
    margin: 20px 0px 10px 0px;
    }

h1.featureHeader
    {
    padding:0px;
    margin:0px;
    }

span.emdash
    {
    font-family:Tahoma, Arial, sans serif;
    }