/*INDEX*/

body { background-color: #FFFFFF ; }

div.mainSectionHead { width: 100% ; margin: 1em ; }

span.mainSectionHeading { font-size: 250% ; text-decoration: underline ; }

span.minorSectionHeading { font-size: 150% ; text-decoration: none ; }

div.mainWindow { width: 80% ; margin-left: 2% ; margin-right: 2% ; margin-bottom: 2em ;
	margin-top: 1% ; padding: 3% ; padding-left: 15% ; padding-bottom: 2em ; min-height: 1000px ; }

a.selectedLink { color: #B00000 ; text-decoration: none ; }

/*PAGE HEAD*/

div.pageHead { width: 100% ; background: #6699CC ; overflow: auto ; }

img.mathLogo { float: left ; text-align: center ; margin: 0px auto  } 

div.verticalSpacer { width: 100% ; height: 0.75em ; }

div.narrowVerticalSpacer { width: 50% ; height: 1em ; }

div.horizontalSpacer { width: 1em ; }

div.IMSAMathContainer { margin-left: 1em ; float: left ; }

div.imageContainer img { padding: 0.5em ; text-align: center ; margin: 0px auto ; }

a.IMSAMathLink { text-align: left ; border: none ; }

a.IMSAMathLink img { height: 170px ; border: none ;  }

a.IMSALink { text-align: right ;  }

a.IMSALink img { height: 170px ; }

div.IMSAContainer { text-align: right ; margin-right: 1em ; }


/*MAIN MENU*/

div.mainMenu { float: left ; width: 10em ; margin: 0.5em ; min-height: 600px ; }

div.mainMenuButton { width: 9.2em ; padding: 0.4em ; margin: 0.2em ;
	background-color: #6699CC ; color: #FFFFFF ; }

div.mainMenuButton:hover { background-color: #6699FF ; }

div.mainMenuSpacer { width: 9.2em ; padding: 0.4em ; margin: 0.2em ;
	background-color: #6699CC ; color: #FFFFFF ; min-height: 500px ; }

a.menuLink { text-decoration: none ; }

div #chosen { background-color: #336699 ; }




/*LINKS*/

a.noUnderline { text-decoration: none ; }


/*HOME*/

div.mainPhoto { width: 100% ; }

div.mainPhoto img {width:80%;margin-left:10%;}

div.homeMain { width: 45% ;  float: left ; min-height: 1em ; padding: 1% ; margin: 1% ; }

div.homeUpdates { width: 25% ; border: 2px solid black ; background-color: #E8E8E8 ; float: left ; min-height: 1em ; 	padding: 1% ; margin: 1% ; }

span.homeHeading { font-weight: bold ; font-size: 175% ; }

span.homeUpdatesHeading { font-weight: bold ; font-size: 125% ; }

a.homeLink { color: #0000D0 ; text-decoration: none ; }

a.homeLink:hover { text-decoration: underline ; }

div.rss { margin: 2% ; padding: 0.5em ;  }

a.rss { text-decoration: none ; }

a.rss:hover { text-decoration: underline ; }

a.rss img { border: none ; height: 31 ; margin: 2px ; vertical-align: middle ;}

/*PROFILE*/

a.miniprofile { text-decoration: none ; color: #000000 ; }

div.miniProfile { width: 12% ; float: left ; margin: 1% ; text-align: center ; }

img.miniProfilePicture { height: 18% ; float: none ; margin: 0px auto ; border: none ; }

span.miniProfileName { font-weight: bold ; }

img.profilePicture { width: 90% ; margin-left: auto ; margin-right: auto ; float: left ; }

div.profilePictureContainer { width: 30% ; min-height: 1000px ; float: left ; padding: 1.5% ; }

div.profileWindow { margin: 2% ; padding: 2% ; } 

span.profileName { font-size: 150% ; font-weight: bold ; padding-right: 1% ; }

span.profileSince {  } 

span.profileRole { font-style: italic ; font-size: 110% ;}

span.profileEmail { margin-right: 3% ; font-size: 110% ; }

span.profilePhone { margin-right: 3% ; }

span.profileHomepage {}

span.profileHeading { font-weight: bold ; text-decoration: underline ;}

span.profileDegree { }

span.profileAffiliationLink { min-width: 20em ; text-decoration: none ; }

span.profileAffiliationName { }

span.profileCourses { font-size: 100% ; font-style: italic ; }

div.profileBox { float: left; margin-left: 1em ; width: 65% ; }

div.profileLinks { font-size: 90% ; margin-bottom: 1.5em ; overflow: auto ; }

div.profileEmbeddedLinks a { text-decoration: none ; margin: 0.5em ; float: left ; }

div.profileEmbeddedLinks a:hover { text-decoration: underline ; }

div.profileCourseLinks a { text-decoration: none ; margin: 0em ; float: left ; }

div.profileCourseLinks a:hover { text-decoration: underline ; }

div.profileLinks a { text-decoration: none ; margin: 0.5em ; float: left ; }

div.profileLinks a:hover { text-decoration: underline ; }


/*COURSES*/

div.coursesColumn { width: 26% ; margin-right: 3em ; float: left ; }
 
span.coursesColumnHeading { font-weight: bold ; font-size: 170% ; }

div.coursesCategory { margin-top: 1em ; }

div.coursesCategory a { text-decoration: none ; color: #000000 ; }

div.coursesCategory a:hover { text-decoration: underline ; }

span.coursesHeading { font-weight: bold ; text-decoration: underline ; }

div.courseBox { width: 90% ; margin: 1em ; }

span.courseName { font-size: 200% ; padding-bottom: 0.5em ; }

span.courseInformation {}

span.courseHeading { text-decoration: underline ; font-weight: bold ; }

div.courseSemester { width: 40% ; margin-right: 4% ; float: left ;}

a.courseLink { text-decoration: none ; }

a.courseLink :hover { text-decoration: underline ; }

span.courseSection { font-variant: small-caps ; }

span.courseTeacher {  }

span.courseTeacher a { text-decoration: none ; color: #000000 ; }

span.courseTeacher a:hover { text-decoration: underline ; }


/*CALENDAR*/

div.calendarWindow { width: 60% ; margin-top: 0.5em ; padding-left: 5% ; float: left ; }

div.calendarEvent { width: 80% ; margin: 0.5em ; }

div.calendarDate { font-size: 150% ; font-weight: bold ; text-decoration: underline ; 
	margin-top: 1em ; }

span.calendarEventTitle { font-weight: bold ; }

span.calendarEventDescription {  }


div.calendar { border: 1px solid #000000 ; float: left ; margin: 3px ;}

div.calendarHead { color: #FFFFFF ; background: #336699 ; 
	width: 231 ; padding-top: 2px ; padding-bottom: 2px ; }

div.calendarHead a:hover { text-decoration: underline ;}

div.calendarHead a:visited { color: #FFFFFF ; }

div.calendarBody { width: 231 ; background: #FFFFFF ; } 

div.emptyCalendarSquare { width: 25 ; margin: 2px 2px 2px 2px ; float: left ; height: 1.75em ; 
        padding-left: 2px ; padding-right: 2px ; }

div.calendarSquare { width: 25 ; margin: 2px 2px 2px 2px ;
	padding-left: 2px ; padding-right: 2px ; float: left ; 
        height: 1.75em ; background: #DDDDDD ; }

div.calendarSquare a:hover { text-decoration: underline ; }

div.calendarSquare a:visited { color: #000000 ; }

#today { background: #CCCCFF; }

div.calendarContainer { width: 100% ; margin: 3em ; float: left ; }

div.calendarCenteredText { margin: 0px auto ; text-align: center ; }

a.prevAndNext { color: #FFFFFF ; text-decoration: none ; }

a.calendarDate { color: #000000 ; text-decoration: none ; }

/*NEWS*/

div.leadStory { width: 100% ; float: left ; min-height: 1em ; padding: 2% ;}

div.newscontainer { width: 70% ; min-height: 1em ; float: left ; padding-bottom: 3em ; }

div.othernews { width: 100% ; float: left ; margin-top: 3em ; padding: 2% ; }

span.recentnews { font-size: 150% ; font-weight: bold ; }

div.newsphoto { float: right ; width: 40% ; margin-left: 5% ; margin-right: 5% ; margin-top: 2% ; margin-bottom: 2% ; font-size: 75% } 

div.newsphotolarge { float: none ; width: 90% ; margin-left: 5% ; margin-right: 5% ; margin-top: 2% ; margin-bottom: 2% ; font-size: 100% } 

div.headline { font-size: 80% ; margin: 2% ; }

div.headline a { font-size: 120% ; text-decoration: none ; }

div.headline a:hover { text-decoration: underline ; }

div.headline a:visited { color: #000080 ; }

a.headline { color: #000000 ; text-decoration: none ; }

a.headline :hover { text-decoration: underline ; }

/*EXTRACURRICULARS*/

div.ec { margin: 2% ; width: 100% ; padding: 2% ; }

a.title { font-size: 120% ; font-weight: bold ; color: #000000 ; }

/*GENERAL*/

div.splitscreen { width: 35% ; margin-left: 2% ; margin-right: 2% ; float: left ; min-height: 1em ; padding: 2% ; }

div.splitscreenbordered { width: 35% ; margin-left: 2% ; margin-right: 2% ; margin-top: 1em ; float: right ; min-height: 1em ; padding: 1% ; 
	border: 2px black solid ; background-color: #E8E8E8 ; }