* { margin: 0; padding: 0; border: 0; }

/* positioning of elements */
body { text-align: center; font: 12px Arial, Verdana, Helvetica, sans-serif; }

#supernav { padding: 3px 15px 0 0; text-align: right; width: 735px !important; width /**/: 750px; font: 10px Verdana, sans-serif; }

#skip { display: none; }

#container { width: 750px; margin: 0 auto; text-align: left; }

#header { padding: 15px 0 10px 40px; background: url(/images/sophomore/head-bg.gif) no-repeat; width: 710px !important; width /**/: 750px; height: 100px !important; height /**/: 125px; }

#logo, #letter { float: left; }

#letter { padding-top: 20px; }

#content { width: 750px; margin-top: 10px; background: url(/images/sophomore/content-bg.gif) repeat-y; }

#nav { float: left; padding: 40px 10px 40px 30px; background: url(/images/sophomore/nav-bg.gif) no-repeat; width: 160px !important; width /**/: 200px; }

#body { float: right; padding: 40px 30px; background: url(/images/sophomore/main-bg.gif) no-repeat; width: 480px !important; width /**/: 540px; }

#footer { padding: 38px 0 0 30px; width: 750px; height: 50px; background: url(/images/sophomore/footer-bg.gif) no-repeat; font: 10px Verdana, sans-serif; }

.clearer { clear: both; height: 0px; }

.line { margin: 10px 0; border-top: 1px solid #666; }

.bio { float: left; width: 340px; margin: 0 0 10px 10px; }


/* Typography */
h2 { margin-bottom: 10px; font-size: 15px; }

h3 { margin-bottom: 10px; font-size: 13px; font-style: italic; }

p { margin-bottom: 10px; }

a { color: #9e1211; text-decoration: underline; }

ul, ol { margin: 10px 10px 10px 30px; }

ul li, ol li { margin-bottom: 5px; }

ul li { list-style: url(/images/sophomore/bullet-main.gif); }

#nav ul, #supernav ul { margin: 0; }

#nav ul li, #supernav ul li { list-style-image: none; list-style-type: none; }


/* Titles */
#body h1 { margin-bottom: 10px; height: 20px; }

#body h1#sophomore { background: url(/images/sophomore/titles/index.gif) no-repeat; width: 373px; }

#body h1#about { background: url(/images/sophomore/titles/about.gif) no-repeat; width: 116px; }

#body h1#retreat { background: url(/images/sophomore/titles/fallretreat.gif) no-repeat; width: 183px; }

#body h1#alchemist { background: url(/images/sophomore/titles/reading.gif) no-repeat; width: 345px; }

#body h1#gallery { background: url(/images/sophomore/titles/gallery.gif) no-repeat; width: 170px; }

#body h1#mentors { background: url(/images/sophomore/titles/mentors.gif) no-repeat; width: 350px; }

#body h1#students { background: url(/images/sophomore/titles/students.gif) no-repeat; width: 238px; }

#body h1#author { background: url(/images/sophomore/titles/author.gif) no-repeat; width: 200px; }

#body h1#reviews { background: url(/images/sophomore/titles/reviews.gif) no-repeat; width: 357px; }

#body h1#discussion { background: url(/images/sophomore/titles/discussion.gif) no-repeat; width: 236px; }

#body h1#resources { background: url(/images/sophomore/titles/resources.gif) no-repeat; width: 242px; }

#body h1#exercises { background: url(/images/sophomore/titles/exercises.gif) no-repeat; width: 224px; }

#body h1#research { background: url(/images/sophomore/titles/research.gif) no-repeat; width: 241px; }

#body h1#career { background: url(/images/sophomore/titles/career.gif) no-repeat; width: 188px; }

#body h1#abroad { background: url(/images/sophomore/titles/abroad.gif) no-repeat; width: 286px; }

#body h1#s-resources { background: url(/images/sophomore/titles/s-resources.gif) no-repeat; width: 209px; }

#body h1#groups { background: url(/images/sophomore/titles/groups.gif) no-repeat; width: 354px; }

#body h1#events { background: url(/images/sophomore/titles/calendar.gif) no-repeat; width: 214px; }

#body h1 span { display: none; }


/* Navigation */
#nav ul li { display: block; }

#nav ul li a { display: block; height: 27px; }

#nav ul li#nav-home a { width: 81px; background: url(/images/sophomore/nav/home.gif) no-repeat; }

#nav ul li#nav-about a { width: 92px; background: url(/images/sophomore/nav/about.gif) no-repeat; }

#nav ul li#nav-retreat a { width: 124px; background: url(/images/sophomore/nav/retreat.gif) no-repeat; }

#nav ul li#nav-gallery a { width: 139px; background: url(/images/sophomore/nav/gallery.gif) no-repeat; }

#nav ul li#nav-reading a { width: 156px; background: url(/images/sophomore/nav/reading.gif) no-repeat; }

#nav ul li#nav-mentors a { width: 115px; background: url(/images/sophomore/nav/mentors.gif) no-repeat; }

#nav ul li#nav-students a { width: 87px; background: url(/images/sophomore/nav/students.gif) no-repeat; }

#nav ul li#nav-calendar a { width: 95px; background: url(/images/sophomore/nav/calendar.gif) no-repeat; }

#nav ul li a span { display: none; }

#nav ul#sub { margin: 0 0 15px 25px; }

#nav ul#sub li { display: list-item; list-style: url(/images/sophomore/bullet-nav.gif); }

#nav ul#sub li a { display: inline; color: #fff; text-decoration: none; background-image: none; }

#nav ul#sub li a:hover { text-decoration: underline; }


/* Image styles */
img.img-right { float: right; margin: 5px 0 5px 5px; }

img.img-left { float: left; margin: 5px 5px 5px 0; }

div#Container { margin: 0 auto; width: 200px; height: 200px; background: #fff url(/images/sophomore/photo-load.gif) 50% 50% no-repeat; }
div#PhotoContainer { visibility: hidden; }

span#Counter { display: block; width: 50px; margin: 0 auto; }