body, html {background:#FFFFFF; font-family: Arial, Helvetica, Sans-Serif; color:#333333; font-size:13px; margin:0; padding:0}

a {text-decoration:none;}

a:hover {text-decoration:underline;}

#content h1 a, #content h1 {color:#333333; font-weight:bold; font-size:18px;}

h3 {color:#000000; font-size:16px; font-weight:normal; }
#wrapper {width:1003px; margin:auto; background:url(../images/wrapper-bg.png) top left repeat-y;}

#heading {background:url(../images/banner-bg.png); width:963px; padding:0 5px 0 35px; }

#heading img {padding-top:10px; padding-bottom:10px;}

#search-expertise {float:right; margin-right:10px;}
#search-expertise form {padding-top:5px;}
#search-expertise ul li {list-style:none; padding:0; margin:0;}
#search-expertise ul {padding:0; margin:0;}
#search-expertise #go {margin:0 5px 0 0; border:1px solid #999; -moz-border-radius: 5px; -webkit-appearance: none; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; background: #FFFFFF url(../images/search.png) no-repeat right; height:22px; padding-right:27px; padding-left:5px; width:150px}

#nav1 {background:#004188 url(../images/nav1.png) top left repeat-x; width:963px; padding:0 5px 0 35px; float:left;}
#nav2 {background:url(../images/nav2.png) top left repeat-x; width:963px; padding:0 5px 0 35px;  float:left;}
#nav1 ul {padding:0; margin:0;  }
#nav1 ul li {padding:0; margin:8px 0 0 0; list-style:none; float:left; position:relative;}
#nav1 ul li a {color:#FFFFFF;padding: 8px 7px 8px 7px; margin-right:0; font-size:13px; text-transform:uppercase;}
#nav1 ul li a:hover, #heller .heller, #ibs .ibs, #rabb .rabb, #arts-sciences .arts-sciences  {background:#007DB4; text-decoration:none;}
#nav2 a {color:#FFFFFF;padding: 8px 10px 6px 10px; margin-right:0; font-size:13px; text-transform:uppercase; float:left;}
#nav2 a:hover {background:#656565; text-decoration:none;}
#A .A, #B .B, #C .C, #D .D, #E .E, #F .F, #G .G, #H .H, #I .I, #J .J, #K .K,  #L .L, #M .M, #N .N, #O .O, #P .P, #Q .Q, #R .R, #S .S, #T .T, #U .U, #V .V, #W .W, #X .X, #Y .Y, #Z .Z  {background:#656565; text-decoration:none;}

#nav1 .browse, #nav2 .browse {padding-top:7px;}
#nav1 .browse a, #nav2 .browse a {background:transparent!important; color:#FFFFFF; text-transform:none !important; font-size:13px !important; font-weight:normal !important;}

#nav1 .browse {height: 24px; position: relative;}
#nav2 .browse {height: 22px; position: relative;}


#search-expertise .browse {float:none; padding-top:20px; width:250px;}
#search-expertise .browse a {color:#FFFFFF;}

.browse {color:#FFFFFF; padding-right:15px; width:150px; float:left;}
.submit {-webkit-appearance: none; background:#1F6BB7; color:#FFFFFF; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; padding:5px 4px 5px 4px;}

#topimg {width:100%}

#footer {padding:10px; clear:both;}
#content {padding:10px 5px 10px 35px; clear:both; line-height:160%;}
#content a, #footer a {color:#007DB4;}

#footer {border-top:3px solid  #002363; background: #B1B3B6; text-align:center;}

#footer ul {list style:none;} 

#footer ul li {display:inline; border-right:1px solid; padding:0 10px 0 10px;}

.last-footer {border-right:0 !Important}

#schoollistbody li, #letterlistbody li {padding-bottom:25px;}
.clear {clear:both;}

#nav2 .browse a {padding:0;}
#nav1 .browse a {text-decoration:none}

@media screen and (max-device-width:1024px) {
#wrapper, #heading{width:100%;padding:0;}
#nav1, #nav2 {padding-left:0; padding-right:0; width:100%}
#nav1 ul {padding:0; margin:0; display:inline; position:relative; }
#nav1 ul li {padding:8px 0 0 0; margin:0; list-style:none; display:inline; position:relative;}
.browse {color:#FFFFFF; padding-right:0px; width:150px; float:left;}
#footer {font-size:12px;}
#footer ul {margin-left:-20px}
#heading img, #nav1 .browse, #nav2 .browse, #content {padding-left:20px;}
#wrapper {background:#FFFFFF;}
#nav1 ul li a {color:#FFFFFF;padding: 8px 2px 10px 2px; margin-right:2px; font-size:10px; text-transform:uppercase;}
#nav2 a {color:#FFFFFF;padding: 7px 9px 6px 8px; margin-right:0; font-size:11px; text-transform:uppercase;}
#nav2 .browse a {margin:0 !important; padding:0 !important }
}

@media only screen and (device-width: 768px) and (orientation: landscape) {

#nav1 ul li a {color:#FFFFFF;padding: 8px 5px 8px 5px; margin-right: 0; font-size:13px; text-transform:uppercase;}
#nav2 a {color:#FFFFFF;padding: 7px 9px 6px 10px; margin-right:0; font-size:13px; text-transform:uppercase;}
}


@media only screen and (device-width: 768px) and (orientation: portrait) {
  /* rules for iPad in portrait orientation */

#nav1 ul li a {color:#FFFFFF;padding: 8px 3px 10px 3px; margin-right: 0; font-size:10px; text-transform:uppercase;}
#nav2 a {color:#FFFFFF;padding: 9px 6px 6px 7px; margin-right:0; font-size:11px; text-transform:uppercase;}
}


@media screen and (max-width: 480px), screen and (max-device-width:480px) {
#wrapper {width:100%;}
#search-expertise {float:left; clear:left; padding:0 10px 0 10px; margin:0;}
#heading {padding:0 0 5px 0; margin:0; float:left; background-repeat: repeat-x; background-color: #004379; width:100%}
#heading img {float:left; clear:both; padding-left:10px;}
#nav1, #nav2 {float:left; margin:0; padding:0; width:100%;}
#nav2 {padding-top:5px; padding-left:0; padding-right:0;}
#nav1 ul, #nav2 a {display:none;}
#nav2 .browse, #nav2 .browse a {display:block !important}
#search-expertise .browse {padding:5px 0 0 0;}
#content, #footer {float:left; padding:0; margin:0}
#content {width:100%; word-wrap: break-word;}
#footer ul li {display:block; border:0; padding:5px 10px 5px 10px;}
#footer {width:100%; padding:10px 0 10px 0; text-align:left;}
#footer ul {padding:0; margin:0;}
#nav2 .browse {  text-align:left; padding:0 10px 0 10px;}
#nav1 .browse { text-align:left; padding:5px 10px 0 10px;}
#nav2 a {padding:0;}
h1, h3, p {margin-left:10px; margin-right:10px}


}