body {background: url(../web-imgs/globalbg2.jpg) top left repeat-x #c0b0a4; margin: 0px; padding: 0px;}

div#docBody {text-align: left;}
div#body {background:url(../web-imgs/homepagebodybg.jpg) bottom left repeat-x #CFC2B9; width: 976px; margin-left: auto; margin-right: auto;}
div#body div.mainBlock {background: #fbf9f7;}


a:link, a:hover, a:active {color: #82329e; text-decoration: none;}
a:visited {color: #a762bf; text-decoration: none;}
a:hover {text-decoration: underline; color: #82329e;}



div#footer {background:url(../web-imgs/footerbg.jpg) bottom left repeat-x #a89282; padding-left: 12px; padding-right: 12px; margin-left:auto; margin-right: auto;}
div#footer div.container {background: none;}


div.todayOnFB {background: url(../web-imgs/popoutquotebot.png) 8px bottom no-repeat; width: 260px; margin-left: 155px; padding-left: 40px; position: absolute; bottom: 0px; margin-bottom: 20px;}
div.todayOnFB p {padding: 16px 20px 0px 20px; color: #333333; width: 215px; background: url(../web-imgs/popoutquote.png) 0px 0px no-repeat; margin: 0px; margin-bottom: 41px; font-size: 12px; }
div.todayOnFB h3 {margin-bottom: 10px; margin-left: 18px; background: url(../web-imgs/onfacebooktoday.png) top left no-repeat; width: 215px; height: 23px; text-indent: -9999px;}

div#footer div.footerLinks {margin-top: 2em;}
div.footerLinks {position: relative; padding-bottom: 75px;}
div.footerLinks h3 {text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 1.55em; margin-bottom: .375em;}
div.footerLinks h3 a, div.footerLinks h3 a:visited {color: #593f35}
div.footerLinks h3 a:hover {color: #000}
div.footerLinks ul, div.footerLinks li {list-style: none; margin-left: 0px; padding-left: 0px; margin: 0px; padding: 0px; padding-bottom: .75em;}
div.footerLinks li {padding-bottom: 0px;}
div.footerLinks li a,div.footerLinks li a:visited {color: #333333; color: black; font-size: 11px;}
div.footerLinks li a:hover {color: white;}

div.contactInfo {color: white; position: absolute; bottom: 0px; margin-bottom: -10px; margin-left: -1px;}

div.address {}
div#footer p.address {font-size: 12px; margin-left: 0px; margin-bottom: 0px; padding-bottom: 0px;}

div.copyright {margin-right: 0px; }
p.copyright {color: #BFB1A7; font-size: 12px; margin-left: 0px; margin-top: 0px; padding-top: 0px; margin-bottom: 0px;}
p.copyright a { /*text-transform: uppercase;*/ text-decoration: underline; color: #DCD3CD;}
p.copyright a:hover {color: white;}


/* HOMEPAGE FEATURES */

div#homepageFeature {margin: 0px; padding: 0px; position: relative; -moz-box-shadow: 0px 3px 4px #c5c5c5; -webkit-box-shadow: 0px 3px 4px #c5c5c5; box-shadow: 0px 3px 4px #c5c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5');}
div#homepageFeature h2 {display: none;}
div#homepageFeature ul.featureIndex {background: #ea8106; margin: 9px 8px 7px 8px; border: solid 1px #F39A3E; position: absolute; list-style: none; padding: 8px; z-index: 4}
div#homepageFeature ul.featureIndex li {border: solid 1px #F39A3E; list-style: none; margin: 0px; padding: 0px; width: 244px; margin-top: -1px; display: block;}
div#homepageFeature ul.featureIndex li a { display: inline-block}
div#homepageFeature ul.featureIndex li a { text-transform: uppercase; color: #FFF; display: block; padding: 12px 12px 10px 10px; font-weight: bold; position: relative; overflow: visible; white-space: nowrap;}
div#homepageFeature ul.featureIndex li a:hover {background: #f49c42; text-decoration: none;}
div#homepageFeature ul.featureIndex li a.selected {background: #f49c42; -moz-outline-style: none; outline: none;}
div#homepageFeature ul.featureIndex li a span.arrow {display:block; height:44px; width: 14px; position:absolute; background: url(../web-imgs/rotation_arrow.png) no-repeat; top: 0px; right: -14px; }
div#homepageFeature div.featureContent { height: 308px; width:952px; background: none;}
div#homepageFeature div.featureContent div {}
div#homepageFeature div.featureContent div.featureImage {margin: 0px; padding: 0px; width: 952px; height: 308px; position: absolute; z-index: 3}
div#homepageFeature div.featureContent div.featureLeadIn {position: absolute; height: 308px; top: 0px; left: 295px; background: no; width: 646px;}
div#homepageFeature div.featureContent div.featureLeadIn p {position: absolute; width: 300px; right: 0px; bottom: 0px; padding: 0px; background:none; margin: 8px;}
div#homepageFeature div.featureContent div.bottomleft p {left: 0px; bottom: 0px;}
div#homepageFeature div.featureContent div.topleft p {left: 0px; top: 0px; height: auto; }
div#homepageFeature div.featureContent div.topright p {right: 0px; top: 0px; height: auto; }
div#homepageFeature div.featureContent div.featureLeadIn a {color: #333; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 16px; display: block; padding: 13px; background: url(../web-imgs/transp_bg.png) top left repeat;}
div#homepageFeature div.featureContent div.featureLeadIn a:hover { background: #666; background: #604969; color: #FFF; text-decoration: none;}
div#homepageFeature div.featureContent div.featureLeadIn strong {display: block; font-size: 1.3em; font-weight: normal;}
/*
<div id="homepageFeature">
        <h2>Feature Stories</h2>
        <ul class="featureIndex">
          <li> <a href="http://www.macalester.edu/story/1">A New Vision for the Arts</a> </li>
        </ul>
        <div class="featureContent">
          <div id="feature1">
            <!-- Feature HTML content here -->
            <p class="featureImage"><img src="news/images/homepagerotation/janetwallace.jpg" alt="Fine arts architectural rendering" width="1024" height="308" /></p>
            <div class="featureLeadIn">
              <p><a href="http://www.macalester.edu/whatshappening/stories/2010may/classof2010.html">The Janet Wallace Fine Arts Center will undergo an expansion and addition. View architectural renderings.</a></p>
            </div>
*/


/* HOMEPAGE COLUMNS */
div#leftCol {margin-top: 8px;}
div#leftCol h2 {display: none;}

/* HOMEPAGE ACCORDION */ 
div#happenings {margin-left: 0px;}
div#happenings div#frontPageEvents, div#happenings div#frontPagePhotos, div#happenings div#frontPageVideos { position: relative; background:#d4c9c0h; height: 225px; overflow: hidden;}
div#happenings h3 {font-size: .8571em; margin: 0px; padding: 0px; background: url(../web-imgs/hp_acc_h3bg.jpg) bottom left repeat-x #dac8bd; border: solid 1px #c4b3a8;}
div#happenings h3 a {color: #89786d; display: block; padding: 7px 11px; text-transform: uppercase; background: url(../web-imgs/hp_acc_h3arrow_off.jpg) center right no-repeat; margin-right: 8px; font-weight: bold;}
div#happenings h3 a:hover, div#happenings h3.ui-state-active a {color: #685245; background-image: url(../web-imgs/hp_acc_h3arrow_on.jpg); text-decoration: none; }
div#happenings h3 a:hover {background-image: url(../web-imgs/hp_acc_h3arrow_off.jpg);}
div#happenings h3 a:focus, div#happenings h3 a:active, div#happenings h3:focus {-moz-outline-style: none; outline: none;}
div#happenings div.content {height: 200px; overflow: auto;}
div#happenings p.seeMore {background: #604969; height: 25px; margin: 0px; padding: 0px; position:absolute; width: 100%;}
div#happenings p.seeMore span.more {float: right; margin-right: 10px; font-weight: bold;}
div#happenings p.seeMore span.submit {float: left; margin-left: 10px;}
div#happenings p.seeMore a {color:#FFFFFF; font-size: .7856em;}
div#happenings div.content ul {margin: 0px; padding: 0px;}
div#happenings div.content li {margin: 0px; padding: 0px; list-style: none;}
div#happenings div.content li a {display: block; padding: 10px; background: #e8dfd8; border-bottom: solid 1px #d4c9c0; font-size: .8571em; color: #333333; position: relative;}
div#happenings div.content li a:focus {outline-offset: -1px}
div#happenings div.content li a:hover {background: #d4c9c0; text-decoration: none;}
div#happenings div.content li span.vidTitle {display: inline-block; height: 40px; vertical-align: top; padding-left: 10px; padding-top: 10px;}
div#happenings span.date {font-weight: bold; display:block; float: left; width: 4em; text-transform: none; text-align: center; margin-top: -.1em;}
div#happenings span.date span { width: 4em; display: block; float: left; line-height: normal; text-align: center;}
div#happenings span.eventName {display: block; margin-left: 4.5em; line-height: 1.5em; padding-top: .4em; padding-bottom: .45em;}
div#happenings span.dow, div#happenings span.tod {color:#999;}
div#happenings span.date span.tod {line-height: 1.5em; padding-top: .5em; padding-bottom: .45em;}
/*
div#happenings span.date {font-weight: bold; display:block; position:absolute;  width: 4em; text-transform: none; top: 50%; height: 2.8em; margin-top: -1.3em; left: 8px; } */
/* HOMEPAGE SHORTCUTS */
div#quickLinks { margin-top: 8px;}
div#quickLinks h3 {display: none;}
div#quickLinks ul {list-style: none; margin: 0px; padding: 0px;}
div#quickLinks ul li { list-style: none; margin: 0px; padding: 0px;}
div#quickLinks ul li a { display: block;  background: white; border-bottom: solid 1px #ece7e2; padding: 4px 8px; text-transform: uppercase; color: #8f7f78; font-weight: bold; line-height: 3em;}
div#quickLinks ul li a:hover {background: #ede7e1; color: #5e483e; text-decoration: none; cursor: pointer;}
div#quickLinks ul li a img {vertical-align:middle; padding-right: 2px;}

.shadow {
	-moz-box-shadow: 0px 3px 4px #c5c5c5;
	-webkit-box-shadow: 0px 3px 4px #c5c5c5;
	box-shadow: 0px 3px 4px #c5c5c5;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5');
}


/*
        <div id="quickLinks">
          <h3>Shortcuts</h3>
          <ul>
            <li><a href="http://athletics.macalester.edu" title="Visit the Athletics website" class="athleticsQuickLink"><img src="resources/web-imgs/logoathletics.png" alt="" /> Athletics</a></li>
            <li><a href="http://www.macalestere.du/sustainability" title="Visit the Sustainability website" class="sustainabilityQuickLink"><img src="resources/web-imgs/logosustainability.png" alt="" /> Sustainability</a></li>
            <li><a href="http://www.macalesterbookstore.com/" title="Visit the online bookstore" class="bookstoreQuickLink"><img src="resources/web-imgs/logobooks.png" alt="" /> Bookstore</a></li>
          </ul>
        </div>

*/

/* HOMEPAGE NEWS FEATURES */

div.newsFeatures {margin-top: 8px;}
div.newsFeatures h2 {display: none;}
div.newsFeatures h4 {margin-left: 8px; margin-right: 8px; margin-bottom: 2px; color: #e07911; text-transform: uppercase; font-size: .87154em; font-weight: bold;}
div.newsFeatures p {color: #666666; margin-left: 8px; margin-right: 8px; margin-top: 0px; font-size: 12px; margin-bottom: 0px;}
div.newsFeatures p.newsImg {margin-left: 8px; margin-bottom: 8px; margin-top: 8px;}
div.newsFeatures div.newsItem {-moz-box-shadow: 0px 3px 4px #c5c5c5; -webkit-box-shadow: 0px 3px 4px #c5c5c5; box-shadow: 0px 3px 4px #c5c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5'); position: relative;}

div.newsFeatures div.newsItem div {border: solid 1px #EEEEEE; background: white; height: 300px; overflow: hidden;}
div.newsFeatures div.hover div {cursor: pointer; border-color: #ddd3ca;}
	
div.newsFeatures div.newsItem span.border {display: block; border: solid 3px white; height: 294px; width: 141px}
div.newsFeatures div.hover span.border {border: solid 3px #ddd3ca;}
div.newsFeatures div.hover a:hover {text-decoration: none;}

/* HOMEPAGE ADMISSIONS BLOCK */
div.studentInfo {margin-top: 8px;}
div.studentInfo div {border: solid 1px #EFEFEF;  margin-right: 8px; background: white; height: 300px; position: relative;}
div.studentInfo h3 {color: #e07911; text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 8px;}
div.studentInfo ul {margin: 8px 8px 8px 30px; padding: 0px;}
div.studentInfo p.whyMac {position: absolute; height: 90px; width: 225px; margin: 0px; padding: 0px; bottom: 0px; right: 0px; text-align: center; vertical-align: middle;}
div.studentInfo p.whyMac a {width:100%; height: 100%; display: block; background: url(../web-imgs/hp_whyMac_off.gif) top left no-repeat; text-indent: -9999px;}
div.studentInfo p.whyMac a:hover {background-image: url(../web-imgs/hp_whyMac.gif)}

/* HOMEPAGE NEWS FEED */
div#frontPageNewsFeed {margin-top: 16px;margin-right: 8px;}
div#frontPageNewsFeed h3 {color: #e07911; text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 8px;  border-top: margin-right: 8px;}
div#frontPageNewsFeed ul {list-style: none; margin: 0px 8px; padding: 0px;}	
div#frontPageNewsFeed li {list-style: none;}
/* GENERAL PURPOSE NEWS FEED */
div.newsFeed {margin: 16px 0px 16px 0px;}
div.newsFeed h3 {color: #e07911; text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 8px; margin-right: 8px;}
div.newsFeed ul {list-style: none; margin: 0px 8px; padding: 0px;}	
div.newsFeed li {list-style: none;}
  
  
  
/* HOMEPAGE PROMOS */


div.promo1 p, div.promo2 p, div.promo3 p, div.promo4 p {padding: 0px; margin: 8px 0px 8px 0px; height: 104px; overflow: hidden; position: relative;}
div.promo1 {width:232px; overflow: auto}
div.promo1 span, div.promo2 span, div.promo3 span, div.promo4 span {display:block; /*background: url(../web-imgs/transp_bg_black.png);*/ 
/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9; color: white; font-size: 1em; font-weight: bold; padding: 20px 24px 15px 24px; text-align: center; position: absolute; height: 69px; line-height: normal; bottom: 500px; background: #6b5274;}
div.promo1 p {margin-left: 8px;}

div.promo1 a:hover span, div.promo2 a:hover span, div.promo3 a:hover span, div.promo4 a:hover span {bottom: 0px;}
div.promo1 span, div.promo4 span   {width: 180px;}
div.promo2 span, div.promo3 span {width: 184px;}

/*        <div class="promo1 span-7">
          <p style="">
          	<a href="/promo/1"><img src="resources/images/ads/2010studentorientation.jpg" width="285" height="104" alt="Student Orientation" /><span>New students, visit the orientation website</span></a>
          </p>
        </div>
*/  
  
  
/* PAGE TITLE */

div.documentHead {background: #7e6787; position: relative; padding-top: 10px; z-index: 1;}
div.documentHead h1, div.documentHead h2 {margin-left: 8px; margin-right: 8px; font-family: Garamond,Georgia, "Times New Roman", Times, serif; font-weight: normal; text-shadow: #695B6C 0px 0px 2px; line-height: 1.3em;}

div.documentDesc, div.documentDescFull {margin-left: 280px; border: solid 2px #755d7d; background: url(../web-imgs/pageTitle_bg.jpg) bottom left repeat-x #806787; margin-right: 8px; border-bottom: none;}
div.documentDescFull {margin-left: 8px;}
div.pageCrumbs ul {margin: 0px; list-style: none; margin-left: 8px; margin-right: 8px; white-space: nowrap; width: 100%; height: 20px; margin-top: 3px;}
div.pageCrumbs li {font-size: .75em; list-style: none; display: block; float: left; text-transform:uppercase; color: #c1bec2; background: url(../web-imgs/crumb_sep.gif) center right no-repeat; padding-right: 10px; margin-right: 2px;}
div.pageCrumbs li.last-bc {background: none;}
div.pageCrumbs li a, div.pageCrumbs li a:visited {color: #d0c4c4;}
/*    	<div class="documentHead">
        	<div class="pageCrumbs">
            	<ul>
                	<li><a href="http://www.macalester.edu" title="Macalester College Homepage">Home</a></li>
                    <li class="last-bc">About Macalester</li>
                </ul>
            </div>
            <div class="documentTitle">
      			<h1>About Macalester</h1>
        	</div>
        </div>
*/

/* SUB-SITE NAVIGATION */
div.subSiteMenu {background: #ea8106; zoom: 1; position: relative; z-index:2; margin: -40px 0px 8px 0px; padding: 9px 7px; }
div.subSiteMenu ul {margin:0px; padding: 0px; list-style: none;}
div.subSiteMenu li {margin:0px; padding: 0px; list-style: none; border: solid 1px #f49c42; margin-top: -1px;}
div.subSiteMenu li a, div.subSiteMenu li a:hover, div.subSiteMenu li a:visited, div.subSiteMenu li a.external {display: block; color: #FFF; text-transform: uppercase; font-weight: bold; padding: 10px 25px 10px 25px; text-shadow: #EA8106 0px 0px 2px; width: 225px; background: none;}

div.subSiteMenu li a:hover, div.subSiteMenu li.selected, div.subSiteMenu li a.external:hover {text-decoration: none; background: url(../web-imgs/subsitemenu_bg.jpg) 0px 10px no-repeat; background-position:0px 10px !important }

div.subSiteMenu li strong a, div.subSiteMenu li strong a:hover, div.subSiteMenu li strong a:visited { font-family: garamond, Georgia, "Times New Roman", Times, serif;  font-size:1.9em; text-transform: none; font-weight: normal; line-height: normal; text-shadow: #EA8106 0px 0px 2px;}
div.subSiteMenu ul ul { padding-bottom: 10px;}
div.subSiteMenu li li {border: none}
div.subSiteMenu li li a, div.subSiteMenu li li a:visited, div.subSiteMenu li li a:hover {padding: 0px 25px 5px 40px; width: 205px; font-size: 1em; text-transform: none;}
div.subSiteMenu li li a:hover { text-decoration: underline; background: none;}
div.subSiteMenu li li.selected {background-position: 27px 5px; background-image: url(../web-imgs/subsitemenu_bg_sm.jpg)}

li.sub-site-search p {margin: 0px; padding: .8em 25px .8em 25px;}
.sub-site-search input { padding: 2px 20px 3px 4px; margin:0px; font-size: 1em; width:  150px;}
input.placehold {color: #A79080}

/*

<div class="subSiteMenu">
        	<ul>
            	<li class="subSiteHome"><strong><a href="/about">About Macalester</a></strong></li>
                <li><a href="/about/twincities/">Twin Cities: Our Location</a></li>
                <li><a href="/about/quickfacts/">Quick Facts</a></li>
                <li><a href="/about/mission/">Mission &amp; History</a></li>
                <li><a href="/about/maps/">Maps &amp; Directions</a></li>
                <li><a href="/about/offices/">Offices &amp; Programs</a></li>
                <li><a href="/about/contactus/">Contact Us</a></li>
            </ul>
        </div>
*/


/* Text Box */
div.boxed-text h3, legend {margin: 8px 8px 16px 8px; color: #e07911; text-transform: uppercase; font-size: 1em; font-weight: bold;}

div.boxed-text, div.boxed-image {margin: 8px 0px 8px 0px; position: relative; border: solid 1px #EFEFEF; padding: 8px; background: white; display: block; -moz-box-shadow: 0px 3px 4px #c5c5c5; -webkit-box-shadow: 0px 3px 4px #c5c5c5; box-shadow: 0px 3px 4px #c5c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5');}


div.boxed-text {margin-right: 0px;}
div.last > div.boxed-text {margin-right: 8px;}
div.last > div.boxed-image, div.boxed-imagesm {margin-right: 8px;}
div.left-col .boxed-text, div.full-width .boxed-text {margin-left: 10px; margin-right: 10px;}

div.full-width .boxed-text {margin-top: 0px; border-top: none;}

div.boxed-image p {margin: 0px; padding: 0px;}
div.boxed-image p.caption {font-size: .875em; padding-top: 5px;}

div.left {float: left; margin: 0px 8px 8px 0px !important;}
div.right {float: right; margin: 0px 0px 8px 8px !important;}

img.boxed-image {margin: 8px; display: block; position: relative; border: solid 1px #EFEFEF; padding: 8px !important; background: white; -moz-box-shadow: 0px 3px 4px #c5c5c5; -webkit-box-shadow: 0px 3px 4px #c5c5c5; box-shadow: 0px 3px 4px #c5c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5');}

img.boxed-imagesm {margin: 3px; display: block; position: relative; border: solid 1px #EFEFEF; padding: 3px !important; background: white; -moz-box-shadow: 0px 3px 4px #c5c5c5; -webkit-box-shadow: 0px 3px 4px #c5c5c5; box-shadow: 0px 3px 4px #c5c5c5; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#c5c5c5');}

img.left {float: left; margin: 0px 8px 8px 0px !important;}
img.right {float: right; margin: 0px 0px 8px 8px !important;}
img.block-bg-right {float: left; margin: 0px 8px 8px 0px !important;}
img.block-bg-left {float: right; margin: -8px -8px 8px 8px !important;}
img.block-bg {margin: -8px -8px -8px -8px !important;}


p.feature-image {margin: 0px; margin-top: 8px}
p.feature-image img.boxed-image {margin: 0px !important;}

/* MORE LINKS */
a.more {background: url(../web-imgs/ico_more.png) top right no-repeat; color: #E07911; padding-right: 19px; background-position: right 0px; font-weight: bold; text-transform:capitalize;}
a.more:hover {background-position: right -30px; text-decoration: underline;}
/* MORE LINKS SPECIAL CONTEXTS */
h3 a.more {background-position: right 0px; text-transform: uppercase; padding-right: 20px; white-space: normal; color: #E07911}
h3 a.more:hover {background-position: right -30px;}
a.more-long {background: url(../web-imgs/ico_more.png) bottom right no-repeat; padding-right: 19px; background-position: right 0px; color: #333; text-decoration: none;}
a.more-long:hover {background-position: right -30px; text-decoration: underline;}


/*EXTERNAL LINKS*/
a.external {background: url(../web-imgs/ico_external.png) top right no-repeat; padding-right: 19px; background-position: right 0px; color: #E07911; font-weight: bold; text-transform: capitalize;}
a.external:hover {background-position: right -30px; color: #f49c42;}

h3 a.external {background-position: right 0px; text-transform: uppercase; padding-right: 20px; white-space: normal; color: #E07911}
h3 a.external:hover {background-position: right -30px;}


/*EMAIL LINKS*/
a.email {background: url(../web-imgs/ico_email.png) top right no-repeat; padding-right: 19px; background-position: right 0px; color: #d47b22; font-weight: bold; text-transform:none;}
a.email:hover {background-position: right -30px; color: #f49c42;}

/*AUDIO LINKS*/
a.audio {background: url(../web-imgs/ico_audio01.png) top right no-repeat; padding-right: 19px; background-position: right 0px; color: #d47b22; font-weight: bold; text-transform:none;}
a.audio:hover {background-position: right -30px; color: #f49c42;}


/*SHARE LINKS*/
a.share-icon {background: url(../web-imgs/ico_share.png) top right no-repeat; padding-right: 25px; background-position: right 0px; color: #d47b22; font-weight: bold; text-transform: lowercase; display: block; float:right;}
a.share-icon:hover {background-position: right -23px; color: #f49c42;}
/*a.share-icon span {margin-left: -9999px;}*/
div.share {margin-bottom: 30px;}

/*DOWNLOAD LINKS*/
a.download {background: url(../web-imgs/ico_download.png) top right no-repeat; padding-right: 19px; background-position: right 0px; color: #d47b22; font-weight: bold; text-transform: capitalize;}
a.download:hover {background-position: right -30px; color: #f49c42;}

/*submit LINKS*/
a.submit {background: url(../web-imgs/ico_submit.png) top right no-repeat; padding-right: 19px; background-position: right 0px; color: #d47b22; font-weight: bold; text-transform: capitalize;}
a.submit:hover {background-position: right -30px; color: #f49c42;}

/*VIDEO LINKS*/
a.video {background: url(../web-imgs/ico_video.png) top right no-repeat; padding-right: 19px; background-position: right 0px; color: #d47b22; font-weight: bold; text-transform: lowercase;}
a.video:hover {background-position: right -30px; color: #f49c42;}


	/*IMAGE GALLERY LINKS*/
	a.gallery, a.gallery:hover {
		padding-right: 25px; 
		background: url(../web-imgs/ico_camera14.png) top right no-repeat; 
		display: inline;
		text-transform: uppercase;
	}

/*button LINKS*/
a.button {background: url(../web-imgs/buttonSampler.png) top right no-repeat; padding-right: 0px; background-position: right 5px; color: #aec0b6; width: 245px; height: 56px; display: block; overflow: hidden;}
a.button:hover {background-position: right -49px; color: #aec0b6;}
a.button span {margin-left: -9999px;}

a.buttonvisit {background: url(../web-imgs/buttonRequestVisit.png) top right no-repeat; padding-right: 0px; background-position: right 5px; color: #aec0b6; width: 245px; height: 56px; display: block; overflow: hidden;}
a.buttonvisit:hover {background-position: right -49px; color: #aec0b6;}
a.buttonvisit span {margin-left: -9999px;}

a.buttonsignup {background: url(../web-imgs/button_signup.png) top right no-repeat; padding-right: 0px; background-position: right 5px; color: #aec0b6; width: 245px; height: 56px; display: block; overflow: hidden;}
a.buttonsignup:hover {background-position: right -49px; color: #aec0b6;}
a.buttonsignup span {margin-left: -9999px;}



/* TOOLBOX */
div.toolbox {background: url(../web-imgs/toolbox.png) no-repeat; width: 289px; height: 271px; margin-left: -8px; margin-top: 25px; margin-bottom: 15px;}
div.toolbox h3 {text-indent: -9999px;}
div.toolbox ul { list-style: none; margin-left: 40px; margin-top: 45px;}
div.toolbox li {list-style: none; background: url(../web-imgs/li_bullet.gif) 1px 9px no-repeat; padding-left: 8px;}



/* EVENTS CALENDAR */

thead {display: none;}
tr.eventTime {text-align: right;}
.eventTable td, .eventTable th {border: none;}
.eventTable th {padding-top: 10px;}
.eventTable tr.odd td {background-color: #EFEFEF;}
.event-calendar-sm {text-align: center; margin-top: 20px;}
.event-calendar-sm table, .event-calendar-sm h3 { text-align: center; margin-left: auto; margin-right: auto;}
div.event-calendar-sm h3 {margin: 5px 0px 0px 0px;}
div.event-calendar-sm h3 a {font-size: 1.3em;}
.event-calendar-sm table {border: none; margin-top: 2px;}
.event-calendar-sm td, .event-calendar-sm th {border: none; padding: 1px; font-size: .8em; text-align: center;}
.event-calendar-sm td a {display: block; margin: 0px; color:#333; background: #E8DBD7; padding: 0px 1px; text-align: center; border: solid 1px #E8DBD7; width: 1.6em;} 
.event-calendar-sm th {padding-bottom: 0px;}
.event-calendar-sm td.selected a {background: #7E6787; border-color: #7E6787; color: white;}
.event-calendar-sm a:hover {background: none;}
/* Prev/Next links */
p.backForward {text-align: center; padding-top: 10px;}
p.backForward span {display: inline-block; width: 40%; text-align: left; padding-left:2px; }
p.backForward span.back {text-align: right; margin-left: 0px; padding-right: 4px;/* border-right: solid 1px #b3bd94;*/ background: url(../web-imgs/prevNextSep.gif) right 5px no-repeat;}
p.backForward a {display: inline-block; /*border: solid 1px #96A672;*/ background: url(../images/arrowBigRight.gif) no-repeat;  background-position: right 5px;}
p.backForward a:hover {text-decoration: underline}
p.backForward a.next {text-align: center; padding: 3px 19px 5px 10px;}
p.backForward a.prev {text-align: center; padding: 3px 10px 5px 19px; background-image: url(../images/arrowBigLeft.gif); background-position: left 5px;}

a.buttoneventsubmit {background: url(../web-imgs/button_submitevent.png) top right no-repeat; padding-right: 0px; background-position: right 5px; color: #aec0b6; width: 245px; height: 56px; display: block; overflow: hidden;}
a.buttoneventsubmit:hover {background-position: right -49px; color: #aec0b6;}
a.buttoneventsubmit span {margin-left: -9999px;}




/*RELATED PAGES */
.relatedpages {padding: 8px; background-image: url(/resources/web-imgs/relatedpages-arrow.gif); background-repeat: no-repeat; margin-right: 8px; border: 1px #aec0b6 solid;}
div.relatedpages h3 {margin-bottom: 30px;}



/*movie player*/
.movie {background: url(/resources/web-imgs/videobackground.gif) top left repeat-x #baa79a; padding: 8px; margin: 8px 9px 0px 0px; }
.movie h3 {padding-bottom: 20px;}

textarea {width: auto;}


ul.fact-list li {list-style: none; border-bottom: solid 1px #D4C9C0; margin-bottom: 5px; margin-left: -24px; padding-bottom: 5px;}
h4.audio {padding-right: 25px; background: url(../web-imgs/ico_audio14.png) top right no-repeat; display: inline}
h4.video {padding-right: 25px; background: url(../web-imgs/ico_video14.png) top right no-repeat; display: inline}
h4.camera {padding-right: 25px; zoom:1; background: url(../web-imgs/ico_camera14.png) top right no-repeat; display: inline}


ul.staffListing {margin: 0px; padding: 0px;}

ul.staffListing li {
        width: 400px;
        min-height: 200px;
        border-bottom: 1px solid #000;
		border: none;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }
	
ul.staffListing li p {padding-left: 110px; font-size: 12px;}

ul.staffListing li img {margin-top: 0px; width: 110px;}





ul.columnListing {margin: 0px; padding: 0px;}

ul.columnListing li {
        width: 150px;
        min-height: 200px;
        border: 1px solid #000;
		border: none;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }
	
	ul.twocolumn {margin: 0px; padding: 0px;}

ul.twocolumn li {
        width: 150px;
        min-height: 50px;
        border: 1px solid #000;
		border: none;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }
	

	
ul.columnsingle { margin: 0px; padding: 0px;}

ul.columnsingle li {
        width: 450px;
        min-height: 50px;
        border: 1px solid #000;
		border: none;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }

	
/*
ul.newsListing {margin: 0px; padding: 0px;}

ul.newsListing li {
        width: 300px;
        min-height: 60px;
        border: 1px solid #000;
		border: none;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }
	
*/

	ul.newsListing {
		margin: 0px; 
		padding: 0px;
		padding-top: 16px;
	}
	
	
	ul.newsListing li {
		width: 300px;
		min-height: 60px;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		zoom: 1;
		*display: inline;
		_height: 110px;
		font-family:"Adobe Garamond Pro",garamond,"times new roman",serif;
		font-size:16px;
		font-weight:normal;
		line-height:1.375em;
		margin:0;
		padding:0;
		text-transform:none;
		padding-right: 2.6%; 
		padding-top: 1%;
		padding-bottom: 1%;
		width: 45%;
		float: left;
	}		
	
	ul.newsListing li a:link, ul.newsListing li a:visited, ul.newsListing li a:hover {color: #505050}
	
	.span-7 ul.newsListing li {
		width: 95%;
		float: none;
		_height: auto;
	}



div.collegeNews {}
div.collegeNews p {margin-bottom: 0px; padding-bottom: 0px}
div.collegeNews div.newsItem {padding-bottom: 15px;}


/* News section update 10/18/2010 ZB */
ul.newsGrid {}
ul.newsGrid p.newsThumb {padding-bottom: 4px; margin-bottom:0px;}
ul.newsGrid p.newsThumb img {margin-left: 0px;}
ul.newsGrid p.articleLeadIn {font-size: .9em; margin-top: 0px; padding-top: 0px;}
ul.newsTopicList, ul.newsTopicList ul, ul.newsTopicList li {list-style: none; margin: 0px; padding: 0px;}
ul.newsTopicList li {padding-left: 8px; margin-top: 10px;}
ul.newsTopicList ul{list-style: square; font-size: .85em; padding-left: 0px; padding-top: 4px; }
ul.newsTopicList ul li {padding-left: 7px; padding-right: 8px; margin-top: 0px; background: url(../web-imgs/li_bullet.gif) left 8px no-repeat;}


ul.staffListing2 strong.fn {font-size: 1.1em;}
ul.staffListing2 a.email {font-weight: normal !important;}
ul.staffListing2 {}
ul.staffListing2, ul.staffListing2 li {list-style:none; margin: 0px; padding: 0px;}
ul.staffListing2 li {width: 205px; float: left; height: 280px; font-size: .9em; padding-left: 8px;}
ul.staffListing2 li img {margin-left: 0px !important}

/* temporary for feedback form */

      .slide-out-div {
          padding: 20px 15px 0px 15px;
          width: 300px;
          background: #FFF;
          border: 1px solid #6E4F7B;
		  border-top-color: #A283AF;
		  z-index: 9999;
      }    
	  
	  
	  
.delicious-posts {  /*margin: 0; border: none; padding: 0; width: 100%; font-family: sans-serif;*/ margin-left: 8px; margin-right: 8px; font-family: "Helvetica Neue", Arial, Helvetica,  sans-serif;  line-height: 1.5714286em; color: #333; padding-bottom: 0px; margin-bottom: 1.5714286em; }

.delicious-posts li {margin-bottom:1em !important; margin-top:1em !important;}
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin:0; padding: 0; list-style:none; }
.delicious-post { border-top: none; padding: 0;  }
/*.delicious-odd { background-color: none; } */
.delicious-banner {display:none;}

a.delicious-link:hover {background-position: right -30px; color: #C93;}
a.delicious-link { text-decoration: none; padding: 0em; background: url(/resources/web-imgs/ico_external.png) top right no-repeat; padding-right: 19px; background-position: right 0px; color: #d47b22; font-weight:normal; text-transform: none; }
.delicious-extended {margin-left:10px; font-size:1em !important;}

a .delicious-tag {display:block; clear:left;}

ul.delicious-cloud {}


	  
