/* This stylesheet is referenced throughout the Williams College Eclipse Website. It controls the appearance of text and links on most pages and gives uniformity to the site.  Descriptions and usage of the style classes are given below.  Also see the file named "stylesheet1_demonstration.html" located in the eclipse home directory for more about this stylesheet.*/



/* The body class is applied to the <body> tag. */

.body {
	background-color: #000000;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #0099FF;
	}



/* The title class is typically used to title pages. */

.title {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 24pt;
	color: #0099FF;
	}



/* The largeBlue class is an intermediate-size header appropriate for heading paragraphs. */

.largeBlue {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #0099FF;
	}



/* The smallBlue class is used for most paragraph-style text. */

.smallBlue {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #0099FF;
	}



/* The h2Blue class defines the same font as the standard <h2> tag, except that the color is blue. */

.h2Blue {
	font-family: Times New Roman, Times, serif;
	font-size: 18pt;
	font-weight: bold;
	color: #0099FF;
	}



/* The h3Blue class defines the same font as the standard <h3> tag, except that the color is blue. */

.h3Blue {
	font-family: Times New Roman, Times, serif;
	font-size: 14pt;
	font-weight: bold;
	color: #0099FF;
	}



/* The timesBlue class is identical to unformatted html text (Times New Roman, 12pt) except that it is blue. */

.timesBlue {
	font-family: Times New Roman, Times, serif;
	font-size: 12pt;
	color: #0099FF;
	}



/* The smallGray class is used frequently for captions below photographs. */

.smallGray {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #999999;
	}



/* The grayBorder class is applied to the <img> tag to give the image a thin gray border. */

.grayBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	}



/* The largeYellow class is used for links in the left-hand navigation bar. */

.largeYellow:link, .largeYellow:visited {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #FFFF99;
	}
.largeYellow:hover, .largeYellow:active {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #FFFFCC;
	}



/* The smallYellow class is used for the majority of links on the website. */

.smallYellow:link, .smallYellow:visited {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #FFFF99;
	}
.smallYellow:hover, .smallYellow:active {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #FFFFCC;
	}



/* The smallYellowIndent class is used for the indented links in the left-hand navigation bar. */

.smallYellowIndent:link, .smallYellowIndent:visited {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #FFFF99;
	padding-left: 20px;
	}
.smallYellowIndent:hover, .smallYellowIndent:active {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #FFFFCC;
	padding-left: 20px;
	}



/* The smallWhiteLink class is not currently used on the website, but we thought it might be useful in the future. */

.smallWhiteLink:link, .smallWhiteLink:hover, .smallWhiteLink:active, .smallWhiteLink:visited {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	}



/* The eclipse homepage has its own font color scheme that is different than the rest of the website.  The homepageTitle class is used to title the homepage. */

.homepageTitle {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 24pt;
	color: #CCCCCC;
	}



/* The eclipse homepage has its own font color scheme that is different than the rest of the website.  The homepageNavLarge class is used for the large navigation links on the left side of the homepage. */

.homepageNavLarge:link, .homepageNavLarge:visited {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 26pt;
	color: #00CCCC;
	text-decoration: none;
	}
.homepageNavLarge:hover, .homepageNavLarge:active {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 26pt;
	color: #FD0505;
	text-decoration: none;
	}



/* The eclipse homepage has its own font color scheme that is different than the rest of the website.  The homepageNavSmall class is used for the small navigation links on the right side of the homepage. */


.homepageNavSmall:link, .homepageNavSmall:visited {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #00CCCC;
	text-decoration: none;
	}
.homepageNavSmall:hover, .homepageNavSmall:active {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #FD0505;
	text-decoration: none;
	}



/* The homepageCaption class is used for the photo caption on the homepage. */

.homepageCaption {
	font-family: "Comic Sans MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	color: #999999;
	}



/* The homepageCopyright class is used for the copyright notice on the homepage. */

.homepageCopyright {
	font-family: "Comic Sans MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #999999;
	}



/* The homepageCredits class is used for the "site credits" link and the "report broken links" link on the homepage. */

.homepageCredits:link, .homepageCredits:active, .homepageCredits:hover, .homepageCredits:visited {
	font-family: "Comic Sans MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	color: #999999;
	}