/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
   
   /* =============== GENERAL ================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 100%;
    line-height: 1.4;
    font: 14px/24px Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
height: 100%;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
     max-width: 100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

article img {
     max-width: 100%;
}


aside {
    font: 14px/24px Arial, sans-serif;
}

.wrapper {
    margin: 0 35px;
}

/* =================== TYPOGRAPHY =============================================== */

/* 
@font-face {
	font-family: 'DINreg';
	src: url('https://fonts.tufts.edu/DIN/DINWeb.eot'); 
	src: url('https://fonts.tufts.edu/DIN/DINWeb.eot?#iefix') format('embedded-opentype'), 
	     url('https://fonts.tufts.edu/DIN/DINWeb.woff') format('woff'); 
	}	
	
@font-face {
	font-family: 'DINmed';
	src: url('https://fonts.tufts.edu/DIN/DINWeb-Medium.eot'); 
	src: url('https://fonts.tufts.edu/DIN/DINWeb-Medium.eot?#iefix') format('embedded-opentype'), 
	     url('https://fonts.tufts.edu/DIN/DINWeb-Medium.woff') format('woff'); 
	}			
	
@font-face {
	font-family: 'DINbold';
	src: url('https://fonts.tufts.edu/DIN/DINWeb-Bold.eot'); 
	src: url('https://fonts.tufts.edu/DIN/DINWeb-Bold.eot?#iefix') format('embedded-opentype'), 
	     url('https://fonts.tufts.edu/DIN/DINWeb-Bold.woff') format('woff'); 
	}					
				
@font-face {
	font-family: 'DINlight';
	src: url('https://fonts.tufts.edu/DIN/DINWeb-Light.eot');
	src: url('https://fonts.tufts.edu/DIN/DINWeb-Light.eot?#iefix') format('embedded-opentype'),
	     url('https://fonts.tufts.edu/DIN/DINWeb-Light.woff') format('woff'); 
	}
		
 */	

.title {
/*font-family: DINlight;*/
font-size: 3em;
color: #3172ae;
font-weight: normal;
margin-bottom: -6px;
margin-top: 18px;
}

.description {
/*font-family: DINmed;*/
font-family: Arial, sans-serif;
 font-weight: normal;
color: gray;
font-size: 18px;
}


h1,h2,h3,h4,h5 {
font-family: arial, sans-serif;
}

h3 {
margin: 30px 0 0 0;
}


.main h2,.main h4,.main h5 {
margin: 24px 0 0 0;
}

#login_form #button:focus, a:focus {
background-color: #a85114 !important;
color: white !important;
}

/* =================== HEADER =============================================== */

header {

padding: 15px 0;
}

#header-container1 {
background: white;
border-bottom: 9px solid #3172AE;
    -moz-box-shadow:    0px 1px 7px 6px rgba(167,169,170,0.4);
	-webkit-box-shadow: 0px 1px 7px 6px rgba(167,169,170,0.4);
	box-shadow:         0px 1px 7px 6px rgba(167,169,170,0.4);
}



/* =================== MAIN COLUMN =============================================== */


#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -70px;
}

.main-container {
padding: 35px;
padding-bottom: 80px;
}

#login_container {
width: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

#login_form {
width: 100%;
max-width:1040px; /* limits the width of info-box and cantlogin-box */
padding-top:65px;
position: relative;
margin-bottom: 35px;
margin: 0 auto;
text-align: center;
}

#login_form h1{
/*font-family: DINlight;*/
font-family: Arial, sans-serif;
color: #525356;
font-size: 22px;
margin-bottom: 30px;
font-weight: normal !important;
}

/* remove in order to left align text in info boxes */
/* #login_form p {
 text-align: center;
} */

#login_form a {
/*font-family: DINreg; */
font-family: Arial, sans-serif;
color: #3172AE;}

#login_form a:hover {
color: black;
}

#name, #pass {
width: 220px;
display: block;
margin-bottom: 10px;
height: 27px;
padding-left: 5px;
}

#login_form label {
display: block;
/*font-family: DINreg;*/
font-family: Arial, sans-serif;
color: black;
font-size: 14px;
}

#login_form #button {
border-radius:12px;
padding: 14px 52px;
margin-left: 18px;
color: white;
font-size: 28px;
font-weight: bold;
border: 1px solid #255683;
background: #3172ae; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #357abb 0%, #3172ae 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#357abb), color-stop(100%,#3172ae)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #357abb 0%,#3172ae 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #357abb 0%,#3172ae 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #357abb 0%,#3172ae 100%); /* IE10+ */
text-decoration: none;
background: linear-gradient(to bottom,  #357abb 0%,#3172ae 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357abb', endColorstr='#3172ae',GradientType=0 ); /* IE6-8 */
	margin-bottom: 24px;
	}

#login_form #button:hover {
	background: #525356;
	border: 1px solid #525356;
	}

#login_form #guestbutton {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding: 8px 49px;
margin-left: 18px;
color: white;
font-size: 18px;
font-weight: bold;
border: 1px solid #255683;
background: #6d6f72; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
text-decoration: none;
    margin-bottom: 24px;
        }   

#login_form #guestbutton:hover {
	background: #525356;
	border: 1px solid #525356;
	}

#login_form	.psloginerror {
position: absolute;
top: 0;
left: 0;
text-align: left;
color: white;
background-color: #c0311a;
width: 316px;
line-height: 60px;
margin-top: 0;
}

.gray {
color: #6D6F72;
}

#search #login_container {
width: 878px;
}

#search #sidebar_text {
width: 500px;
pading-top: 0;
}

#info-box {
width: 60%;
padding: 5px 20px 5px 20px;
border: 1px solid #c5c5c7;
position: relative;
margin:0px auto;
margin-top:50px;
-moz-box-shadow: 3px 3px 10px rgba(167,169,170,0.3);
-webkit-box-shadow: 3px 3px 10px rgba(167,169,170,0.3);
box-shadow: 3px 3px 10px rgba(167,169,170,0.3);
/* display: none; */
}

#info-box p, #info-box ul, #info-box li {
/* text-align: center; */
 text-align: left;
}


#cantlogin-box {
width: 60%;
padding: 5px 20px 5px 20px;
border: 1px solid #c5c5c7;
position: relative;
margin:0px auto;
margin-top:50px;
-moz-box-shadow: 3px 3px 10px rgba(167,169,170,0.3);
-webkit-box-shadow: 3px 3px 10px rgba(167,169,170,0.3);
box-shadow: 3px 3px 10px rgba(167,169,170,0.3);
display:none;
}

#cantlogin-box p {
/* text-align: center; */
text-align: left;
}
/* =================== SIDEBARS =============================================== */

#sidebar_text {
width: 250px;
padding: 25px 25px 40px 25px;
float: right;
}

#sidebar_text h2 {
color: #A85114;
font-family: arial, sans-serif;
Font-size: 18px;
font-weight: bold;
margin-top: 4px;
margin-bottom: 1.15em;
}



/* =================== FOOTER =============================================== */


#quicklinks {
margin: 0px 0 0 75px;
font-size: .85em;
float: left;
}

#contact {
margin: 0px 0 0 75px;
font-size: .85em;
float: left;
}

#search footer {
display: block !important;
}


footer {
background-color: #6d6f72;
color: white;
font-size: 14px;
font-weight: bold;
height: 65px;
padding: 0 35px;
clear: both;
}

#footer_container {
width: 100%;
}

footer a {
color: white;
}

footer p {
padding-top: 15px;
margin: 5px 0 !important;
}

.push {
height: 65px;
clear: both;
}

.foot_columns {
width: 210px;
margin-right: 25px;
padding-top: 20px;
float: left;
}

.foot_logo {
width: 200px;
}

.foot_right {
margin-right: 0;
}

footer h4 {
font-family: DINmed, sans-serif;
text-transform: uppercase;
color: #F1F1F2;
font-size: 16px;
letter-spacing: 2px;
margin-bottom: 8px;
}



/* ============== MOBILE: Menu ============== */



nav {
background-color: #6d6f72;
	-webkit-box-shadow: 0 5px 5px #dcddde;
	-moz-box-shadow: 0 5px 5px #dcddde;
	box-shadow: 0 5px 5px #dcddde;
}

nav ul {
    margin: 0 0 0 20px;
    padding: 0;
    width: 1026px;
	line-height: 55px;
	height: 50px;
}

nav ul li {
float: left;
}

nav a {
	font-family: DINbold;
	font-size: 16px;
    display: block;
    text-decoration: none;
    color: white;
    padding: 0 22px;
    text-align: center;
}

nav#suggestednav a {
	font-size: 15px;
    font-family: Rockwell, "Rockwell STD";
    font-family: DINmed;
  font-style: normal;
  font-weight: normal;
}




nav a:hover {
    color: white;
}

/* ============== MOBILE: Main ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: #252525;
    padding: 10px 5% 15px;
}

#footleft {
float: left;
}

#footright {
float: right;
}

/* =============== ALL: IE Fixes =============== */

.ie7 .title {
    padding-top: 20px;
}


        float: left;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }


    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }


@media (max-width: 350px){
#login_form #button {
border-radius:6px;
padding: 7px 26px;
margin-left: 9px;
color: white;
font-size: 18px;
}
#login_form #guestbutton {
border-radius:2px;
padding: 4px 24px;
margin-left: 9px;
font-size: 14px;
}
#cantlogin-box {
width: 90%;
}
}