html {
   -webkit-text-size-adjust: none;
}
img{
max-width:100%;
height: auto;
   width: auto\9; /* ie8 */
}
@media only screen and (min-width: 1281px) and (max-width: 1320px) {
#container {width:100%; margin:0 auto;}
#wrap { width:1200px; margin: 0 auto;}
header {margin-top: 0px; }
.zerogrid{width:100%; margin: 0 auto;}*/
.zerogrid .col-2-3{width:68%; display: inline-block; margin-left: 3px; margin-top: 4px;}
.zerogrid .col-1-3{width:31%; /*margin-left: 4px;*/ display:inline-block;}
.menu{width:100%;}
.menu ul {list-style: none;margin: 0;padding: 0;}
.menu ul li {position: relative;float: left;margin: 3px; width:190px; height:190px;}
.menu ul li a {font-size: 11.0pt; color:#ffffff;display: block;padding: 6px 10px;z-index: 6;position: relative; text-align:right; margin-top: 15px;}
.menu ul li:hover a { width:170px; height:188px; background-color: #08506e;}
.menu .post{width:410px; height:92px; float:left;}
.menu .post:hover a{width:390px; height:83px; background-color:#126a6b;}
.menu .scholarships{width:410px; height:92px; float:left;}
.menu .scholarships:hover a{width:390px; height:83px; background-color:#b08608;}
.main{padding:0px; margin-top:0px; position:absolute; width:51%; height:388px;}
#logo { width:190px;top:0px; left: 0px; float:left; margin-right: 8px;}
#pic { width:180px;top:0px; left: 0px; float:left; margin-right: 6px;}
#pic1 { width:100%;top:0px; left: 0px; float:left; margin-right: 10px; height: 190px;}
.menu .volunteer{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 4px;*/ width:180px; height:190px; margin-top:4px;}
.menu .volunteer:hover a{width:160px; height:100px; background-color:#2b2424;}
.menu .masters:hover a{width:170px; height:188px; background-color:#65590a;}
.menu .doctrate:hover a{width:170px; height:188px; background-color:#4e2627;}
.menu .medicine:hover a{width:170px; height:188px; background-color:#c64419;}
.menu .cotacts{position: relative;float: left;width:180px; height:124px; margin-top:0px;}
.menu .cotacts:hover a{width:160px; height:109px; background-color:#928888;}
.menu .about{position: relative;float: left; margin-top: 7px; width:100%; height:124px; margin-left: 0px;}
.menu .about:hover a{width:160px; height:130px; background-color:#928888;}
.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ width:190px; height:190px; margin-left: 0px; margin-top: 7px;}
/*.menu .event:hover a{height: auto; background: none; width:100px;} */
.menu .event:hover {width:190px; height:190px; background-color:#928888 !important;}
#tag{width: 100%; height:58px; float:left; text-align:center; /*background: none repeat scroll 0 0 #EAEAE8;*/ margin-left: 0px; color: #000;font:bold 13pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px;}
.menu ul li #text-up a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:165px;}
.menu ul li #text-side a{ /*position:absolute !important;*/ right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:67px;}
.menu ul li #text-side-contacts a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:99px;}
.menu ul li #text-sch a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:148px;}
#text-sch{ position:absolute; right:0px; bottom:0px; /*line-height:353px;*/ width:190px;}
}
@media only screen and (min-width: 1120px) and (max-width: 1280px) {
#container {width:100%; margin:0 auto;}
#wrap { width:1100px; margin: 0 auto;}
header {margin-top: 0px; }
.zerogrid{width:100%; margin: 0 auto;}
.zerogrid .col-2-3{width:740px; display:inline-block;}
.zerogrid .col-1-3{width:31.9%; /*margin-left: 4px;*/ display:inline-block;}
/*.menu .post{width:250px;; height:86px; float:left;}
.menu .post:hover a{width:230px;; height:74px; background-color:#126a6b;}
.menu .scholarships{width:250px;; height:86px; float:left;}
.menu .scholarships:hover a{width:230px;; height:74px; background-color:#b08608;}
/*.menu ul li {position: relative;float: left;margin: 3px; width:180px; height:180px;}
#logo{width:23%;}
/*.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 0px; width:180px; margin-top: 7px;}*/
.menu{width:100%;}
.menu ul li {position: relative;float: left;margin: 3px; width:170px; height:170px;}
.menu ul li a {font-size: 11.0pt; color:#ffffff;display: block;padding: 6px 10px;z-index: 6;position: relative; text-align:right; margin-top:0px;}
.menu ul li a:hover { width:150px; height:188px; background-color: #08506e;}
.menu ul li #text-up a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:146px;}
.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ width:170px; height:170px; margin-left: 0px; margin-top: 7px;}
.menu .about{position: relative;float: left; margin-top: 7px; width:170px; height:107px; margin-left: 0px;}
.menu .about:hover a{width:150px; height:130px; background-color:#928888;}
.menu .event:hover{width:170px; height:170px; background-color:#928888 !important;}
.menu ul li .masters{width:250px;; height:82px; float:left;}
.menu .masters:hover a{width:150px; height:150px; background-color:#65590a;}
.menu ul li .doctrate{width:250px;; height:82px; float:left;}
.menu .doctrate:hover a{width:150px; height:188px; background-color:#4e2627;}
.menu ul li .medicine{width:250px;; height:82px; float:left;}
.menu .medicine:hover a{width:150px; height:188px; background-color:#c64419;}
#tag{width: 100%; height:55px; float:left; text-align:center; background: none repeat scroll 0 0 #fff; margin-left: 0px; color: #000;font:bold 12pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px;}
.main{padding:0px; margin-top:0px; position:absolute; width:51%; height:347px;}
#pic { width:170px;top:0px; left: 0px; float:left; margin-right: 2px;}
#pic1 { width:100%;top:0px; left: 0px; float:left; margin-right: 10px; height: 170px;}
#logo { width:170px;top:0px; left: 0px; float:left; margin-right: 8px;}
.menu .volunteer{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 4px;*/ width:172px; height:170px; margin-top:4px;}
.menu .post{width:390px; height:82px; float:left;}
.menu .post:hover a{width:370px; height:83px; background-color:#126a6b;}
.menu .scholarships{width:390px; height:82px; float:left;}
.menu .scholarships:hover a{width:370px; height:83px; background-color:#b08608;}
.menu .cotacts{position: relative;float: left;width:49%; height:107px; margin-top:0px;}
.menu .cotacts:hover a{width:152px; height:109px; background-color:#928888;}
.menu .volunteer:hover a{width:152px; height:100px; background-color:#2b2424;}
.menu ul li #text-side a{ /*position:absolute !important;*/ right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:58px;}
.menu ul li #text-side-contacts a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:83px;}
.menu ul li #text-sch a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:128px;}
#text-sch{ position:absolute; right:0px; bottom:0px; /*line-height:353px;*/ width:190px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1119px) {
#container {width:100%; margin:0 auto;}
#wrap { width:1000px; margin: 0 auto;}
header {margin-top: 0px; }
.zerogrid{width:100%; margin: 0 auto;}
.zerogrid .col-2-3{width:67.3%; display:inline-block;}
.zerogrid .col-1-3{width:31.9%; /*margin-left: 4px;*/ display:inline-block;}
/*.menu .post{width:250px;; height:86px; float:left;}
.menu .post:hover a{width:230px;; height:74px; background-color:#126a6b;}
.menu .scholarships{width:250px;; height:86px; float:left;}
.menu .scholarships:hover a{width:230px;; height:74px; background-color:#b08608;}
/*.menu ul li {position: relative;float: left;margin: 3px; width:180px; height:180px;}
#logo{width:23%;}
/*.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 0px; width:180px; margin-top: 7px;}*/
.menu{width:100%;}
.menu ul li {position: relative;float: left;margin: 3px; width:155px; height:155px;}
.menu ul li a {font-size: 11.0pt; color:#ffffff;display: block;padding: 6px 10px;z-index: 6;position: relative; text-align:right; margin-top:0px;}
.menu ul li a:hover { width:135px; height:188px; background-color: #08506e;}
.menu ul li #text-up a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:131px;}
.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ width:100%; height:169px; margin-left: 0px; margin-top: 7px;}
.menu .about{position: relative;float: left; margin-top: 5px; width:100%; height:107px; margin-left: 0px;}
.menu .event:hover{width:155px; height:169px; background-color:#928888 !important;}
.menu ul li .masters{width:250px;; height:82px; float:left;}
.menu .masters:hover a{width:135px; height:150px; background-color:#65590a;}
.menu ul li .doctrate{width:250px;; height:82px; float:left;}
.menu .doctrate:hover a{width:135px; height:188px; background-color:#4e2627;}
.menu ul li .medicine{width:250px; height:82px; float:left;}
.menu .medicine:hover a{width:135px; height:188px; background-color:#c64419;}
#tag{width: 95%; height:55px; float:left; text-align:center; background: none repeat scroll 0 0 #fff; margin-left: 0px; color: #000;font:bold 10pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px;}
#logo { width:155px;top:0px; left: 0px; float:left; margin-right: 8px; height:155px;}
#pic1 { width:100%;top:0px; left: 0px; float:left; margin-right: 10px; height: 155px;}
.main{padding:0px; margin-top:0px; position:absolute; width:50.7%; height:331px;}
#pic { width:48%;top:0px; left: 0px; float:left; margin-right: 3px;}
.menu .volunteer{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 4px;*/ width:156px; height:155px; margin-top:2px;}
.menu .post{width:350px; height:75px; float:left;}
.menu .post:hover a{width:330px; height:83px; background-color:#126a6b;}
.menu .scholarships{width:350px; height:75px; float:left;}
.menu .scholarships:hover a{width:330px; height:83px; background-color:#b08608;}
.menu .cotacts{position: relative;float: left;width:49%; height:107px; margin-top:0px;}
.menu .cotacts:hover a{width:136px; height:109px; background-color:#928888;}
.menu .about:hover a{width:131px; height:130px; background-color:#928888;}
.menu .volunteer:hover a{width:136px; height:100px; background-color:#2b2424;}
.menu ul li #text-side a{ /*position:absolute !important;*/ right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:51px;}
.menu ul li #text-side-contacts a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:83px;}
.menu ul li #text-sch a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:113px;}
#text-sch{ position:absolute; right:0px; bottom:0px; /*line-height:353px;*/ width:188px;}
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
#container {width:100%; margin:0 auto;}
#wrap { width:940px; margin: 0 auto;}
header {margin-top: 0px; }
.zerogrid{width:100%; margin: 0 auto;}
.zerogrid .col-2-3{width:68.2%; display:inline-block;}
.zerogrid .col-1-3{width:31%; /*margin-left: 4px;*/ display:inline-block;}
/*.menu .post{width:250px;; height:86px; float:left;}
.menu .post:hover a{width:230px;; height:74px; background-color:#126a6b;}
.menu .scholarships{width:250px;; height:86px; float:left;}
.menu .scholarships:hover a{width:230px;; height:74px; background-color:#b08608;}
/*.menu ul li {position: relative;float: left;margin: 3px; width:180px; height:180px;}*/
#logo{width:23%; margin-right: 6px;}
/*.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 0px; width:180px; margin-top: 7px;}*/
.menu{width:100%;}
.menu ul li {position: relative;float: left;margin: 3px; width:150px; height:150px;}
.menu ul li a {font-size: 11.0pt; color:#ffffff;display: block;padding: 6px 10px;z-index: 6;position: relative; text-align:right; margin-top:0px;}
.menu ul li a:hover { width:130px; height:188px; background-color: #08506e;}
.menu ul li #text-up a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:126px;}
.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ width:100%; height:170px; margin-left: 0px; margin-top: 7px;}
.menu .about{position: relative;float: left; margin-top: 7px; width:100%; height:93px; margin-left: 0px;}
.menu .event:hover{width:150px; height:170px; background-color:#928888 !important;}
#logo { width:150px;top:0px; left: 0px; float:left; margin-right: 8px; height:140px;}
#pic1 { width:100%;top:0px; left: 0px; float:left; margin-right: 10px; height: 150px;}
.menu ul li .masters{width:250px;; height:82px; float:left;}
.menu .masters:hover a{width:130px; height:150px; background-color:#65590a;}
.menu ul li .doctrate{width:250px;; height:82px; float:left;}
.menu .doctrate:hover a{width:130px; height:188px; background-color:#4e2627;}
.menu ul li .medicine{width:250px;; height:82px; float:left;}
.menu .medicine:hover a{width:130px; height:188px; background-color:#c64419;}
#tag{width: 100%; height:60px; float:left; text-align:center; background: none repeat scroll 0 0 #fff; margin-left: 0px; color: #000;font:bold 9pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px;}
.main{padding:0px; margin-top:0px; position:absolute; width:51%; height:317px;}
#pic { width:47%;top:0px; left: 0px; float:left; margin-right: 5px;}
.menu .volunteer{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 4px;*/ width:143px; height:150px; margin-top:4px;}
.menu .post{width:310px; height:71px; float:left;}
.menu .post:hover a{width:289px;; height:83px; background-color:#126a6b;}
.menu .scholarships{width:310px; height:71px; float:left;}
.menu .scholarships:hover a{width:289px;; height:83px; background-color:#b08608;}
.menu .cotacts{position: relative;float: left;width:49%; height:93px; margin-top:0px;}
.menu .cotacts:hover a{width:122px; height:109px; background-color:#928888;}
.menu .about:hover a{width:116px; height:130px; background-color:#928888;}
.menu .volunteer:hover a{width:122px; height:100px; background-color:#2b2424;}
.menu ul li #text-side a{ /*position:absolute !important;*/ right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:47px;}
.menu ul li #text-side-contacts a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:70px;}
.menu ul li #text-sch a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:110px;}
#text-sch{ position:absolute; right:0px; bottom:0px; /*line-height:353px;*/ width:197px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
#container {width:100%; margin:0 auto;}
#wrap { width:768px; margin: 0 auto;}
header {margin-top: 0px; }
header .wrap-header{height: 100px;}
#logo{width:182px;}
/*.menu{display:none;}*/
/*.minimenu{display:block;}*/
.main{padding:0px; margin-top:0px; position:absolute; width:74%; height:380px;}
.menu ul li {position: relative;float: left;margin: 5px; width:182px; height:200px;}
/*.menu .post{width:374px; height:90px; float:left;}*/
#tag{width:50%; height:64px; float:left; text-align:center; background: none repeat scroll 0 0 #fff; margin-top: -800px; margin-left:0px; font:bold 14pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px;}
#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
.menu .cotacts{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ margin-left: -9px; width:182px; height:200px; margin-top:7px;}
.menu .about{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ margin-left: -2px; width:182px; height:200px;}
.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ margin-left: 5px; width:182px; height:150px;}
#pic { width:391px; /*position: absolute;*/ float:left; margin: 0px;}
#pic1 { width:182px; /*position: absolute;*/ float:left; margin-top: 4px;}
.menu .volunteer{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 4px;*/ width:182px; height:200px; margin-top:6px;}
.zerogrid{width:768px; margin: 0 auto;}
.zerogrid .col-2-3{width:99%;}
.zerogrid .col-1-3{width:100%; margin-left: 4px;}
.menu ul li a {font-size: 12px; line-height:12px;color:#ffffff;display: block;padding: 6px 10px;/*margin-bottom: 5px;*/z-index: 6;position: relative; /*text-transform:uppercase; margin-top:165px;*/ text-align:right; /*margin-right:5px;*/}
.menu ul li:hover a { width:162px; height:177px; background-color: #08506e;}
.menu ul li .masters{width:250px;; height:82px; float:left;}
.menu .masters:hover a{width:161px;; height:177px; background-color:#65590a;}
.menu ul li .doctrate{width:250px;; height:82px; float:left;}
.menu .doctrate:hover a{width:161px;; height:177px; background-color:#4e2627;}
.menu ul li .medicine{width:250px;; height:82px; float:left;}
.menu .medicine:hover a{width:161px;; height:177px; background-color:#c64419;}
.menu .post{width:373px;; height:82px; float:left;}
.menu .post:hover a{width:352px;; height:50px; background-color:#126a6b;}
.menu .scholarships{width:373px;; height:82px; float:left;}
.menu .scholarships:hover a{width:353px;; height:50px; background-color:#b08608;}
.menu .cotacts{position: relative;float: left;/*padding: 6px 5px 0px 5px; margin: 4px;*/ width:182px; height:200px;}
.menu .cotacts:hover a{width:161px;; height:170px; background-color:#928888;}
.menu .about{float: left;/*padding: 6px 5px 0px 5px; margin: 5px;*/ width:182px; height:200px;}
.menu .about:hover a{width:161px;; height:170px; background-color:#928888;}
.menu .event{position: relative;float: left;/*padding: 6px 5px 0px 5px;*/ margin: 0px; width:182px; height:190px; margin-top: 7px;}
.menu .event:hover{width:182px;; height:190px; background-color:#928888 !important;}
.menu .tag{width:415px; height:35px; float:left; text-align:center; background-color:#fff;}
.menu ul li .volunteer{width:250px;; height:82px; float:left;}
.menu .volunteer:hover a{width:161px;; height:170px; background-color:#2e2727;}
.menu ul li #text-up a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:188px;}
.menu ul li #text-side a{ /*position:absolute !important;*/ right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:70px;}
.menu ul li #text-side-contacts a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:188px;}
.menu ul li #text-sch a{ position:absolute !important; right:0px !important; bottom:0px !important; display:block !important; height:auto !important; padding-top:170px; width: 162px;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (max-width: 767px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
#container {width:100%; margin:0 auto;}
#wrap { width:768px; margin: 0 auto;}
/*header {margin-top: 0px;height:215px;}*/
/*#logo{top:-114px; left: 0px; position:absolute; width:150px; margin-left:1px;}*/
.menu{display:none;}
.minimenu{display:block; margin-top: -95px; background:#A6A934;}
.main{padding:0px; margin-top:0px; position:absolute; width:99%; margin-top: 240px; display:none;}
/*#tag{width:360px; height:35px; float:left; text-align:center; background-color:#fff; margin-top: -150px; margin-left:-137px;}*/
#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
#pic1 { width:182px; /*position: absolute;*/ float:left; margin-top: 280px; display:none;}
.zerogrid{width:100%;}
.minimenu div {margin-top:5px; margin-bottom:5px;}
.minimenu div .masters{background-color:#887e39;}
.minimenu div .masters:hover a{background-color:#928888;}
/* -------------------------------------------- */
/* ------------------Featured------------------ */
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (min-width: 700px) and (max-width: 767px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
#container {width:100%; margin:0 auto;}
#wrap { width:100%; margin: 0 auto;}
/*header {margin-top: 0px;height:200px;}
#logo{top:-106px; left: 0px; position:absolute; width:150px; margin-left:1px;}*/
#tag{width:355px; height:35px; float:left; text-align:center; background-color:#fff; margin-top: -160px; margin-left:-253px; font:bold 13pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px;}
#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
.zerogrid{width:100%;}
.minimenu div {margin-top:5px; margin-bottom:5px;}
.undergraduate-mini{ background-color:#887e39; }
.undergraduate-mini a:hover {background-color:#08506e; width:100%; padding:10px 300px;}
.minimenu ul li .masters{width:250px;; height:82px; float:left;display:inline-block;}
.minimenu .masters:hover a{width:150px;; height:158px; /*background-color:#65590a;*/ }
div.masters :hover{
/*background-color: #E3E3E3;*/
}
.accordion {
padding: 0;
margin: 2em 0;
width: 100%;
overflow: hidden;
font-size: 1em;
position: relative;
}
.accordion__title {
padding: 0 1em;
background: #ccc;
border-top: 2px solid #eee;
color: #222;
float: left;
line-height: 3;
height: 3em;
cursor: pointer;
margin-right: .25em;
}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (min-width: 620px) and (max-width: 699px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
#container {width:100%; margin:0 auto;}
#wrap { width:100%; margin: 0 auto;}
/*header {margin-top: 0px;height:200px;}*/
/*#logo{top:-106px; left: 0px; position:absolute; width:150px; margin-left:1px;}*/
#tag{width:355px; height:35px; float:left; text-align:center; background-color:#fff; margin-top: -160px; margin-left:180px; font:bold 13pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px;}
#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
.zerogrid{width:100%;}
.minimenu div {margin-top:5px; margin-bottom:5px;}
.undergraduate-mini{ background-color:#887e39; }
.undergraduate-mini a:hover {background-color:#08506e; width:100%; padding:10px 300px;}
.minimenu ul li .masters{width:250px;; height:82px; float:left;display:inline-block;}
.minimenu .masters:hover a{width:150px;; height:158px; /*background-color:#65590a;*/ }
div.masters :hover{
/*background-color: #E3E3E3;*/
}
.accordion {
padding: 0;
margin: 2em 0;
width: 100%;
overflow: hidden;
font-size: 1em;
position: relative;
}
.accordion__title {
padding: 0 1em;
background: #ccc;
border-top: 2px solid #eee;
color: #222;
float: left;
line-height: 3;
height: 3em;
cursor: pointer;
margin-right: .25em;
}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (min-width: 480px) and (max-width: 619px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
#container {width:100%; margin:0 auto;}
/*header {margin-top: 0px;height:170px;}
#logo{top:-91px; left: 0px; position:absolute; width:122px; margin-left:1px;}*/
#wrap { width:100%; margin: 0 auto;}
.minimenu{display:block; margin-top:-95px;}
#tag{width:348px; height:35px; float:left; text-align:center; background-color:#fff; margin-top: -150px; margin-left:130px; font:bold 13pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; }
#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
.zerogrid{width:100%;}
.zerogrid .col-1-3, .zerogrid .col-2-3{width:99%%;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
#container {width:100%; margin:0 auto;}
#wrap { width:100%; margin: 0 auto;}
.zerogrid{width:100%;}
/*header{height: 170px;}
#logo{top:-91px; left: 0px; position:absolute; width:121px; margin-left:1px;}
header #search{bottom: 8px; width: 147px; top:auto; !*left: 5px;*! margin-right: 0px;}
header #search input{width: 107px;}*/
.menu{display:none;}
.minimenu{display:block; margin-top:-95px;}
nav .wrap-nav{background:none;}
#main-content .comment input, #main-content .comment textarea{width:90%;}
#tag{width:67%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -150px; margin-left:112px; color: #000;font:bold 9pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:20px !important;}
#tag-bor{border-left:6px solid #444444; padding:4px;}
#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
.main{padding:0px; margin:0px; margin-top:0px;}
.zerogrid, .zerogrid .col-1-3, .zerogrid .col-2-3 {width:99%;}
.main{padding:0px; margin-top:258px; ;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}
@media only screen and (min-width: 240px) and (max-width: 319px) {
/* -------------------------------------------- */
/* ------------------Header-------------------- */
#container {width:100%; margin:0 auto;}
#wrap { width:100%; margin: 0 auto;}
.zerogrid{width:100%;}
header{height: 170px;}
#logo{top:-91px; left: 0px; position:absolute; width:121px; margin-left:1px;}
header #search{bottom: 8px; width: 147px; top:auto; /*left: 5px;*/ margin-right: 0px; right:3px;}
header #search input{width: 107px;}
.menu{display:none;}
.minimenu{display:block; margin-top:-95px;}
nav .wrap-nav{background:none;}
#main-content .comment input, #main-content .comment textarea{width:90%;}
#tag{width:60%; height:35px; /*float:left;*/ text-align:center; background-color:#fff; margin-top: -150px; margin-left:115px; color: #000;font:bold 10pt Calibri, sans-serif;line-height:60px; letter-spacing: 0.5px; line-height:30px;}
#tagline{width:97%; height:0px; float:left; text-align:center; background-color:#fff; margin-left: 6px;}
.main{padding:0px; margin:0px; margin-top:0px;}
.zerogrid, .zerogrid .col-1-3, .zerogrid .col-2-3 {width:99%;}
.main{padding:0px; margin-top:258px; ;}
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* -------------------------------------------- */
/* ------------------Other----------------*---- */
}