@import 'cl-global.css';
@import 'cl-pages.css';

@media only screen and (min-width: 320px) {

form.quicksearch {
display:block;
}

}

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


div, p, li, a {

}

object {width:320px;height:249px;}


#account-links {
display:block;
}

#search_term, #Ctext, #C {
width:300px;
}


.services .box {
width:350px;
}

.services .column, .research .column, .find .column, .about .column  {
width:376px;
}

}


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

.social-icons {
float:right;
}
.column {
float:left;
padding-right:2em;
}



form {
margin:4em;
}


}


@media only screen and (min-width:768px) {

#content-right {
float:right;

}

#content-main {
width:70%;
float:left;
}


td,th {
display:table-cell;
}

#grid td {
padding-right:2em;
}

.layout td {
padding-right:2em;
width:50%;
}

object {width:640px;height:498px;}

#header, #page, #footer {
width:750px;
margin:0 auto;
}

#page {
width:745px;
}

#banner { 
background:url(header-duo.jpg) no-repeat right 2px #fff; 
}

.main-wrapper  {
background:url(bkground-fade.png) 0% 25px repeat-x #fff;
}

#nav-top  {
background:url(bkground-fade.png) 0% 25px repeat-x #fff;
height:44px;
}


#nav-top li {
display: inline;
padding:0;
}

#nav-top a {
float:left;
padding:.75em 1.25em .5em 2.5em;
}


#buttons-top {
display:block;
margin-right:1.25em;
margin-left:1.5em;
}

#buttons-top li {
display:inline;
}



#banner .screen-only {display:inline;}
#banner span {display:inline;}
#banner .institutions a {display:inline;}

li.find a {
background:url(tri-red.png) 100% 50% no-repeat;
}

li.research a {
background:url(tri-green.png) 100% 50% no-repeat;
}

li.services a {
background:url(tri-purple.png) 100% 50% no-repeat;
}

li.about a {
background:url(tri-blue.png) 100% 50% no-repeat;
}

.find li.find a {
background:url(tri-red-active.png) 100% 50% no-repeat;
}

.research li.research a {
background:url(tri-green-active.png) 100% 50% no-repeat;
}

.services li.services a {
background:url(tri-purple-active.png) 100% 50% no-repeat;
}

.about li.about a {
background:url(tri-blue-active.png) 100% 50% no-repeat;
}



li.ask a {
background:url(ask.png) 0% 50% no-repeat;
}





.js .nav-collapse {
 position: relative;
 }
 
.js .nav-collapse.closed {
 max-height: none;
 }
  
.nav-toggle {
 display: none;
}


.resources_legend {
  float:right;
}


#content-main {

}


#content-right {
margin: 0;
padding: 0;
}

li.ask a {
width:32%;
}

#s-lg-widget-1482467923022 ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;

}

}



@media only screen and (min-width: 992px) {




#buttons-top a {
display:inline;
margin:0;
}

#content-main {
width:70%;
float:left;
}

#search, #images {display:block;}

#header, #page, #footer {
width:970px;
margin:0 auto;
}

#page {
width:965px;

}

#banner { background:url(header-tripple.jpg) no-repeat right 2px #fff; }




.alpha-list br {
display:inline;
}

#buttons-top {
display:block;
float:right;
margin-right:0em;
margin-left:0em;
}

li.ask a {
width:47%;
}



}

@media only screen and (min-width: 1200px) {

#header, #page, #footer {
width:1170px;
margin:0 auto;
}

#page {
width:1165px;

}

.homepage {
width:970px;

}




#banner { background:url(header-quad.jpg) no-repeat right 2px #fff; }





}



@media only print {

#header, #nav-top, #breadcrumbs, #footer {
display: none;  
}

.nav-toggle {
display: none;  
}

td,th {
display:table-cell;
}


table.layout, .layout th, .layout td {
border:0;
}

}