/* Style sheet for Matt Cohen's website */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* After reset for standard stuff */

* {
    box-sizing: border-box;   
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

strong, b {
    font-weight: bold;
}

i {
    font-style: italic;
}

/* Specific to this site */
html {
border-color: white;
border-style: solid;
border-right-width: 2px;
border-left-width: 2px;

}

body {
  font-family: Helvitica, Arial, sans-serif;
     
background-color: #F0F0F0;
max-width: 1600px;
margin: 0 auto;


}



 h1 {
     color: red ;
    font-size: 1.7em;
    text-align: left;
    padding-bottom: 1.1em;
   
}




h2 {
     color: black;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    padding-bottom: 1.2em;
    padding-top: 1.2em;
}



h3 {
    color: red;
    font-size: 1.1em;
    text-align: left;
    padding-bottom: 1.2em;
   

    
}

h4 {
    color: red;
    font-size: 1.1em;
    text-align: left;
    padding-bottom: 1.2em;
    padding-top: 1.6em;
    text-decoration: underline;
    
}


.col2 h1 {
    color: red;
}

.col2 h3 {
    color: red;
    font-size: 1.3em;
    padding-bottom: 0.4em;
    margin-top: 1.3em;
}

.home-page-bottom h2 {
    color: red;
    margin-top: 1em;
    
}


ul {
    margin-left: 2em;
}

.bold { font-weight:bold; } 

.publication-frame-for-phone {
    display: none;
}

.book-ad-for-phone {
    display: none;
}

/********** NAVIGATION  ***************************************************************/

nav {
 
 
   float: left;
   clear: both;
      width: 98%;
      text-align: left;
      margin-left: 1%;
      margin-top: 2em;
      margin-bottom: 2em;

}




nav ul {
	list-style: none;
	padding-left: 0em;
	display: inline;
        
       
        
}
	nav ul:after {
		content: ""; clear: both; display: block;
                 
	}


nav ul li {
    color: white;
   
   padding-right: 0.1em;
   
	float: left;
        font-size: 17pt;
        margin-left: 0.4em;
       
        background-color: #221C8A;
        display:block; float: left;position: relative;
}
	
		nav ul li:hover a {
		color: antiquewhite;	
                        
		}
	
	nav ul li a {   
		display: block; padding: 8px 5px;
		color: white; text-decoration: none;
                      
	}
        
     .selected-nav-button {
      
        background-color: #9F619C;  
        }       
        
        nav ul ul  {
            display: none;
           
        }
        
 
        
        nav ul li:hover > ul {
		
		display: block;
                position: absolute; top:100%; left:1em;
                
	}
        
        nav ul li:hover >ul li {
            float: left;
            clear: both;
            width: 12em;
        
        }
        
        nav ul li:hover > ul li a {
               
            text-align: left;
         
        }
        
        .fudge-right {
            display: none;
        }
                 

               
	
        
       nav ul li:hover > ul  a{
		color: white;
	}
        
       nav ul li:hover > ul  a:hover {
		color: white;
	} 
        
        .phone-help-links {
            display: none;
        }
        
        /********** END NAVIGATION  ***************************************************************/
        
 /****** the page header         ***************************************************************/
.header {
        
        background-color: white;
        width: 100%;  
        margin-left: 0;
       
        margin-top: 0.3em;
        margin-bottom: -1em;
        }
        
        .header-pic {
            float: left;
            width: 43%;
            height: auto;
        }
        
        .header2 {
        background-color: white;
        width: 80%;  
        margin-left: auto;
        margin-right: auto;
        margin-top: 0.3em;
        margin-bottom: 0em;
        }
        
 .header_phone {
        
        background-color: white;
        width: 100%;  
        padding-left: 2%;
        display: none;
        margin-top: 0.7em;
        }
 


.header .logo , .header_phone .logo, .header2 .logo {
   
   float: left;
    width: 56%;
    height: auto;
}

/****** END page header         ***************************************************************/

.full-width-div {
    float: left;
    width: 90%;
    margin-left: 5%;
}

.search-form {
    float: left;
    width: 98%;
}

.main-content {
    width: 96%;
    font-size: 1em;
    color: black;
    padding-left: 1%;
    
    line-height: 1.4em;
}


.home-col1  {
    float: left;
    width: 90%;
    margin-left: 4%;
    margin-bottom: 3em;
}

.home-col2 {
    float: left;
    width: 0%;
    margin-left: 7%;
    
}

 .col1-for-publications {
    width: 39%;
    min-width: 22%;
    float: left;
    margin-left: 1%;
    padding-right: 1em;
   font-size: 1.1em;
   margin-top: -3em;

  }
  
  .author {
     margin-left: 3em;
     font-style: italic;
     margin-top: 0.3em;
  }
  
   .col1-for-publications-search {
    width: 39%;
    min-width: 22%;
    float: left;
    margin-left: 1%;
    padding-right: 1em;
   font-size: 1.1em;

    margin-top: 0;

  
  }

.regular-text {
    font-size: 1.3em;
    line-height: 1.1em;
    margin-bottom: 1em;
    float: left;
    clear: both;
}

.in-paragraph-pic {
float: left;
width: 30%;
margin: 1em;
    
}

.main-content .col1-for-specific-resource {
 width: 42%;
    min-width: 22%;
    float: left;
    margin-left: 1%;
    padding-right: 1em;
   font-size: 1.1em;
   margin-top: 5em;
     
}

.current-dir-text {
    font-size: 1.6em;
    color: red;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
}

.subdir-text {
    font-size: 1.4em;
    color:  #221C8A;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left: 0.8em;
}

.publications-directions-for-phone {
    display: none;
}

input[type=text] {
  width: 20em;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  margin-right: 3em;

  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}




input[type=submit] {
    background-color: lightgray;
    font-size: 1.4em;
}



/***** COLUMN 1 LINK STYLING ********************/
.main-content .col1 a:link, .phone-help-links a:link {
    color: blue;
}

.main-content .col1 a:visited, .phone-help-links a:visited {
    color: blue;
}


.redlink {
    color: red;
    text-decoration: underline;
}


/***** END COLUMN 1 LINK STYLING ********************/


.col2-and-col3-wrapper .col2 {
    width: 60%;
    float: left;
  
    margin-right: 1%; 
  
}




.col2-and-col3-wrapper .col3 {
    float: right;
    margin-right: 1%;
    padding-top: 1.5em;
    width: 33%;
}

.col2-and-col3-wrapper {
   width: 74%;
    float: left;
   margin-left: 2%;
    margin-right: 1%; 
     
}


.col2-and-col3-wrapper .regular-text, .col2-and-col3-wrapper-for-publications .regular-text, 
    .book-ad-for-phone .regular-text {
      font-family: Georgia, "Times New Roman", serif !important;

}

.col3 h1 {
     color: red ;
    font-size: 1.3em;
    text-align: center;
    padding-bottom: 0.7em;
    margin-bottom: 2em;
    margin-top: -1em;
    
}


/***** For pages with just the sidebar and the other content; no col 3 *******/
.col2-no-col-3 {
 width: 60%;
     float: left;
     clear: none;
 margin-left: 2em;
}

.col2-no-col-3 h1, .col2-for-videos h1 {
    color: red ;
    font-size: 1.3em;
    text-align: left;
    padding-bottom: 1.2em;
}

/***** END For pages with just the sidebar and the other content; no col 3 *******/

       .scrolling-div {
             height: 370px;
             overflow-y: scroll;
             background-color: #efefef;
             margin-bottom: 3em;
             padding-top: 1.5em;
             cursor: all-scroll;
   
        }   

        .important-documents-div {
              background-color: #efefef;
             margin-bottom: 3em;
             padding-top: 1.5em;
             padding-bottom: 1em;
        }

        .scrolling-div h2 {
            padding-top: 0.5
        }



/******* FOR PARENTS IMAGES   *****************/

.branch-top-level-page-image {
    width: 95%;
    height: auto;
    margin-bottom: 1.3em;
}


/******* END FOR PARENTS IMAGES   *****************/


.main-content .col3 .latest-news, .main-content .col3 .col3-sidebar  {
    background-color: #efefef;
    height: 95%;
    margin-top: -2em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}




.main-content .home-page-bottom {
    float: left;
    clear: left;
    width: 100%;
    border-top: solid;
    border-width: 1px;
    border-color: black;
    margin-top: 1.3em;
}

.latest-news h1 {
    font-size: 1.3em;
    text-align: center;
    color: red;
    padding-top: 0.9em;
    margin-bottom: 1em;
}

.latest-news p{
    text-align: center;
    
}

.more-news-link {
    
    text-align: center;
    background-color: #efefef;
    padding-top: 1em;
    font-size: 1.1em;
    padding-bottom: 0.5em;
}

.more-news-link a {
    color: red;
}

.header-over-dynamic-content {
 font-size: 1.2em;
    text-align: center;
    color: red;
    margin-bottom: 2em;
    margin-top: -1.4em;
}

.col3-sidebar h1 {
    font-size: 1.6em;
    text-align: center;
    color: red;
    padding-top: 0.4em;
    margin-bottom: 1em;
    margin-top: 0.2em;
}

.col3-sidebar h2 {
    font-size: 1.2em;
    text-align: center;
    color: red;
    padding-top: 0.6em;
    margin-bottom: -0.6em;
}

.col3 .col3-sidebar .regular-text {
    font-size: 1.1em;
}




.main-content .regular-text, .col2-and-col3-wrapper-for-publications .regular-text {
 font-size: 1.1em;
	
	color: #20170E;
	font-weight: normal;
        line-height: 1.3em;   
        margin-bottom: 1em;
        word-wrap: break-word;
         

}

.home-text {
    font-size: 1.2em;
    color: black;
    line-height: 1.1em;
            margin-bottom: 1em;
        word-wrap: break-word;
}

.home-page-video-and-staff-pic .regular-text  {
    margin-top: -0.9em;
    font-size: 1.0em;
}

.home-page-video-and-staff-pic {
    float: left;
    width: 65%;
    
}

.quick-links {
    float: left;
    width: 30%; 
    
}



.home-page-video {
    height: 300px;
    width: auto;
    margin-bottom: 1em;
}

.home-page-staff-pic {
    height: 160px;
    width: auto;
    margin-left: 1%;
    margin-bottom: 1em;
}

.twitter-follow-button {
  margin-left: 20px;
 margin-bottom: 10px;
}

.facebook-button {
    height: 56px;
    width: auto;
}

.linkedin-button {
  margin-left: 20px;
     height: 56px;
    width: auto;
}

/********* PARENTS PAGE **************/
.famous-quote {
    float: left;
    width: 100%;
    
    border-style: groove;
    border-width: 5px;
    border-color: #1b1bc4;
    margin-bottom: 1em;
   
}

.famous-quote p, .famous-quote-for-specific-resource p {
    font-size: 1.0em;
    font-style: italic;
     padding: 0.5em;
}

 .famous-quote-for-specific-resource {
    float: left;
    width: 100%;
    
    border-style: groove;
    border-width: 5px;
    border-color: #1b1bc4;
}


/** END PARENTS PAGE ***********/



/****  RESOURCES-ALL PAGE  ******/





/****  END RESOURCES-ALL PAGE  ****/

.dyn-resources-all {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    word-wrap: break-word;
    padding: 1em;
    width: 98%;
}

.dyn-resources-all a:link {
    color: blue;
}

/***** NEWS PAGE *************************/

.dyn-news-legal, .dyn-news-firm {
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    word-wrap: break-word;
    padding: 1em;
    width: 47%;
    margin-top: 0.5em;
}

.dyn-news-firm {
    margin-left: 4%;
}

.dyn-news-legal a:link, .dyn-news-firm a:link {
    color: blue;
}

.legal-news-heading, .firm-news-heading {
    float: left;
    width: 47%;
    font-size: 1.2em;
    color: red;
    margin-top: 0.6em;
    text-align: center;
}

.firm-news-heading {
    margin-left: 4%;
    
    
    
}


/***** END NEWS PAGE ****************/


/** PUBLICATIONS ALL PAGE AND VIDEOS ALL PAGE **********************/

.publications-directory {
    float: left;   
    min-height: 1000px;
    width: 100%;
  
}

.publications-directory h1 {
    margin-top: 3em;
    text-align: center;
}

  
.publications-directory a {
    font-size: 0.9em;
 }
 
 .publications-directory .regular-text {
     font-size: 1.0em;
 }

 .publications-directory .header-link {
    font-weight: bold;
    font-size: 1.2em;
    color: #9F619C;
 }
 
  .publications-directory .item-link {
    font-weight: bold;
    font-size: 1.3em;
     line-height: 1.2em;
     color: #221C8A;
 }
 
 .abstract {

           font-size: 1.2em;
      margin-top: 0.6em;
      margin-left: 2.4em;
      margin-bottom: 1em;
 }
 
.indented-text   {
     margin-left: 1em;
     margin-bottom: 1em;
    
 }
 
 .publications_picture {
     float: right;
     clear: none;
     width: 40%;
     height: auto;
     margin-right: 2%;
     margin-left: 2%;
     margin-bottom: 2%;
 }
  .videos_picture {
     float: right;
     clear: none;
     width: 35%;
     height: auto;
     margin-right: 1%;
     margin-left: 1%;
     margin-bottom: 2%;
 }

.publication-viewer {
    float: left;
    clear: none;
    width: 57%;
     height: auto;
     margin-top: 2em;
     border: none;
     
}

.permission-statement {
font-size: 1.0em;
font-style: italic;
font-weight: bold;  
margin-bottom: 1em;
}

iframe {
    width: 100%;
    height: 1000px;
    border-style: solid;
border-color: black;
border-width: 2px;

margin-top: 0.5em;
}

.video-viewer {
    float: left;
    clear: none;
    width: 95%;
    height: auto;
    margin-bottom: 4em;
   
}


.col2-for-videos {
    width: 55%;
    float: left;
    margin-left: 2%;
    
}

.col3-for-videos {
    float: right;
    
    width: 0%;
    margin-right: 2%;
    border-style: groove;
    border-width: 5px;
    border-color: #1b1bc4;
   
}

.col3-for-videos p {
    font-size: 1.0em;
    font-style: italic;
     padding: 0.5em;
}

.book-description {
    font-style: normal !important;
}

.book-cover {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    display: block;
    margin-left: auto;
    margin-right: auto;
   margin-top: 1.5em;
   margin-bottom: 1.3em;
}

.book-title {
    font-style: italic;
    
}

.enlarge-button {
 width: 8em;
 height: 2em;
 font-size: 1.3em;
 float: left;
 margin-left: 1em;
  
}


/**END PUBLICATIONS ALL PAGE **********************/

/******* CALENDAR ***********/
.calendar-frame {
 border: 0;
 width: 720px;
 height: 540px;
 margin-left: 3%;
}

.eventbrite {
    border: 0;
    margin-left: auto;
    margin-right: auto;
    
}

.eventbrite-wrapper {
    float: left;
   width: 50%;
    margin-left: 25%;
    margin-right: 25%;
   
    border-style: solid;
    border-color: black;
    border-width: 1px;
}


/** END CALENDAR *************/

/**** PRESENTATIONS PAGE  ********************************************/

.main-content .presentation-page-bottom {
width:100%;

border-style: solid;
border-color: black;
border-width: 2px;
padding-bottom:1em; padding-left: 1em; padding-right: 1em;
margin-top: 2em;

}

.presentation-page-bottom h2 {
 color: black;
 font-size: 1.2em;
 text-decoration: underline;
 text-align: left;
 margin-bottom: -0.2em;
 margin-top: 1.3em;
}

.presentation-page-bottom ul {
 list-style-type: disc;   
}

.presentation-page-bottom ul li {
    
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/*** END PRESENTATIONS PAGE  ************************************/

/****** TESTIMONIALS         ***************************************************************/
.testimonial-text {
    font-style: italic;
    font-size: 1.2em;
    border-color: red;
    border-top: solid;
    border-width: 1px;
    margin-top: 2em;
    padding-top: 0.4em;
}

.testimonial-attribution {
font-weight: bold;
font-size: 0.9em;
padding-left: 5em;
}


/****** END TESTIMONIALS         ***************************************************************/



/****** ABOUT US,  Bio Portrait         ***************************************************************/

.bio-portrait {
    width: 35%;
    height: auto;
    float: left;
    clear: left;
    padding-right: 2em;
    padding-bottom: 2em;
}

.bio-portrait-small {
    width: 30%;
    height: auto;
    float: left;
    clear: left;
    padding-right: 2em;
    padding-bottom: 2em;
}

.bio-wrapper {
    padding-bottom: 2em;
    width: 99%;
}

.bio-links {
    margin-bottom: 2em;
    font-size: 1.2em;
}



/****** END Bio  Portrait         ***************************************************************/

/************  CONTACT FORM  ********************************/


.parent-information-form {
    background-color: #ffffff;
     margin-top: 3em;
    padding-top: 1em;
    padding-left: 0.5em;
   float: left;
   clear: both;
   border-top-style: solid;
   border-left-style: solid;
   border-width: 1px;
   border-color: black;
        margin-bottom: 4em;
        width: 120%;
        height: 100%;
}
.student-profile-form {
    background-color: #ffffff;
     margin-top: 3em;
    padding-top: 1em;
    padding-left: 0.5em;
   float: left;
   clear: both;
        margin-bottom: 4em;
        width: 120%;
        height: 100%;
           border-top-style: solid;
   border-left-style: solid;
   border-width: 1px;
   border-color: black;
}



.contact-form {
    background-color: #8fd1e7;
     margin-top: 3em;
    padding-top: 1em;
    padding-left: 0.5em;
    padding-bottom: 4em;
   border-style: solid;
        border-width: 1px;
        border-color: black;
        margin-bottom: 4em;
        width: 110%;
}

.enews-form 
{
    background-color: #8fd1e7;
     margin-top: 3em;
    padding-top: 1em;
    padding-left: 0.5em;
    padding-bottom: 4em;
   border-style: solid;
        border-width: 1px;
        border-color: black;
        margin-bottom: 4em;
        width: 99%;
        clear: both;
}


.form-label {
    font-size: 1.0em;
    margin-top: 0.8em;
    float: left;
    clear: both;
    text-align: right;
    margin-right: 2em;
    width: 25%;
}

.form-label-extended {
    font-size: 1.0em;
    margin-top: 0.8em;
    float: left;
    clear: both;
    text-align: left;
    margin-left: 5em;
    width: 75%;
}

.form-label-header {
    font-size: 1.1em;
    margin-top: 2.3em;
    float: left;
    clear: both;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
}

.form-label-comments {
    font-size: 1.1em;
    margin-top: 1.2em;
    float: left;
    clear: both;
    text-align: left;
    margin-right: 2em;
    width: 60%;
}

.form-header {
font-size: 1.6em;
color: black;
text-align: center;
width: 100%;
margin-bottom: 1em;

}


form .regular-text {
margin-left: 2em;
margin-right: 2em;
padding-bottom: 2em;
}


input {
    font-size: 1.0em;
    margin-top: 0.8em;
    width: 70%;
    float: left;
}

label {
    font-size: 1em;
    float: left;
}

.long-select {
    overflow: hidden;
}


.enews-prompt {
    font-size: 1.0em;
    margin-top: -0.7em;
}

.enews-email-input {
    width: 98%;
    font-size: 0.9em;
    margin-top: 0em;
}

select {
     font-size: 1.2em;
    margin-top: 0.8em;
    width: 45%;
    float: left;
}

 .input-medium {
    width: 45%;
    float: left;
}

.input-short {
    width: 25%;
    float: left;
}

label {
    float: left;
}

.required-instruction {
    color: red;
    font-size: 1.2em;
  
    margin-top: 0.8em;
   
    text-align: right;
    margin-right: 2em;
    width: 25%;
}



.red {
    color: red;
    font-size: 1.3em;
}



textarea {
    width: 95%;
    font-size: 1.2em;
}
.print-button, .screen-button {
    width: 14em;
    height: 4em;
    float: left;
    clear: none;
    font-size: 1.6em;
    margin-top: 1em;
    margin-right: 1.5em;
}

.print-this-page-button {
    display: none;
}

.checkboxes-for-print {
    display: none;
}

.screen-button {
    display: none;
}

.submit-button {
    width: 6em;
    height: 2em;
    font-size: 1.3em;
    float: left;
    clear: left;
}

    
    .reset-button {
    width: 6em;
    height: 2em;
    font-size: 1.3em;
    margin-left: 2em;
    float: left;
    clear: none;
}

.enews-submit-button {
    width: 6em;
    height: 1.5em;
    font-size: 1.0em;
    float: left;
    clear: left;
    margin-top: 0.5em;
}

.print-only {
    display: none;
}

.printed-form-instructions {
    display: none;
}



/*  END CONTACT FORM **********************************************/


/********** MAP *********************************/
.map {
    width: 850px;
    height:700px;
    
}

.skyline-image {
width: 90%;
height: auto;
margin-bottom: 1.3em;
}

.building-with-callout {
    width: 60%;
    height: auto;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 1em;
}

/* END MAP ******************************************/

 footer {
     position: relative;
     width: 100%;
     float: left;
     clear:both;
     border-top: gray;
     border-top-style: solid;
     border-top-width: 1px;
     text-align: center;
     margin-bottom: 2em;
     margin-top: 1em;
     line-height: 1.4em;
     
 }

 footer p {
     color: gray;
     margin-top: 0.4em;
     font-size: 0.9em;
 }
 
 footer a {
     color: #a4996b;
     line-height: 1em;
 }
 
 footer.regular-viewport {
     display: block;
 }
 
 footer.narrow-viewport {
     display: none;
 }
 
 .footer-swirl {
     width: 10%;
     height: auto;
 }

 
 .home-page-video-and-staff-pic-phone {
     display: none;
 }
 
 

 
 
 
 

    /***************** Begin Screen Sizes  ****************/



    
@media screen and (max-width: 1280px) {

 nav ul li {
     font-size: 15.5pt;
 }
 
 .home-page-video-and-staff-pic {
     width: 55%;
 }
 
 .quick-links {
     width: 40%;
 }
    
  .home-page-video {
    height: 250px;
    width: auto;
   
}

.home-page-staff-pic {
    height: 150px;
    width: auto;
     
}  
}

/* end 1250px */
 /*******************************************************/
@media screen and (max-width: 1200px) {

 nav ul li {
     font-size: 15pt;
 }
  
 
 .map {
    width: 728px;
    height:600px;
    
}

  .home-page-video {
    height: 200px;
    width: auto;
   
}

.home-page-staff-pic {
    height: 140px;
    width: auto;
     
}  

}

/* end 1200px */
 /*******************************************************/
 
  /*******************************************************/
@media screen and (max-width: 1100px) {

    nav ul  {
        margin-left: -1em;
    }
    

 nav ul li {
     font-size: 14pt;
 }
 
 .home-page-video-and-staff-pic {
     display: none;
 }
 
 .home-page-video-and-staff-pic-phone {
     display: block;
     width: 76%;
     float: left;
 }

 .home-page-video-and-staff-pic {
    float: left;
    width: 76%;
}   

.quick-links {
    width: 95%;
}

  .home-page-video {
    height: 250px;
    width: auto;
    float: none;
    margin-bottom: 1em;
   
}

.home-page-staff-pic {
    height: 250px;
    width: auto;
    margin-top: 2em;
    float: none;
    margin-bottom: 0em;     
}  

 .map {
    width: 607px;
    height:500px; 
 }
 
 .form-label {
       
    text-align: left;
   margin-bottom: -0.7em;
   margin-top: 1em;
    width: 90%;

 }
 
 input {
     float: none;
     width: 95%;
 }
 
 nav ul li ul li {
     margin-left: 2em;
  
 }
 



        .form-label-extended  {
            margin-left: 0;
        }

}

/* end 1100px */
 /*******************************************************/

@media screen and (max-width: 1040px) {
    

    
    nav ul li {
     font-size: 13pt;
 }

    .header-right {
        float: left;
    }
    
    

}
/* end 960px */

 /*******************************************************/

@media screen and (max-width: 970px) {
 
    
   
 
    /* Now change nav to vertical */
    nav{
        width: 95%;
        float: left;
        padding-top: 1em;
        margin-bottom: 1em;
        margin-left: 1%;
     
    }
    

      
    nav li {
        float: left;
        clear: both;
        margin-left: 1%;
        width: 95%;
        max-width: 25em;
        height: auto;
        margin-bottom: 1em;
       
    }
    
    nav ul li {
         font-size: 20pt;
        
    }



.main-content .col2-and-col3-wrapper {
    width: 98%;
}

nav ul li ul li{
    margin-bottom: 0em;
}
    
   nav ul li:hover > ul {
		 z-index: 200;
	}
                 

        
        .contact-form {
            width: 99%;
        }
        
        input {
            width: 99%;
        }
        
        select {
            width: 99%;
        }
        
        .col2-and-col3-wrapper-for-publications {
            display: none;
            width: 40%;
        }
        
        .publications-directions-for-phone {
            display: block;
            float: left;
            width: 50%;
            margin-top: 4em;
        }
        
        .publications-directions-for-phone  p {
            margin-bottom: 1em;
            font-size: 1.1em;
        }
        
        .publication-frame-for-phone {
            display: block;
            width: 90%;
            float: left;
        }
        
        .book-ad-for-phone {
            display: block;
            width: 90%;
            float: left;
            margin-left: 2%;
        }
        
        .book-ad-for-phone p {
            margin-bottom: 1em;
        }
        
        .parent-information-form, .student-profile-form {
            width: 100%;
        }
        
        .main-content .col1-for-specific-resource {
            width: 95%;
            margin-top: -1em;
            margin-bottom: 2em;
        }
        
          .author {

      margin-left: 0.4em;

  }
  
    .abstract {

      margin-left: 0.4em;

  }

  
}

/************** End 768 ********************/

@media screen and (max-width: 640px) {

          .in-paragraph-pic {
float: left;
width: 100%;
margin: 1em;
    
}

.header .logo , .header_phone .logo, .header2 .logo {
   

    width: 100%;
    height: auto;
}

        .header-pic {

            width: 100%;
            height: auto;
        }

.main-content .col1 {
    width: 90%;
    border-style: none;
    
}

.main-content .col2-and-col3-wrapper {
    width: 95%;
    margin-top: 2em;
}


   footer.regular-viewport {
           display: none;
       }
    
       footer.narrow-viewport {
           display: block;
       }
       
            .map {
    width: 364px;
    height:300px;
    
} .phone-help-links {    
        margin-top: 0.7em;    
    }
  
    nav{     
        padding-top: 1em;   
    }
    


    
    .home-page-video-and-staff-pic-phone {
        width: 95%;
    }
    

    .quick-links {
    margin-top: 2em;
    width: 80%;
    border-top-style: solid;
    border-width: 1px;
    border-color: black;
  
}


    
}
/* end 640 width */
 /*******************************************************/
@media screen and (max-width: 520px) {
 
 
 .phone-help-links {    
        margin-top: -1em;    
    }
  


    
   
 
         .publications-directions-for-phone {
             width: 40%;
             margin-left: 3%;
            margin-top: 1em;
        }
        
        .bio-portrait {
            width: 45%;
        }
        
        .bio-portrait-small {
            width: 40%;
        }
        
       .main-content  .col2-and-col3-wrapper {
            width: 95%;
        }
        
        .main-content .col2 {
            width: 100%;
        }
        
       .main-content .col3 {
            float: left;
            clear: both;
            width: 90%;
            margin-top: 2em;
            
        }
        

        
        
    } 
 
    
  /* end 520 width */
 /*******************************************************/
    
    
    
    
@media screen and (max-width: 470px) {

    .phone-help-links {
        margin-top: -1em;
    }
    
        

}

  /* end 470 width */
/*******************************************************/

 
@media screen and (max-width: 400px) {

    
    .header-pic {
        width: 100%;
        height: auto;
    }

    
    nav ul li {
        font-size: 1.2em;
    }
    
  .phone-help-links {
        margin-top: 0em;
    }
    
    
       footer.regular-viewport {
           display: none;
       }
    
       footer.narrow-viewport {
           display: block;
       }
       
       .col2-no-col-3 {
           margin-left: 0;
           width: 97%;
       }
       
        .col1-for-publications {
            width: 60%;
            margin-left: 0;
}

.col1-for-publications-search {
    width: 60%;
    margin-left: 0;
}



.publication-viewer {
    width: 37%;
    margin-left: 0;
}
.enlarge-button {
 width: 6em;
font-size: 1.0em;
}

  .author {

      margin-left: 0.4em;

  }
  
    .abstract {

      margin-left: 0.4em;

  }
  

     
}

/* end 400 width */