@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'coolveticaregular';
    src: url('../images/fonts/coolvetica_rg-webfont.eot');
    src: url('../images/fonts/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('../images/fonts/coolvetica_rg-webfont.woff2') format('woff2'),
url('../images/fonts/coolvetica_rg-webfont.woff') format('woff'),
url('../images/fonts/coolvetica_rg-webfont.ttf') format('truetype'),
url('../images/fonts/coolvetica_rg-webfont.svg#coolveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'petitalightregular';
    src: url('../images/fonts/petitalight-webfont.eot');
    src: url('../images/fonts/petitalight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/petitalight-webfont.woff2') format('woff2'),
         url('../images/fonts/petitalight-webfont.woff') format('woff'),
         url('../images/fonts/petitalight-webfont.ttf') format('truetype'),
         url('../images/fonts/petitalight-webfont.svg#petitalightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	
}

body {
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	background-attachment: fixed;
	height: 100%;
	background-image: url(../images/background-home.jpg)
	
}

/* start socials!!! */

.twitter {
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	bottom: 198px;
	left: 91px;
	background-image: url(../images/yale_twitter_small.png);
}

.twitter:hover {
	width: 53px;
	height: 53px;
	background-image: url(../images/yale_twitter.png);	
	
}

.instagram {
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(../images/yale_instagram_small.png);
	position: absolute;
	bottom: 120px;
	left: 91px;
}

.instagram:hover {
	width: 53px;
	height: 53px;
	background-image: url(../images/yale_instagram.png);	
}
.facebook {
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	bottom: 40px;
	left: 91px;
	background-image: url(../images/yale_facebook_small.png);
}

.facebook:hover {
	width: 53px;
	height: 53px;
	background-image: url(../images/yale_facebook.png);
}

/*end socials!! */

.text {
	width: 1076px;
	height: 420px;
	/* [disabled]background-color: rgba(255,0,4,1.00); */
	position: fixed;
	left: 274px;
	top: 175px;
}

.quote{
	width: 426px;
	height: 223px;
	/* [disabled]background-color: #FF0004; */
	position: fixed;
	left: 851px;
	bottom: 107px;
	top: auto;
}

.box1 {
	background-color: rgba(0,0,0,0.66);
	width: 408px;
	height: 43px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	padding-top: 5px;
	bottom: 275px;
	left: 873px;
	font-family: "petitalightregular", sans-serif;
	font-size: 29px;
	letter-spacing: 1px;
}

.box2 {
	background-color: rgba(0,0,0,0.66);
	width: 240px;
	height: 43px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	padding-top: 0px;
	font-family: "petitalightregular", sans-serif;
	font-size: 29px;
	margin-top: 11px;
	letter-spacing: 1px;
}

.box3 {
	background-color: rgba(0,0,0,0.66);
	width: 124px;
	height: 34px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	padding-top: 8px;
	float: left;
	font-family: "petitalightregular", sans-serif;
	margin-top: 9px;
	font-size: 23px;
	letter-spacing: 1px;
}

.headline {
	width: 687px;
	height: 310px;
	color: rgba(255,255,255,1.00);
	font-size: 71px;
	position: fixed;
	text-align: right;
	font-family: "coolveticaregular", sans-serif;
	font-weight: normal;
	left: 130px;
	bottom: 172px;
	top: auto;
	letter-spacing: 2px;
	line-height: 85px;
}

.upcoming {
	width: 303px;
	height: 55px;
	/* [disabled]background-color: #FF0004; */
	font-size: 27px;
	position: fixed;
	left: 650px;
	bottom: 89px;
	color: #FFFFFF;
	font-family: "petitalightregular", sans-serif;
	letter-spacing: 1px;
}

.upcoming:hover {
	opacity: 0.57;	
}

.upcomingline {
	background-color: #FFFFFF;
	width: 128px;
	height: 2px;
	position: fixed;
	left: 502px;
	bottom: 123px;
}



.username {
	width: 136px;
	height: 38px;
	color: rgba(255,255,255,1.00);
	margin-left: 76px;
	margin-top: 32px;
	font-size: 1.3em;
	font-family: "petitalightregular", sans-serif;
	letter-spacing: 1px;
}

.password {
	width: 136px;
	height: 30px;
	color: rgba(255,255,255,1.00);
	margin-left: 76px;
	font-size: 1.3em;
	font-family: "petitalightregular", sans-serif;
	background-size: 0px auto;
	letter-spacing: 1px;
}

.usernamebox {
	width: 164px;
	height: 22px;
	position: fixed;
	left: 184px;
	top: 38px;
	background-repeat: no-repeat;
	background-image: url(../images/yale_loginbox.png);
}

.passwordbox {
	width: 164px;
	height: 22px;
	position: fixed;
	left: 175px;
	top: 75px;
	background-repeat: no-repeat;
	background-image: url(../images/yale_loginbox%20copy.png);
}

nav {
	height: 35px;
	width: 100%;
	position: fixed;
	float: right;
	top: 42px;
	right: auto;
}

/* This is the base of our bulleted list */
nav ul {
	display: block;
	padding-top: 0px;
	padding-right: 18px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	list-style-type: none; /* Hide those bullets */
	list-style-image: none; /* NO REALLY, hide those bullets */
	float: right;
}

nav ul li {
	display: block;
	height: 35px; /*match nav tag height*/
	float: left; /* Float them left so they go horizontally across the page */
	margin-left: 0px;
	width: 152px;
}

/* Here is the actual button style itself */

nav ul li a {
	display: block; /* Makes <a> tag fill 100% of the width of it's containing <li> */
	height: 28px; /* This is really 65px, but I have subtracted the padding-top from this number in order to horizontally balance the type */
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	padding-top: 6px; /* This padding vertically centeres the type */
	color: rgba(255,255,255,1.00);
	font-family: "petitalightregular", sans-serif;
	font-size: 1.4em;
	letter-spacing: 1px;
}

nav ul li a:hover {
	color: rgba(255,255,255,0.58);	
	
}

nav ul li ul li {
	display: block; /* Turns our list item into a box to contain our buttons */
	width: 33%;
	float: left;
}

nav ul li ul {
	width: 364px;
	float: left;
	display: block;
	margin-left: -105px;
}

a#link:hover {
	color:rgba(255,255,255,1.00);
	
}








.fontheadline {
	font-family: "coolveticaregular", sans-serif;
	font-size: 49px;
	letter-spacing: 4px;
}

.fontbody {
	font-family: "petitalightregular", sans-serif;
	font-size: 0.8em;
	letter-spacing: 2px;
	text-decoration: none;
}

.bigscroll {
	width: 1026px;
	height: 670px;
	position: fixed;
	left: 204px;
	top: 153px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.blackbox1 {
	width: 964px;
	height: 176px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 25px;
	margin-left: 32px;
	color: rgba(255,255,255,1.00);
	font-family: "coolveticaregular", sans-serif;
	font-size: 49px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 13px;
	line-height: 54px;
}


.blackbox2 {
	width: 964px;
	height: 750px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 27px;
	margin-left: 32px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 21px;
	line-height: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}

.blackbox3 {
	width: 964px;
	height: 368px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 45px;
	margin-left: -19px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 25px;
	line-height: 27px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}

.blackbox4 {
	width: 964px;
	height: 73px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 25px;
	margin-left: 32px;
	color: rgba(255,255,255,1.00);
	font-family: "coolveticaregular", sans-serif;
	font-size: 49px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 13px;
	line-height: 54px;
}


.blackbox5 {
	width: 964px;
	height: 789px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 27px;
	margin-left: 32px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 21px;
	line-height: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}

.blackbox6 {
	width: 964px;
	height: 659px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 27px;
	margin-left: 32px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 21px;
	line-height: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}


.blackbox7 {
	width: 964px;
	height: 469px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 27px;
	margin-left: 32px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 21px;
	line-height: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}

.blackbox8 {
	width: 964px;
	height: 510px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 27px;
	margin-left: 32px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 21px;
	line-height: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}

.blackbox9 {
	width: 964px;
	height: 676px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 27px;
	margin-left: 32px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 21px;
	line-height: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}

.blackbox10 {
	width: 964px;
	height: 887px;
	background-color: rgba(0,0,0,0.65);
	margin-top: 27px;
	margin-left: 32px;
	letter-spacing: 4px;
	padding-left: 18px;
	padding-top: 21px;
	line-height: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 28px;
	text-decoration: none;
}