﻿
/*
    Wharton University of Pennsylvania
    Customizable Layout Style Definitions
*/
/* Body Main */
a {background-image:url(/alumni/images/dottedBottomBorder.gif);}
/* Header */
#header {background-image:url(/alumni/images/header_bg.jpg);}
/* Navigation */
#mainNav {background-image:url(/alumni/images/mainNav_bg.jpg);}

#mainNav ul li a.isCurrent, #mainNav ul li a.isActive {background-image:url(/alumni/images/mainNav_selected.jpg);}




#leftColumn ul#leftNav li a:hover {color:#;}
#leftColumn ul#leftNav li a.isActive {}
#leftColumn ul#leftNav li a.isCurrent {}
/* Content */
#content h1 {}
#content h2 {}
#content h3 {}
/********************
 * FEATURE CAROUSEL *
 ********************/
#featureCarousel {
    height: 300px;
    width: 600px;
    position:relative;
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    border:1px solid white;
    cursor:pointer;
}
#featureVideoCarousel {
    height: 320px;
}
#featureVideoCarousel .feature div.video {
    height: 290px;
    border: 1px solid #c00;
}
#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:#333;
    width:100%;
    border-top: 1px solid #2f3e34;
    
}
#featureCarosel .features div {background-color:black;
/*opacity:.4;filter:alpha(opacity=50);-moz-opacity:0.4;-khtml-opacity:0.4;*/
}
#featureCarousel .feature > div p {
    margin:0;
    padding:5px 8px 8px 8px;
    font-size:12px;
    color:white;
    overflow: hidden;
}
#featureVideoBanner #featureCarousel .feature > div p {
    margin:0;
    padding:5px 8px 8px 8px;
    height: 36px;
    color:white;
    overflow: hidden;
}
#featureCarousel .feature > div p a {
    background-image:none;
    color:white;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:25px;
    top:210px;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
    margin:3px;
    height:14px;
    width:14px;
    color:white;
    text-align:center;
    font-size:10px;
    border:1px dotted black;
}
#featureCarousel .blipsContainer .blipSelected {
    color:white;
    font-weight:bold;
    background-color:black;
}
#featureBanner {
    width: 993px;
    height: 356px;
    overflow: hidden;
    background: #000 url(/alumni/images/background.jpg) no-repeat top left;
}
#featureVideoBanner {
    width: 993px;
    height: 356px;
    overflow: hidden;
    background: #000 url(/alumni/images/background.jpg) no-repeat top left;
}
#featureVideoBanner #featureCarousel {
    height: 300px;
}
#featureBanner.oneColumn #featureCarousel,
#featureVideoBanner.oneColumn #featureCarousel {
    width: 910px;
}
#featureBanner.twoColumn #featureCarousel {
    width: 361px;
}
#featureVideoBanner.twoColumn #featureCarousel {
    width: 590px;
}
#featureBanner #featureCarousel {
    float: left;
    display: inline;
    margin: 35px 0px 0px 65px;
    height: 302px;
    overflow: hidden;
}
#featureVideoBanner #featureCarousel {
    float: left;
    display: inline;
    margin: 20px 0px 0px 20px;
    height: 315px;
    overflow: hidden;
}
#featureBanner #featureVideo {
    float: left;
    display: inline;
    margin: 35px 0px 0px 40px;
   /* width: 449px;
    overflow: hidden; */
    border: 1px solid #fff;
}
#featureVideoBanner #featureText {
    float: left;
    display: inline;
    margin: 65px 0px 0px 15px;
    width: 360px;
    overflow: hidden;
}
#featureVideoBanner #featureText h2 {
    margin: 0px !important;
    font-family: 'Times New Roman', serif !important;
    font-size: 3.5em !important;
    margin:10px 0 0 0;
}
#featureVideoBanner #featureText * {
    font-family: 'Times New Roman', serif !important;
    font-size: 2em !important;
    color: #fff !important;
}
