
/* Define colors for easy cut-n-paste
R	#ED1D47
G	#009B49
B	#008DD0
O	#F79122 */

/* Set printer text sizes */
@media print
{
	html, body { font-size: 10pt; }
	h1 { font-size:16pt; }
	h2 { font-size:14pt; }
	h3 { font-size:12pt; }
}

/* Make everything sans-serif to improve readability */
html, body { font-family:Gotham,Arial,Helvetica,Futura,sans-serif; background-color:#EA8920; }

/* For small headlines, tuck the following text in a bit closer */
h3, h4, h5, h6 { margin-bottom:-1.5ex; }

/* Also, avoid page breaks after all headings and set the default color */
h1, h2, h3, h4, h5, h6, h7, h8, h9 { page-break-after:avoid; color:#F79122; }

/* And inside images and list items */
img, li { page-break-inside:avoid; }

/* Make an easy way to force page breaks: <div class="pagebreak" /> */
div.pagebreak { page-break-after:always; }

/* Ensure that our pages have a white background, black text and take up the entire window */
html, body { background-color:white; color:black; margin:0; }
@media screen
{
	html, body { margin-right:0.25em; }
}

/* Spread out text to make it a bit more readable */
p, li, q { line-height:150%; }
li { padding-bottom:1ex; }

/* Ensure that those explicitly bulleted have markers: */
.bulleted li { list-style-type:disc; }

/* Ensure that those explicitly NOT bulleted don't have markers: */
.nobullet li { list-style-type:none; }

/* Ensure all table gridlines connect with one another */
table { border-collapse:collapse; }

/* Ensure all table elements align at the top of the row by default */
table, tr, td { vertical-align:top; }

/* Ensure that all table columns have some padding by default */
td, th { padding-right:1em; }

/* Create a nicer horizontal rule */
hr { height:1px; border-width:0px; color:rgb(222,222,222); background-color:rgb(222,222,222); }

/* Set keyword colors */
span.keyword, span.destination { white-space:nowrap; }
span.destination { font-weight:bold; }
span.keyword { color:#ED1D47; }
@media print
{
	span.keyword { font-weight:bold; }
}

/* Set the style for am/pm denotations */
span.ampm { font-variant:small-caps; white-space:nowrap; }

/* Set hyperlink colors */
a { color:#008DD0; }

/* Set hyperlink behavior */
a { text-decoration:none; }
a:active, a:hover { text-decoration:underline; }
@media print
{
	a { font-weight:bold; }
	a:active, a:hover { text-decoration:none; }
}

/* Underline abbreviations and acryonms */
abbr, acronym { border-bottom: 1px dashed #009B49; cursor: help; padding-bottom:0; }

/* Ensure images have a default border */
img { border:solid 1px black; }

/* Ensure there's an easy way to remove image borders */
.noborder img { border:none; }

/* Make sure superscripts and subscripts are smaller than the rest */
sup, sub { font-size:80%; }

/* Spruce up block quotes */
blockquote { background:url(source/quote.gif) no-repeat; text-align: justify; padding-left:25px; }

/* Create a "th" for something like "5th" that doesn't use the superscript system */
span.th, span.ordinal { vertical-align:15%; font-size:80%; }

/* Create a general-purpose alignment classes */
.centered, .bcentered { margin-left:auto; margin-right:auto; text-align:center; }
.right, .bright { margin-left:auto; margin-right:auto; text-align:right; }
.left, .bleft { margin-left:auto; margin-right:auto; text-align:left; }

/* Force elements to appear in blocks rather than inline */
.bcentered, .bright, .bleft, .block { display:block; }

/* Force elements to be bold */
.bold { font-weight:bold; }

/* Force elements to be italic */
.italic { font-style:italic; }

/* Create general-purpose "float" classes */
.floatleft { float:left; margin-right:1em; }
.floatright { float:right; margin-left:1em; }

/* Create a general-purpose nowrap class */
.nowrap { white-space:nowrap; }

/* Set up rules for specific types of media */
@media print
{
	.screen { display:none; }
}
@media screen
{
	.print { display:none; }
}

/* Define the page layout for the template */
#body { height:100%; background-color:#EA8920; }
#sidebar { float:left; padding:0; padding-bottom:1ex; margin-right:1em; background-color:#EA8920; }
#sidebar img { border:none; padding-bottom:1ex; background-color:white; }
#sidebar #menu { width:160px; margin-top:-0.4ex; }
#sidebar #menu li { line-height:175%; list-style-type:none; padding:0; }
#sidebar #menu ul { margin-top:0; margin-left:0; padding:0; }
#sidebar #menu a { display:block; color:white; padding-left:0.5em; padding-right:0.5em; margin:0; font-size:large; font-weight:bold; }
#sidebar #menu a.submenu { padding-left:1.5em; }
#sidebar #menu a:active, #sidebar #menu a:hover { text-decoration:none; background-color:white; color:#EA8920; }
#sidebar #menu select { margin-bottom:1ex; width:90%; }
#sidebar #menu #specialists { text-align:center; padding-left:1.25em; }
#sidebar #menu #pulldowns { text-align:center; }
#sidebar #menu #contact { line-height:normal; }
#sidebar #menu #contact a { background-color:#EA8920; color:white; padding:0; margin:0; font-size:100%; line-height:normal; display:inline; }
#sidebar #menu #contact a:hover { text-decoration:underline; }
#content { margin-left:160px; background-color:white; padding-left:0.5em; }
#header { height:160px; }
#header #text { float:right; margin-left:5em; }
#header #text { text-align:right; margin-right:1em; }
#header #pratt { font-size:58pt; font-weight:bold; color:#ED1D47; border-bottom:solid 1pt #009B49; text-transform:uppercase; }
#header #school { font-size:17pt; font-weight:bold; color:#008DD0; border-bottom:solid 1.5pt #009B49; text-transform:uppercase; }
#header #tagline { font-size:19pt; font-weight:bold; color:#009B49; }
#footer { background-color:white; }
#footer #grades { text-align:right; font-size:46px; font-weight:900; color:#F79122; }
#webadmin { background-color:white; text-align:center; padding-top:5ex; padding-bottom:2ex; }
.blocks { background:url( 'blocks-screen.gif' ) repeat-x; margin:0; padding-left:1em; height:41px; margin-top:1ex; }
@media print
{
	#body, #content, #footer { background-color:transparent; }
	#header { display:none; }
	#sidebar { display:none; }
	#content { margin-left:auto; }
	#webadmin { display:none; }
}
@media handheld
{
	#sidebar { float:none; width:auto; }
	#text { float:none; }
	#header { display:none; }
	#content { margin:auto; padding:inherit; }
	#sidebar img, .blocks { display:none; }
}

/* Define the look of permalinks */
p.permalink { color:#F79122; font-size:x-small; margin-top:-1ex; }

/* Define some VERY page-specific stylings */
table#pennychallengetotals { margin:auto; }
table#pennychallengetotals td { border:none; }
@media handheld
{
	table#pennychallengetotals { display:none; }
}

.gsi { font-size:x-small; font-weight:bold; white-space:pre; }

#times { border:dotted 2px black; margin:0.5em; padding:0.5em; line-height:150%; }
#times td { padding:0.25em; }
#times td.onlinestart, #times td.onlinestop, #times td.onsitestart, #times td.onsitestop { padding-left:0.5em; }
#times td.onlinestart, #times td.onsitestart { color:#F79122; }
#times td.onlinestop, #times td.onsitestop { color:#ED1D47; }

