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

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
}
img{
	border:none;
	}

.header_cnt{
	background:#4f3674;
    width:980px;
    margin:0 auto;
	}
	.header_cnt header{
		position:relative;
		width:980px; height:100px;
		margin:0 auto;
		color:#fff;
		background:url('../images/Bellevue_header.jpg') no-repeat bottom left;
		}
		.header_cnt header .logo{
			width:151px; height:65px;
			position:absolute;
			left:10px; bottom:10px;
			}
			.header_cnt header .logo a{
				display:block;
				background:url('../images/Yale_Logo.png') no-repeat 0 0;
				width:151px; height:65px;
				text-indent:-1000000px;
				}
			.header_cnt header h1{
				position:absolute;
				right:10px; bottom:10px;
				color:#fff;
				font-size:34px;
				font-weight:normal;
				margin:0; padding:0;
				font-family:"Trebuchet MS", Helvetica, sans-serif, Arial;
				}

.container{
	width:980px;
	margin:0 auto;
	}
	.spacer{height:120px;}
	.container section{
		background:url('../images/background_image.jpg') no-repeat 0 0;
		min-height:540px;
		border-radius:0 0 10px 10px;
		-webkit-border-radius:0 0 10px 10px;
		-moz-border-radius:0 0 10px 10px;
		}
		.container section .login_bar{
			background:url('../images/Login_bar.png') no-repeat top center;
			width:720px; height:64px;
			margin:40px auto 50px;
			}
		.container section .login_buttons_container{
			margin:0 auto;
			position:relative;
			padding-left:65px;
			}
            .container section .login_buttons_container h1{
                color:#fff;
                margin:0; padding:0;
                font-size:30px;
                }
			.login_buttons_container a.button1, .login_buttons_container a.button2{
				width:190px;
				padding:25px 10px;
				text-align:center;
				vertical-align:middle;
				display:block;
				font-size:18px;
				text-decoration:none;
				font-family:Arial, serif;
				box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
				text-shadow: 2px 2px rgba(0,0,255,0.1);
				}
			.login_buttons_container a.button1:hover, .login_buttons_container a.button2:hover{
				-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
				-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
				-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
				-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
				transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
				
				-webkit-transition: all .4s ease-out;
				-moz-transition: all .4s ease-out;
				-ms-transition: all .4s ease-out;
				-o-transition: all .4s ease-out;
				transition: all .4s ease-out;
				}
			
			.login_buttons_container a.button1{ margin-bottom:80px;}
			/*
			.login_buttons_container a.button2{ right:80px; }
			*/
			.dark-blue{
				color:#fff;
				background: #4f3674; /* Old browsers */
				}
			.sky-blue{
				color:#fff;
				background: #cfa427; /* Old browsers */
				}