@charset "UTF-8";
#header {background: url(../web-imgs/headerBG.jpg) top left repeat-x #85685B; width: 100%; position: relative; height: 126px; z-index: 100}
#body {z-index: 200}
div.navBar {width: 976px; background: url(../web-imgs/headerBG.jpg) top left repeat-x #85685B; margin-left: auto; margin-right: auto; margin-top: 0px; position: relative; }

div#macWordmark { padding-top: 23px; width: 450px; /* narrow */ width: 400px; overflow: hidden; margin-left: 12px;}
div#macWordmark h1 { margin: 0px; padding:0px;}
div#macWordmark h1 a{display:block; background: url(../web-imgs/MacalesterWordmark.jpg) top left no-repeat; height: 43px; text-indent: -9999px;}

ul#mainNav {width: 976px; overflow: hidden; margin: 0px; margin-right: 12px; margin-left: 12px; padding: 0px; margin-top: 22px}
ul#mainNav * {display: block; overflow: hidden;}
ul#mainNav li { display: block; float: left; height: 38px; overflow: hidden; margin: 0px; }

ul#mainNav li a { display:block; background: url(../web-imgs/mainmenu.gif) top left no-repeat; margin: 0px; height: 38px; text-align: center; text-transform: uppercase; line-height: 2.8em; font-size: 1.2em; font-weight: bold; text-decoration: none; background-color: #cfc0b7; color: #5f493f; text-indent: -9999px;}
ul#mainNav li.navAbout a {width: 214px;}
ul#mainNav li.navAcad a {width: 144px; background-position: -214px 0px;}
ul#mainNav li.navLife a {width: 145px; background-position: -358px 0px;}
ul#mainNav li.navAdmis a {width: 277px; background-position: -503px 0px;}
ul#mainNav li.navSupport a {width: 172px; background-position: -780px 0px;}

ul#mainNav li a:hover, ul#mainNav li a.linkOn {background-color: #f3ece9}
ul#mainNav li.navAbout a:hover, ul#mainNav li.navAbout a.linkOn {background-position: -0px -38px;}
ul#mainNav li.navAcad a:hover, ul#mainNav li.navAcad a.linkOn {background-position: -214px -38px;}
ul#mainNav li.navLife a:hover, ul#mainNav li.navLife a.linkOn {background-position: -358px -38px;}
ul#mainNav li.navAdmis a:hover, ul#mainNav li.navAdmis a.linkOn {background-position: -503px -38px;}
ul#mainNav li.navSupport a:hover, ul#mainNav li.navSupport a.linkOn {background-position: -780px -38px;}


div#audienceBar { position: relative; z-index: 1; }
div#audienceBar ul {margin:0px; padding: 0px; width: 498px; position: absolute; top: -70px; right: 12px;}
div#audienceBar ul li {display:block; float: left;}

ul#audienceNav li a { display:block; background: url(../web-imgs/audiencemenu.jpg) top left no-repeat #8b7668; margin: 0px; height: 32px; text-align: center; text-transform: uppercase; line-height: 3.2em; font-size: .95em; font-weight: bold; text-decoration: none; color: white; overflow: hidden; text-indent: -9999px;}
ul#audienceNav li.navStudents a {width: 152px;}
ul#audienceNav li.navFacStaff a {width: 120px; background-position: -152px 0px;}
ul#audienceNav li.navParentsFam a {width: 153px; background-position: -272px 0px;}
ul#audienceNav li.navAlumni a {width: 73px; background-position: -425px 0px;}

ul#audienceNav li.navStudents a:hover {background-position: 0px -33px;}
ul#audienceNav li.navFacStaff a:hover {width: 120px; background-position: -152px -33px;}
ul#audienceNav li.navParentsFam a:hover {width: 153px; background-position: -272px -33px;}
ul#audienceNav li.navAlumni a:hover {width: 73px; background-position: -425px -33px;}



div#tasks {z-index: 9998; position: absolute; right: 12px; top: 0px; width: 498px; background: #7e685b;}
div#tasks ul#taskNav { margin:0px; padding: 0px; list-style: none; position: absolute; top: 0px; margin-top: 4px; right: 16px;}
div#tasks ul#taskNav li { display: block; float: left; margin: 0px; position: relative; padding: 0px;}
div#tasks a, div#tasks span {color: #FFFFFF; font-size: 12px; line-height: normal; text-transform: lowercase; display: block; padding: 5px 8px 2px 8px; }
li.seeMoreBody {z-index: 9999}
div#tasks span.seeMoreOptionsLabel {padding-right: 17px; background: url(../web-imgs/task_more_arrow.gif) right 9px no-repeat; cursor: pointer;}
div#tasks span.subhover {background-position: right -13px;}

div#tasks ul#internalLinks {position: absolute; background: #7e685b; z-index: 9997; /*border-top: solid 1px #b39b8b;*/ width: 144px; right: 0px; margin: 0px; margin-right: -16px; padding: 10px 0px 0px 0px; display:none;}
div#tasks ul#internalLinks a {padding: 5px 8px 5px 8px; display: block;}
div#tasks ul#internalLinks a:hover {background: #705c50;}
div#tasks ul#internalLinks li {padding: 0px; margin: 0px; list-style: none; display: block; float: none; position: static;}
ul.internalSection { border-top: solid 1px #b39b8b; }
div#tasks ul#internalLinks ul {margin: 0px; padding: 0px;width: 100%}

div#siteSearch {width: auto; font-size: 16px;  position: relative; padding: 0px; margin-top: 4px; margin-left: 5px; margin-bottom: 5px; margin-right: 5px; width: 220px;}
div#siteSearch form, div#siteSearch p {margin:0px; padding:0px;}
div#siteSearch input { border: 0px; background: #FFFFFF; padding: 2px 20px 3px 4px; border: solid 1px #999999; margin:0px; font-size: .8em; width: 195px;}
div#siteSearch input.placehold {color: #A79080}
div#siteSearch button { border: 0px; padding:0px; margin:0px; position: absolute; right: 1px; top: 1px; background: #FFFFFF; cursor: pointer; width: 20px; height: 17px; overflow: hidden; display: block; border: none; margin-top: 2px;}
div#siteSearch button img {padding: 0px; display:block; margin: 0px; border: none;}

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}







div.social {margin-top: 1.5em; background: url(../web-imgs/oldmain.jpg) -20px bottom no-repeat; height: 240px; margin-left: -12px; position: relative;}
/*div.social p.socLinks {margin: 0px; padding: 0px;  margin-left: 12px;} 
div.social p.socLinks a {display: block; margin:0px; padding: 0px; float: left;}
div.social p.socLinks img {width: 35px; height: 33px; border: none; padding-right: 8px; padding-bottom: 4px;}
*/

p.socLinks {width: 500px; overflow: hidden; margin: 0px; margin-right: 12px; margin-left: 12px; padding: 0px; height: 42px; overflow: hidden;}
p.socLinks * {display: block; overflow: hidden;}
p.socLinks a { display:block; background: url(../web-imgs/joined_icons.jpg) top left no-repeat; margin: 0px; height: 32px; width: 33px; overflow: hidden; float: left; text-align: center; text-transform: uppercase; line-height: 2.8em; font-size: 1.2em; font-weight: bold; text-decoration: none; background-color: #cfc0b7; color: #5f493f; text-indent: -9999px; margin-right: 8px;}

p.socLinks a.youtube {background-position: -33px 0px;}
p.socLinks a.delicious {background-position: -33px -32px;}
p.socLinks a.twitter {background-position: -33px -64px;}
p.socLinks a.linkedin {background-position: -33px -96px;}
p.socLinks a.facebook {background-position: -33px -128px;}

p.socLinks a.youtube:hover {background-position: 0px 0px;}
p.socLinks a.delicious:hover {background-position: 0px -32px;}
p.socLinks a.twitter:hover {background-position: 0px -64px;}
p.socLinks a.linkedin:hover {background-position: 0px -96px;}
p.socLinks a.facebook:hover {background-position: 0px -128px;}



/*
ul#mainNav li.navAbout a {width: 227px;}
ul#mainNav li.navAcad a {width: 159px; background-position: -227px 0px;}
ul#mainNav li.navLife a {width: 163px; background-position: -386px 0px;}
ul#mainNav li.navAdmis a {width: 295px; background-position: -549px 0px;}
ul#mainNav li.navSupport a {width: 180px; background-position: -844px 0px;}
*/