@charset "utf-8";
@import url("960.css");
/* CSS Document */
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}

ul,ol,p,h1,h2,h3,h4,h5,dl,dt,dd { float: left; width: 100%; }
body { background: #635656 ; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; color: #1a181a; }
a { color: #358da0; text-decoration: none  }
a:hover  { color: #f9722e }
p { font: 13px/20px Georgia, "Times New Roman", Times, serif; color: #261f27; margin-bottom: 10px; } 
p.lead { font-size: 16px; line-height: 24px; margin-top: -3px; }
p.note { font-size: 11px; font-style: italic; color: #6e6058 }
p em { font-style: italic } p strong { font-weight: 700 }
p.description { margin-top: -8px; font-style: italic; padding-bottom:8px; border-bottom: 1px solid #E7E1CF; color: #928575; font-size:12px; line-height:16px; float: left; clear: both }
span.drop { font-size: 70px; float: left; display: block; padding: 21px 5px 0px 0; color: #635656; overflow: visible; }
.breakAfter { padding-bottom: 15px; border-bottom: 1px solid #E7E1CF; margin-bottom: 15px }
.buffered { margin-top: 10px }
.newSection { margin-top: 25px }
div#container { width: 100%; background: #000; float: left }
ul.bulleted li { list-style: outside; line-height: 18px; margin:0 0 10px 15px}
span.slideshow { display: none }
h3.orange a { color: #f9722e; } 
h3.orange a:hover { color: #358da0 }
/*Headers*/
h2 { font-size: 36px; color: #c9313d; text-transform: uppercase; margin-bottom: 5px }
h2.title { margin-top: -110px; padding-top: 4px; text-indent: 8px; font-size: 48px; color: #fff; background: #c9313d }
h3 { font-size: 26px; color: #c9313d; text-transform: uppercase; margin-bottom: 5px }
h4 { font-size: 23px;  color: #c9313d; text-transform: uppercase }
h5 { font-size: 22px;  color: #635656; text-transform: uppercase }
/*Color Tags*/
.red { color: #c9313d !important}
.orange { color: #f9722e !important}
.green { color: #c8cf45 !important}
.yellow { color: #ffcc42 !important}
.blue { color: #358da0 !important}
/* Home Rotating Images */
div#container { background: #eee0bf  }
div#container.home.image1 { background: #830602 url(../images/home_image1.jpg) top left no-repeat }
	div#container.home.image1 div#creditsContainer ol#credits li#image1 { display: block !important }
div#container.home.image2 { background: #c06535 url(../images/home_image2.jpg) top left no-repeat }
	div#container.home.image2 div#creditsContainer ol#credits li#image2 { display: block !important }
div#container.home.image3 { background: #003837 url(../images/home_image3.jpg) top left no-repeat }
	div#container.home.image3 div#creditsContainer ol#credits li#image3 { display: block !important }
div#container.home.image4 { background: #1b0a01 url(../images/home_image4.jpg) top left no-repeat }
	div#container.home.image4 div#creditsContainer ol#credits li#image4 { display: block !important }
div#container.home.image5 { background: #ece0d4 url(../images/home_image5.jpg) top left no-repeat }
	div#container.home.image5 div#creditsContainer ol#credits li#image5 { display: block !important }
div#container.home.image6 { background: #251214 url(../images/home_image6.jpg) top left no-repeat }
	div#container.home.image6 div#creditsContainer ol#credits li#image6 { display: block !important }
div#container.home.image7 { background: #a8261a url(../images/home_image7.jpg) top left no-repeat }
	div#container.home.image7 div#creditsContainer ol#credits li#image7 { display: block !important }
div#container.home.image8 { background: #c22c1a url(../images/home_image8.jpg) top left no-repeat }
	div#container.home.image8 div#creditsContainer ol#credits li#image8 { display: block !important }	
div#container.home.image9 { background: #e5d7bb url(../images/home_image9.jpg) top left no-repeat }
	div#container.home.image9 div#creditsContainer ol#credits li#image9 { display: block !important }	
		
	/* Credits for Rotating Images */
	div#container.home div#creditsContainer { position: absolute; left: 960px; top: 436px; overflow: visible; width: 5px; height: 5px; z-index: 99 }
	div#container.home div#creditsContainer a#refresh { position: absolute; bottom: 0; right: -10px; height: 24px; width: 23px; background: transparent url(../images/home_refresh.png) -2px 1px no-repeat; text-indent: -9009px; font-size: 0}
	div#container.home div#creditsContainer a#refresh:hover { background-position: -2px -22px }
	div#container.home div#creditsContainer ol#credits { position: absolute; bottom: 0; right: 11px; width: 25px; height: 25px; background: transparent url(../images/home_info.png) bottom right no-repeat; cursor: help}
	div#container.home ol#credits:hover { width: 193px !important; height: 93px !important; }
	div#container.home div#creditsContainer ol#credits li { position: absolute;  height: 52px; width: 230px; font-size: 10px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; color: #CCCCCC; top:-9009px; left: -9009px; display: none; }
	div#container.home div#creditsContainer ol#credits li a { color: #63c6db; display: block }
	div#container.home div#creditsContainer ol#credits li a:hover { color: #f9722e }
	div#container.home div#creditsContainer ol#credits li strong { font-size: 14px; text-transform: none;  color: #fff; letter-spacing: normal }
	div#container.home div#creditsContainer ol#credits:hover li { top:13px; left: 13px; }

/**/

/* Header */
div#header { width: 100%; height: 99px; float: left; background: transparent url(../images/nav_bg.png) 0px -87px repeat-x; z-index: 50; position: relative}
div#container.home div#header { background-position: 0px -87px;}
div#header h1 { width: 220px; height: 99px; background: transparent url(../images/logo_bg.gif) 0px 0px no-repeat; text-indent: -9009px; font-size: 0; display: block; position: absolute; top:0px;left:0; }
div#container.home div#header h1:hover { background: transparent }
div#container div#header h1:hover { background-position: 0px -206px;}
div#header h1 a { width: 220px; height: 99px; background: transparent url(../images/logo.png) 0px 0px; display: block; }
div#header ul { height: 99px; float: left; margin-left: 220px; width: auto !important}
div#header ul li { position: relative; list-style: none; float: left; width: 130px; text-align: right; height: 80px;  font: 700 16px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; }
div#header ul li a { display: block; width: 122px; height: 32px;  text-align: right; padding: 48px 8px 0 0; font-size: 25px; color: #fff;}
div#header ul li:hover { background-color: #635656 !important; }
div#header ul li.studios { background-color: #c9313d; background-position: 2px 44px }
div#header ul li.courses { background-color: #f9722e; background-position: -119px 44px}
div#header ul li.faculty { background-color: #c8cf45; background-position: -238px 44px}
div#header ul li.students { background-color: #ffcc42; background-position: -357px 44px}
div#header ul li.galleries { background-color: #358da0; background-position: -478px 44px }


/* Body Content */
div#container div#content { float: left; width: 100%; margin-top: -19px; background: #fff9e8; padding: 50px 0 55px; z-index: 2; position: relative;  }
div#container.home div#content { margin-top: 354px; padding: 35px 0 55px; }
div#container .grid_10 p a { font-style: italic }
div#container div#content div.sidebar p { font-size:12px; color: #635656}
div#container div#content div.sidebar h3.adjusted { margin-top: 9px }
div#container div#content div.sidebar .newSection { margin-top: 5px; border-top: 1px solid #e7e1cf; padding-top:25px; }
div#container div#content div#borderTop { position: absolute; top: -10px; left:0; width: 100%; z-index: 99; background: transparent url(../images/content_border_top.png) bottom left repeat-x; height: 15px}
	/* Reusable "By Type" List for Sidebar */
	div#container div.sidebar ul.byType { width: 100%; border-bottom: 5px solid #e7e1cf; margin-top: 3px}
	div#container div.sidebar ul.byType li { color: #928575; text-indent: 5px; border-top: 1px solid #e7e1cf; font-size: 14px; line-height: 32px; }
	/* Reusable Snapshots for Body*/
	div#container ul.snapshots { width: 600px;}
	div#container ul.snapshots li { width: 184px;height: 165px;float: left;margin-right: 10px;margin-bottom: 20px;border: 1px solid #e7e1cf;border-bottom-width: 2px;background: #fff url(../images/faculty_missing.jpg) 5px 5px no-repeat; position: relative}
	div#container ul.snapshots li:hover { border-color: #cfc4c4; margin-top: -3px; margin-bottom: 23px; margin-right: 8px; margin-left: 2px } 
	div#container ul.snapshots li a { width: 184px; height: 165px; display: block; }
	div#container ul.snapshots li img { width: 174px; height: 150px; margin: 5px 5px 10px 5px; }
	div#container ul.snapshots li em { font-style: normal; position: absolute; cursor: pointer; text-align: right; font-size: 18px; color: #fff; text-transform: uppercase; right: 5px; bottom: 10px; display: block; padding: 5px 7px 3px 25px; background: #2f898f; visibility: hidden}
	div#container ul.snapshots li:hover em { visibility: visible }
	/* Reusable Full-Width Gallery List for Body */
	div#container ul.gallery { width: 580px; }
	div#container ul.gallery li { width: 570px; height: 170px; border: 5px solid #e7e1cf; margin-bottom: 20px; position: relative;}
	div#container ul.gallery li a { width: 570px; height: 170px; display: block; }	
	div#container ul.gallery li em { font-style: normal; position: absolute; cursor: pointer; text-align: right; font-size: 23px; color: #fff; text-transform: uppercase; right: 0; bottom: 0; 	display: block; width: 200px; padding: 10px 7px 3px 0; background: #2f898f; }
	div#container ul.gallery li:hover { border-color: #635656 } 
	div#container ul.gallery li:hover em { background: #c9313d }
	/* Back Link */
	div#container a.back { margin-top: 25px;  line-height: 27px; font-style: italic; font-size: 12px; text-indent: 5px }
	/* Events OL */
	 ol#events { width: 340px; float: left; border-top: 1px solid #e7e1cf; border-bottom: 9px solid #e7e1cf; margin-top: 5px;  }
	 ol#events li { font-weight: 700; width: 340px; float: left; clear: left; padding: 18px 0 11px; list-style: none; border-bottom: 1px solid #e7e1cf;  }
	 ol#events li em { display: block; text-transform: uppercase;  font: 9px/16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; letter-spacing: 1px; color: #635656 }
	 ol#events li strong { font-style: italic; color: #c9313d; font-weight: 100; display: block; padding-top:5px }
	 ol#events li span.startDate, ol#events li span.endDate { display: block; float: left; background: #e7e1cf; color: #fff; padding: 3px 9px 12px; text-align: center; font-size: 18px; line-height: 10px; margin: -6px 10px 0 0; cursor: default }
	 ol#events li span.endDate { float: left; margin: -6px 10px 0 0; }
	 ol#events li span.startEndSeparator { width: 10px; display: block; height: 43px; margin: -6px 0 0 -10px; background: url(../images/endDate_bg.gif) top left no-repeat; text-indent: -9009px; float: left }
	 
/* Footer */
div#footer { width: 100%; float: left; padding: 40px 0 35px; font-size: 11px; position: relative; background: #635656 url(../images/footer_border_top.gif) top left repeat-x; z-index: 10 }
div#footer p { color: #beb2b2; font-size: 11px }
div#footer p strong { font-size:13px; font-weight: 700 }
div#footer a { color: #fff }
div#footer a:hover { color: #c1bf1e }
div#footer dl { width: 110px; }
div#footer dl dt { float: left; font-size: 23px; margin-bottom: 10px; color: #BEB2B2; text-transform: uppercase } 
div#footer dl dt a:hover { color: #c8cf45 !important; }
div#footer dl dd { clear: left; font-style: italic; line-height: 16px; }
div#footer dl dd.all a { color: #beb2b2 }
div#footer dl dd.all a:hover { color: #c1bf1e }
div#footer h4 { color: #fff; margin: 0 0 7px; }
div#footer p.controls { margin-top: 8px }
div#footer p.controls a { margin-right: 15px; color: #beb2b2 }
div#footer p.controls a:hover { color: #c1bf1e }
div#footer a#wordmark { width: 149px; height: 48px; margin-left: -4px; display: block; float: left}
div#footer img { border: 0 !important }
/***Home Content***/
div#container.home ol#events li { font-weight: 700; font-size: 12px; }
div#container.home ul#studios { width: 350px; float: left; }
div#container.home ul#studios li { width: 165px; margin-right: 10px; padding: 10px 0; list-style: none; float: left; font-size: 11px; font-style: italic }
div#container.home ul#studios li a  { width: 100%; padding-top: 5px; display: block; color: #1a181a; border-top: 10px solid #e7e1cf }
div#container.home ul#studios li a:hover { border-color: #635656; color: #a8ae39 }
div#container.home h2 span.what { position: absolute; top: -90px; left: 30px;  display: block; padding: 17px 15px 10px 10px; font-size: 54px; color: #fff; background: #358da0; z-index:10 }
div#container.home h2 span.is { position: absolute; top: -70px; left: 148px;  display: block; padding: 7px 6px 3px 5px;  font-size: 40px; color: #fff; background: #c8cf45; z-index:11 }
div#container.home h2 span.studio { position: absolute; top: -100px; left: 187px; padding: 13px 15px 5px;  font-size: 72px; color: #fff; background: #f9722e; display: block; z-index: 9 }
div#container.home h2 span.art { position: absolute; top: -80px; left: 147px; padding: 13px 15px 13px 170px; border-left: 50px solid #ffcc42;  text-indent: 3px; font-size: 46px; color: #fff; background: #c9313d; z-index:8 }
div#container.home h2 span.questionMark{ position: absolute; top: -83px; left: 445px; padding: 8px 15px 0px; border-bottom: 15px solid #358da0;  font-size: 54px; color: #fff; background: #ffcc42; z-index:7 }

/***Studios Content***/
div#container.studios img { border: 5px solid #e7e1cf; margin: -3px 0 15px; } 
div#container.studios div#content { margin-top: 300px }
div#container.studios { background: #251214 url(../images/studios-title_index.jpg) top left no-repeat }
div#container.studios.animation { background: #251214 url(../images/studios-title_animation.jpg) top left no-repeat }
div#container.studios.ceramics { background: #251214 url(../images/studios-title_ceramics.jpg) top left no-repeat }
div#container.studios.design { background: #251214 url(../images/studios-title_design.jpg) top left no-repeat }
div#container.studios.drawing { background: #251214 url(../images/studios-title_drawing.jpg) top left no-repeat }
div#container.studios.fibers { background: #251214 url(../images/studios-title_fibers.jpg) top left no-repeat }
div#container.studios.metals { background: #251214 url(../images/studios-title_metals.jpg) top left no-repeat }
div#container.studios.painting { background: #251214 url(../images/studios-title_painting.jpg) top left no-repeat }
div#container.studios.photography { background: #251214 url(../images/studios-title_photography.jpg) top left no-repeat }
div#container.studios.printmaking { background: #251214 url(../images/studios-title_printmaking.jpg) top left no-repeat }
div#container.studios.sculpture { background: #251214 url(../images/studios-title_sculpture.jpg) top left no-repeat }

div#container.studios ul#studios { width: 600px; }
div#container.studios ul#studios li { border: 5px solid #e7e1cf; position: relative; width: 270px; margin: 0 20px 20px 0; float: left; height: 100px;  }
div#container.studios ul#studios li.animation { background: url(../images/studios_animation_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.ceramics { background: url(../images/studios_ceramics_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.design { background: url(../images/studios_design_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.drawing { background: url(../images/studios_drawing_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.fibers { background: url(../images/studios_fibers_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.metals { background: url(../images/studios_metals_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.painting { background: url(../images/studios_painting_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.photography { background: url(../images/studios_photography_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.printmaking { background: url(../images/studios_printmaking_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li.sculpture { background: url(../images/studios_sculpture_thumb.jpg) top left no-repeat  }
div#container.studios ul#studios li a { width: 100%; display: block; height: 100px; }
div#container.studios ul#studios li em { font-style: normal; position: absolute; cursor: pointer; text-align: right; font-size: 23px; color: #fff; text-transform: uppercase; right: 0; bottom: 0; display: block; width: 125px; padding: 10px 7px 3px 0; background: #2f898f; }
div#container.studios ul#studios li:hover { border-color: #635656 } 
div#container.studios ul#studios li:hover em { background: #c9313d }
div#container.studios ol#studios { width: 100%;border-bottom: 5px solid #e7e1cf;  }
div#container.studios ol#studios li { list-style: decimal inside; color: #928575; text-indent: 10px; border-top: 1px solid #e7e1cf; font-size: 12px; font-style: italic; line-height: 29px; }
	/* Take the Tour */
	 div#studioLaunches { width: 600px; margin-top: 10px; float: left }
	 a.launchGallery { width: 270px; height: 165px; border: 5px solid #e7e1cf; position:relative; display:block; float:left; margin-right:20px}
	 a.launchGallery em { font-style: normal; position: absolute; cursor: pointer; text-align: right; font-size: 23px; color: #fff; text-transform: uppercase; right: 0; bottom: 0; display: block; width: 170px; padding: 10px 7px 3px 0; background: #2f898f; }
	 a.launchGallery:hover { border-color: #635656 } 
	 a.launchGallery:hover em { background: #c9313d }
		div#container.studios.ceramics a#tour { background: url(../images/studios_ceramics_tour.jpg) } 
		div#container.studios.ceramics a#artwork { background: url(../images/studios_ceramics_artwork.jpg) } 
		div#container.studios.painting a#tour { background: url(../images/studios_painting_tour.jpg) } 
		div#container.studios.painting a#artwork { background: url(../images/studios_painting_artwork.jpg) } 
		div#container.studios.animation a#tour { background: url(../images/studios_animation_tour.jpg) } 
		div#container.studios.animation a#artwork { background: url(../images/studios_animation_artwork.jpg) } 		
		div#container.studios.drawing a#tour { background: url(../images/studios_drawing_tour.jpg) } 
		div#container.studios.drawing a#artwork { background: url(../images/studios_drawing_artwork.jpg) } 	
		div#container.studios.printmaking a#tour { background: url(../images/studios_printmaking_tour.jpg) } 
		div#container.studios.printmaking a#artwork { background: url(../images/studios_printmaking_artwork.jpg) } 		
		div#container.studios.sculpture a#tour { background: url(../images/studios_sculpture_tour.jpg) } 
		div#container.studios.sculpture a#artwork { background: url(../images/studios_sculpture_artwork.jpg) } 	
		div#container.studios.fibers a#tour { background: url(../images/studios_fibers_tour.jpg) } 
		div#container.studios.fibers a#artwork { background: url(../images/studios_fibers_artwork.jpg) center center} 
		div#container.studios.metals a#tour { background: url(../images/studios_metals_tour.jpg) } 
		div#container.studios.metals a#artwork { background: url(../images/studios_metals_artwork.jpg) center center} 		
		div#container.studios.design a#tour { background: url(../images/studios_design_tour.jpg) } 
		div#container.studios.design a#artwork { background: url(../images/studios_design_artwork.jpg) center center} 
		div#container.studios.photography a#tour { background: url(../images/studios_photography_tour.jpg) } 
		div#container.studios.photography a#artwork { background: url(../images/studios_photography_artwork.jpg) center center} 
	
/***Courses Content***/
div#container.courses div#content { margin-top: 300px }
div#container.courses { background: #251214 url(../images/courses-title.jpg) top left no-repeat }
div#container.courses ul#courses {  border-bottom: 1px solid #e7e1cf; }
div#container.courses ul#courses li { padding: 20px 0; border-top: 1px solid #e7e1cf; float: left; width: 100%; }
div#container.courses ul#courses li h5 { float: left; width: auto; margin: 0 7px 10px 0; color: #358da0}
div#container.courses ul#courses li em {  text-align: right; font-style: normal; font-size: 14px; padding: 2px 7px 3px; background: #e7e1cf; color: #978787; text-transform: uppercase; float:left; height: 14px;  }
div#container.courses ul#byType { width: 350px }
div#container.courses ul#byType li { width: 165px; margin-right: 10px; padding: 0 0 18px; list-style: none; float: left; font-size: 11px; font-style: italic }
div#container.courses ul#byType li a  { width: 100%; padding-top: 5px; display: block; color: #1a181a; border-top: 10px solid #e7e1cf }
div#container.courses ul#byType li a:hover, div#container.courses ul#byType li.current a { border-color: #635656; color: #a8ae39 }
div#container.courses div.pagination { float: left; margin-top: 30px; width: 100%;  }
div#container.courses div.pagination span { float: right; display: block; margin-top: -15px }
div#container.courses ul#summer.byType.contact li { font: 700 11px/13px Arial, Helvetica, sans-serif; padding: 5px; color: #635656}
/***Faculty Content***/
div#container.faculty div#content { margin-top: 300px }
div#container.faculty h3 a { color: #f9722e !important }
div#container.faculty { background: #251214 url(../images/faculty-title.jpg) top left no-repeat }
div#container.faculty ul.facultyList li { float: left; width: 100%; }
div#container.faculty ul.facultyList a {  display: block; float: left;  }
div#container.faculty ul.facultyList em { float: right; display: block;  text-align: right; font-size: 11px; color: #635656; font-style: italic; }
div#container.profile p img { float: right; margin-left: 12px; border: 1px solid #e7e1cf;border-bottom-width: 2px; background: #fff url(../images/faculty_missing.jpg) 5px 5px no-repeat; text-indent: -9009px; font-size: 0; padding: 5px 5px 10px; width: 174px; height:150px;  }
div#container.profile h3.adjusted { margin-bottom: -2px; margin-top: 7px !important; color: #f9722e }
div#container ul.contact li { line-height: 18px !important; text-indent: 0 !important; padding: 10px 5px; }
div#container.profile div#facultyName { border-bottom: 1px solid #e7e1cf; float: left; width:100%; height: 37px; margin-bottom: 10px}
div#container.profile div#facultyName h2 { display: inline; width: auto; margin: 0}
div#container.profile div#facultyName h3 { display: inline; width: auto; margin-left: 10px; color:#358da0; margin-top: 8px; }


/***Students Content***/
div#container.students div#content { margin-top: 300px }
div#container.students { background: #251214 url(../images/students-title.jpg) top left no-repeat }
div#container.students.srSeminar { background: #251214 url(../images/studios-title_srSeminar.jpg) top left no-repeat }
div#container.students.srSeminar ul.contact li { font: 11px/14px Verdana, Arial, Helvetica, sans-serif;}
div#container.students.srSeminar ul.contact li strong { font-weight:700 }
div#container.students ul.snapshots { float: left; display: block; height: 185px }
div#container.students ul.gallery li.studentShow08 { background: url(../images/students_studentshow08.jpg) } 
div#container.students ul.gallery li.studentShow09 { background: url(../images/students_studentshow09.jpg) }  /* These classes control the yearly Senior Show links. I've added entries for */
div#container.students ul.gallery li.studentShow10 { background: url(../images/students_studentshow10.jpg) }  /* five future years. You first need to add an image to the "images" folder   */
div#container.students ul.gallery li.studentShow11 { background: url(../images/students_studentshow11.jpg) }  /* with the correct year number at the end of the filename. When you're ready */
div#container.students ul.gallery li.studentShow12 { background: url(../images/students_studentshow12.jpg) }  /* to update the Students page, simply change the year number in the list     */
div#container.students ul.gallery li.studentShow13 { background: url(../images/students_studentshow13.jpg) }  /* item's class in the page's HTML. 										    */
div#container.students ul.gallery li.studentShow14 { background: url(../images/students_studentshow14.jpg) } 

div#container.students ul#alumni li { text-indent: 0; font-size: 13px; width: auto; line-height: 18px; padding: 15px 0 15px 5px; float: left}
div#container.students ul#alumni li h5 { margin-bottom: 10px }
div#container.students ul#alumni img { float: right; width: 140px; border: 1px solid #e7e1cf; padding: 3px 3px 6px; background: #fff; margin: 0 8px 8px 0;  }
div#container.students ul#alumni p { float: left; width: 52%; font-size: 11px !important; line-height: 16px; margin-bottom: 8px }

div#container.studentProfile { background: #635656 }
div#container.studentProfile .container_16 { width: 630px; overflow: hidden; margin: 0 auto;}
div#container.studentProfile .container_16 .grid_10 { width: 405px;}
div#container.studentProfile .container_16 .grid_6 { width: 180px; margin-left: 0 }
div#container.studentProfile img {  border: 1px solid #e7e1cf;border-bottom-width: 2px; background: #fff url(../images/faculty_missing.jpg) 5px 5px no-repeat; text-indent: -9009px; font-size: 0; padding: 5px 5px 10px; width: 174px; height:150px;  }
div#container.studentProfile div#studentName { border-bottom: 1px solid #e7e1cf; float: left; width:605px; height: 37px; margin-bottom: 10px}
div#container.studentProfile div#studentName h2 { display: inline; width: auto; margin: 0}
div#container.studentProfile div#studentName h3 { display: inline; width: auto; margin-left: 10px; color:#358da0; margin-top: 8px; }
div#container.studentProfile h3.adjusted { margin-bottom: -2px; margin-top: 7px !important; color: #f9722e }
div#container.studentProfile p.description { margin-top: 0; }
div#container.studentProfile p.description strong { margin-right: 10px }
div#container.studentProfile p { font-size: 11px; line-height: 15px }
div#container.studentProfile h5 { margin-top: 12px; margin-bottom: -4px }

/***Galleries Content***/
div#container.galleries div#content { margin-top: 300px }
div#container.galleries { background: #251214 url(../images/galleries-title.jpg) top left no-repeat }
div#container.galleries ul.gallery li.tang { background: url(../images/galleries_tang.jpg) }
div#container.galleries ul.gallery li.schick { background: url(../images/galleries_schick.jpg) }
div#container.galleries ul.gallery li.saisselin { background: url(../images/galleries_saisselin.jpg) }
div#container.galleries ul.gallery li.caseGallery { background: url(../images/galleries_caseGallery.jpg) }
div#container.galleries ul.gallery li.saisselin:hover, div#container.galleries ul.gallery li.caseGallery:hover { border: 5px solid #e7e1cf; }
div#container.galleries ul.gallery li.saisselin:hover em, div#container.galleries ul.gallery li.caseGallery:hover em { background: #2f898f; cursor: auto}

/***Credits Content***/
div#container.credits div#content { margin-top: 300px }
div#container.credits { background: #742723 url(../images/credits-title.jpg) top left no-repeat }
div#container.credits ul#homeImages li { background: url(../images/credits_gallery.jpg)}

/***History Content***/
div#container.history div#content { margin-top: 300px }
div#container.history { background: #ebeceb url(../images/history-title.jpg) top left no-repeat }