@charset "utf-8";
@import "/style/link_icons.css";

body
	{
	background-color: #222; 
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.33em;
	color: black;
	margin: 0px;
	}

h1, h2, h3, h4, h5, h6 
	{
	margin-bottom: .75em;
	}
	
h1 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;    
	font-weight: bold;
	}
	
h2 { font-size: 1.25em; }

h3 { 
font-family: arial, helvetica, sans-serif;
font-size: 1.17em;
 }

h4 
	{
	font-weight: normal;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: .05em;
	}

img
	{
	border: none;
	}

a, a:link, a:visited 
	{ 
	color: #993300;
	text-decoration: none;
	}

a:hover, a:active
	{ 
	text-decoration: underline;
	}

.gateways li,
.utilities li
	{
	white-space: nowrap;
	}

#page
	{
	width: 832px;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;
	clear: both;
    background-color: #e6e69b;
	overflow: hidden;
	}

#header
	{
	position: relative;
	height: 89px;
	}

	#header .mhcLogo
		{
		height: 46px;
		width: 604px;
		padding: 10px 20px;
		margin: 0;
		background-color: #669900;
		position: relative;
		float: left;
		}

		#header .mhcLogo a 
			{
			width: 415px;
			height: 18px;
			display: block;
			white-space: nowrap;
			position: absolute;
			bottom: 11px;
			padding-bottom: 4px;
			background: #669900 url('http://www.mtholyoke.edu/style/acad1_images/mhc-text.gif') no-repeat top left;    
			text-indent: -9642px;
			}

		#header .mhcLogo a:hover, #mhcLogo a:active 
			{
			padding-bottom: 2px;
			border-bottom: 2px solid #669900;
			}


	#utilityHeader
		{
		margin: 0;
		padding: 0;
		position: relative;
		float: left;
		}

		#search
			{
			border: 1px solid #e1cc59;
			background-color: #e1cc59;
			font-size: .84em;
			color: #666633;
			width: 186px;
			height: 64px;
			}

			#search form
				{
				margin: 0;
				padding: 0;
				position: absolute; 
				top: 20px; 
				left: 0;
				}

			#search label 
				{
				font-weight: bold;
				display: none;
				}

			#searchtext 
				{ 
				width: 135px;
				height: 16px;
				position: absolute;
				top: 0;
				left: 10px;
				font-size: 92%;
				}

			#searchgo 
				{
				position: absolute;
				top: 3px;
				left: 162px;
				height: 16px;
				width: 17px;            
				border: none;
				}

		#utilityHeader .utilities 
			{
			display: none;
			}

	/* End of (#header) #utilityHeader */
	ul#globalNav 
		{
		list-style-type: none;
		margin: 0;
		padding: 2px 0;
		clear: both;
		height: 19px;
		background-color: black;
		font-size: 9px;
		overflow: hidden;
		}

		#globalNav li 
			{
			margin: 0;
			padding: 0;
			display: block;
			float: left;
			}

			#globalNav li a,
			#globalNav li a:visited 
				{
				overflow: hidden;
				display: block;
				margin: 4px 14px;
				height: 11px;
				background-repeat: no-repeat;
				background-position: top center;
				padding: 0;
				text-indent: -9642px;
				}

			#globalNav li a.about
				{ 
				width: 49px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_about.gif'); 
				}
				
			#globalNav li a.admission
				{ 
				width: 78px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_admission.gif'); 
				}

			#globalNav li a.academics
				{ 
				width: 80px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_academics.gif'); 
				}

			#globalNav li a.studentLife
				{ 
				width: 98px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_student-life.gif'); 
				}

			#globalNav li a.athletics
				{ 
				width: 77px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_athletics.gif'); 
				}

			#globalNav li a.offices
				{ 
				width: 59px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_offices.gif'); 
				}

			#globalNav li a.giving
				{ 
				width: 50px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_giving.gif'); 
				}

			#globalNav li a.newsEvents
				{ 
				width: 113px; 
				background-image: url('http://www.mtholyoke.edu/style/acad1_images/sprite_news.gif'); 
				}

			#globalNav li a:hover, 
			#globalNav li a:active 
				{
				background-position: 0 -11px; 
				}

			#globalNav li.first a 
				{
				margin-left: 18px; 
				}

			#globalNav li.last a 
				{
				margin-right: 0px;
				}

	/* End of (#header) #globalNav */


#collegeNav  {
float : left;
width : 832px;
list-style : none;
font : 0.98em Arial, Arial, Helvetica, sans-serif;
letter-spacing : 0.09em;
text-transform : uppercase;
background-color : #000;
margin : 0;
padding : 0.25em 0;
}
#collegeNav ul {
list-style : none;
font : 0.98em Arial, Arial, Helvetica, sans-serif;
letter-spacing : 0.09em;
text-transform : none;
}
#collegeNav a {
display : block;
color : #ffffff;
text-decoration : none;
padding : 0.25em 0;
}
#collegeNav a:hover {
color : #cd9933;
text-decoration : none;
}
#collegeNav li {
float : left;
padding : 0;
padding : 0 1.25em;
}
#collegeNav li ul {
position : absolute;
left : -999em;
height : auto;
width : 12em;
padding : 0;
margin : 0;
z-index: 100;
}
#collegeNav li li {
width : 10.5em;
padding : 0.25em;
background-image : url('http://www.mtholyoke.edu/style/shared_images/CollegeNav_background.png');
border : 1px solid black;
border-top : none;
font : 1.1em Arial, Arial, Helvetica, sans-serif;
letter-spacing : 0.05em;
}
#collegeNav li:hover ul, #collegeNav li li:hover ul, #collegeNav li li li:hover ul, #collegeNav li.sfhover ul, #collegeNav li li.sfhover ul, #collegeNav li li li.sfhover ul {
position : absolute;
left : auto;
z-index: 100;
}
#collegeNav li:hover, #collegeNav li.sfhover {
background : #000;
}


/* End of #header */

#bodyContainer
	{
	clear: both;
	width: 832px;
/*	position: relative; */
	overflow: hidden;
	padding-bottom: 20030px;
	margin-bottom: -20000px;
	float: left;
	}

	#banner
		{
/*		position: relative; */
		float: left;
		overflow: hidden;
		}

		#banner img 
			{
			border: none;
			margin: 0;
			padding: 0;
			float: left;
			}

	/* End of (#bodyContainer) #banner */
	
	#sidebar
		{
/*		position: relative; */
		width: 188px;
		float: right;
		padding: 0 0 20030px 0;
		margin: 0 0 -20000px 0;
        background-color: #cccc33;
		}

		#feature
			{
			height: 400px;
			width: 188px;
			color: white;
			font-size: .92em;
			line-height: 1.33em;
			background: #e2d060 url('http://www.mtholyoke.edu/style/acad1_images/wide_gate_bg.jpg') no-repeat bottom center;
/*			position: relative; */
			}

			#feature div 
				{
/* 				padding: 10px 20px;
				position: absolute;
				bottom: 0;
*/				padding: 225px 20px 10px 20px;
				position: relative;
				}

				#feature div div 
					{
					padding: 0px;
					position: relative;
					}

			#feature h2 
				{
				color: white;
				bottom: 0;
				font-size: 1.1em;
				}
	
			#feature h3 
				{
				color: white;
				font-size: 1.0em;    
				}
	
			#feature h4 
				{
				color: white;
				font-size: 1.0em;    
				color: #e6e69b;
				}
	
			#feature p 
				{
				bottom: 0;
				}
	
			#feature a, #feature a:link, #feature a:visited 
				{ 
				color: #ffff99;
				font-weight: bold;
				text-decoration: none;
				}
	
			#feature a:hover, #feature a:active 
				{ 
				text-decoration: underline;
				}
	
		/* End of (#bodyContainer) (#sidebar) #feature */



        #callouts
			{
			width: 188px;
			font-size: 0.92em;
			line-height: 1.33em; 
			margin: 0;
			}

		.bannerHeight400 #callouts,
		.bannerHeight400H #callouts,
		.tallBanner #callouts
			{
			margin-top: 12px;
			} 

		#callouts .promo1 ul,
		#callouts .promo2 ul
			{
			list-style-type: none;
			margin: 0;
			padding: 0;
			}

        #callouts .promo1 a 
            {
               color: #336699;
            }

        #callouts .promo2 a
            {
               color: #996600;
            }


        .callout,
        #callouts .relatedNav,
        #callouts .promo1,
        #callouts .promo2
           {
           padding: 5px 20px 10px 20px;
           }


#callouts h2
{
       color: #930;
}
	#sidebar h2
       {
       font-size: 1.1em;    
       }

    
    #sidebar h3
       {
       font-size: 1.0em;    
       color: #620;
       }

    #callouts .relatedNav ul,
    .callout ul
       {
       margin: 0 0 0 2em; /* was 1.5, not sure if this is right */
       padding: 0;
       }  
 
    #sidebar ol 
       {
       /* list-style-position: inside; */
       margin: 0 0 0 1.5em;
       padding: 0; 
       }

	
	.callout .vcard .organization-name
		{
		display: none;
		}



	/* End of (#bodyContainer) #callouts */




	ul#breadcrumbs
		{
		font-size: .92em;
		line-height: 1.3em;
		list-style: none;
		margin: 10px 10px 10px 10px;
		padding: 0.5em 0;
		float: left;
		width: 604px
		}

		#breadcrumbs li
			{
			display: inline;
			margin: 0;
			padding: 0 3px 0 0;
			}

		#breadcrumbs li.thisPage 
			{
			font-family: Arial, Helvetica, sans-serif;    
			font-weight: bold;
			}

        #breadcrumbs .divider 
			{
			padding-left: .5em;
			}


/* 
	.bannerHeight400 ul#breadcrumbs,
	.bannerHeight400H ul#breadcrumbs,
	.tallBanner ul#breadcrumbs
		{
        padding: 5px 10px 5px 20px;
		width: auto;
        max-width: 400px;
        height: auto;
        position: absolute;
        top: 31px;
        left: 0px;
        z-index: 10;
		background-color: #c60;
		color: white;
		margin-left: 0px;
		}

		.bannerHeight400 ul#breadcrumbs li.thisPage,
		.bannerHeight400H ul#breadcrumbs li.thisPage,
		.tallBanner ul#breadcrumbs li.thisPage 
			{
			display: block;
			margin-top: 0.25em;
			font-size: 1.3em;
			color: #fc0;
			text-align: right;
			}

		.bannerHeight400 ul#breadcrumbs a, .bannerHeight400 ul#breadcrumbs a:link, .bannerHeight400 ul#breadcrumbs a:visited,
		.bannerHeight400H ul#breadcrumbs a, .bannerHeight400H ul#breadcrumbs a:link, .bannerHeight400H ul#breadcrumbs a:visited,
		.tallBanner ul#breadcrumbs a, .tallBanner ul#breadcrumbs a:link, .tallBanner ul#breadcrumbs a:visited
			{
			color: white;
			text-decoration: none;
			}

		.bannerHeight400 ul#breadcrumbs a:hover, .bannerHeight400 ul#breadcrumbs a:active,
		.bannerHeight400H ul#breadcrumbs a:hover, .bannerHeight400H ul#breadcrumbs a:active,
		.tallBanner ul#breadcrumbs a:hover, .tallBanner ul#breadcrumbs a:active
			{
			text-decoration: underline;
			}

*/
	/* End of (#bodyContainer) #breadcrumbs */



	#mainContent
		{
		padding: 0 15px 20015px 5px;
		margin: 0 0 -20000px 0;
        width: 438px;
		position: relative;
		float: right;
		}

	.bannerHeight400 #mainContent,
	.bannerHeight400H #mainContent,
	.tallBanner #mainContent
		{
		margin-top: 17px;
		}

	.wide #mainContent
		{
		width: 626px;
		}

		.inlineImageCenter 
			{
			width: 100%;
			padding-top: 0.5em;
			}

		.inlineImageCenter img
			{
			display: block;
			margin: 0 auto;
			}

		.inlineImageLeft 
			{
			float: left;
			padding: 0 0.5em 0 0;
			}

		.inlineImageRight 
			{
			float: right;
			padding: 0 0 0 0.5em;
			}

		.textBlockLeft
			{
			float: left;
			margin-left: 10px;
			}

		.textBlockRight
			{
			float: left;
			margin-right: 10px;
			}

		.textBlockCenter
			{
			clear: both;
			}

/* FORMS 
Preliminary styles for testing
*/
#mainContent form { 
    display: block;
    margin: 1.5em 0;
    padding: 0;
    border-top: 2px dotted #444444;
    border-bottom: 2px dotted #444444;
    /* may not want the border in the final version */
    }
#mainContent form p { 
    margin: 0;
    }
#mainContent label {
    display: block;
    clear: left;
/*    margin: 3px 0 0 9px; */
    margin: 0;
    }
#mainContent input, #mainContent select, #mainContent textarea {
/*    margin: 3px 0 9px 9px; */
/*    margin: 3px 0 0 9px; */
    margin: 0;
    }
#mainContent input.submit {
/*    margin: 18px 9px 18px auto; */
    margin: 0 0 1em 2.5em;
    }
#mainContent input.reset {
/*    margin: 18px 9px 18px auto; */
    margin: 0 0 1em 2.5em;
    }
#mainContent form .required {
    /* color: #993300; */    
    }
#mainContent .requiredKey {
    color: #993300;
    margin: 0;
    }
#mainContent label.requiredFlag {
    color: #993300;
    margin: 0 0 0 0.4em;
    display: inline;
    vertical-align: top;
    }
/*
#mainContent form .required:after {
    font-weight: bold;
    content: "*";
    color: #990000;
    padding: 0 3px;
    position: relative;
    top: -2px;
    }
*/
#mainContent fieldset {
    border: none;
    padding: 0 9px;
    margin: 12px 0;
    }
#mainContent fieldset legend {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 -9px;
    }
#mainContent fieldset fieldset legend {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    }
#mainContent fieldset fieldset fieldset legend {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    }
/* experimentation */
ol.numberedForm {
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
}
li.numberedForm {
    padding-bottom: 1em;
}
ol.subquestion {
    margin: 0.5em 0 0 1em;
    padding: 0 0 0 1em;
}
ol.subquestion li {
    border: 1px solid #e6e69b;    /* IE 6 hack */
}
#mainContent input.largeText {
    width: 20em;
} 
#mainContent input.mediumText {
    width: 10em;
} 
#mainContent input.smallText {
    width: 5em;
} 
#mainContent form .detail {
    font-size: 90%;
}
#mainContent label.trailing {
    display: inline;
    vertical-align: 2px;
    margin: 0 1em 0 3px;    
}
#mainContent form div.subquestion {
    margin-top: 1em;
}
#mainContent textarea {
    font-family: sans-serif;
    font-size: 110%;
    vertical-align: top;
}
#mainContent textarea.paragraph {
    width: 25em;
    height: 10em;
}

#mainContent p 
	{
	line-height: 1.75em;
	}


	.contentNode
		{
		clear: both;
		}


.contentNode .vcard
	{
	margin-bottom: 1.5em;
	}

ul.personalLinks {
    list-style: none;
    margin: 0;
    padding: 0;
    }
ul.personalLinks li {
    display: inline;
    white-space: nowrap;
    padding: 0 2em 0 0;
    margin: 0;
    }
ul.personalLinks li:after {
    content: " |";
    padding-left: 1em;
    margin-right: -1em;
    }
ul.personalLinks li:last-child:after {
    display: none;
    }

.audioPlayer
	{
	margin-bottom: 1.5em;
	}

#bodyContainer .audioPlayer .caption
	{
	display: block;
	}



	/* End of (#bodyContainer) #mainContent */


	#nav
		{
		width: 146px;
		padding: 0px 10px 20015px 20px;
		margin: 0 0 -20000px 0;
		float: left;
		color: #222;
        font-size: 0.92em; /* Level 1 nav */
		}

	.bannerHeight400 #nav,
	.bannerHeight400H #nav,
	.tallBanner #nav
		{
		margin-top: 17px;
		}

        #nav h2
			{
			margin: 0.8em 0;
			font-size: 1em;
			text-transform: uppercase;
			font-weight: bold; 
			display: none;
			}

		#nav ul
			{
			margin: 0;
			padding: 0;
			list-style: none;
			line-height: 1.25em; 
			}

			#nav ul li 
				{
				padding: 0;
				margin: 1.125em 0;
				}

				/* nested lists */

				#nav ul * ul 
					{
					margin: 0 0 0 12px;
					padding: 0;
					list-style: none;
					font-weight: normal;
					}

					#nav ul li * li 
						{
						margin: 0.66em 0;
						}

						#nav ul li * li a 
							{
							color: #333;
							}

		#nav a, #nav a:link, #nav a:visited 
			{
			color: #993300; 
			text-decoration: none;
			}

		#nav a:hover, #nav a:active 
			{
			text-decoration: underline;
			}

		#nav a.thisPage
			{
			font-weight: bold;
			}

		#nav .siteNav
			{
            margin: 0 0 4em 0;
			padding: 0;
			font-weight: bold;
			}

		#nav .promo1,
		#nav .promo2
			{
			margin-top: 2em;
			}

        #nav .promo1 a
           {
              color: #336699;
           }

		#nav .gateways
			{
			display: none;
			}

		#nav .relatedNav ul,
		#nav .promo1 ul,
		#nav .promo2 ul
			{
			line-height: 1em;
			}

		#nav .relatedNav ul li,
		#nav .promo1 ul li,
		#nav .promo2 ul li
			{
			margin: 0.75em 0;
			}



	/* End of (#bodyContainer) #nav */

	#bodyContainer .caption
		{
		display: none;
		}


#footer
	{
	width: 621px;
	padding-left: 191px;
	clear: both;
	font-size: 92%;
	color: black;
	position: relative;
	padding-bottom: 2em;
	min-height: 10em;
	}


#footer h2
{
margin: 1.1em 0 0.3em 0;
font-size: 92%;
text-transform: uppercase;
}

#footer ul
		{
		list-style-type: none;
		margin: 0;
		padding: 0 0 1em 0;
		}

	#footer ul li 
		{
		float: left;
		width: 50px;
		margin: 0 14px 1px 0;
		}

	#footer h3
		{
		margin: 0 0 0.2em 0;
		color: black;    
		font-size: 92%;
		text-transform: uppercase;
		letter-spacing: 1px;
		}

	
	#footer .gateways,
	#footer .utilities
		{
		float: right;
		clear: right;
		width: 148px;
		}

	#footer .mhcLogo
		{
		position: relative;
		top: 1.5em;
		width: 423px; 
		height: 34px;
		}

		#footer .mhcLogo a
			{
		    background: transparent url('http://www.mtholyoke.edu/style/acad1_images/logo_black-bg1.gif') no-repeat top left;
			height: 34px;
			width: 220px;
			display: block;
			text-indent: -9642px;
			}
			
		#footer .mhcLogo .hideText
			{
			height: 34px;
			width: 220px;
			display: block;
			text-indent: -9642px;
			}
		
		#footer .mhcLogo .print { /* Black & white version of logo: display only in print stylesheet */
			display: none;
			border: none;
			}


	#footer p
		{
		width: 423px;
		position: relative;
		top: 1.5em;
		}

.contentNode table {
         margin: 0;
         padding: 0;
         border: none;
         text-align: left;
         border-collapse: collapse;
}

.contentNode table caption {
         padding: 5px;
         background: #ccc;
         font-weight: bold;
         text-align: center;
         border: 1px solid #ccc;
}

.contentNode table tr {
         border-top: 1px solid #ccc;
         border-bottom: 1px solid #ccc;
}

.contentNode table tr td,
.contentNode table tr th {
         border-left: 1px solid #ccc;
         border-right: 1px solid #ccc;
         padding: 5px;
}

.contentNode table tr th {
         color: #fff;
         font-weight: bold;
         text-align: left;
         background: #666;
}

.contentNode table tr td {
         background: #fff;
}

.contentNode table tr.alternate td {
         background: #eee;
}


#navigationLists
	{
	display: none;
	visibility: hidden;
	}


#feedback a{ display:block; position:fixed; top:200px; right:-1px; 
background:#000; padding:7px 5px; border: 1px solid #ccc; border-right: none;
color: #fff; font-size: 11px; letter-spacing: 2px; }
#feedback a:hover{ background: #ccc; text-decoration: none; color: #000; }