/**
@aboutLink = “https://cim.saddleback.edu/~jstewart15/”
@author = “Jason Stewart”
@rollOver = “Main Index Site”

A spin-off of my TigerPile website, since I love tigers.  Used a single image as a base for the colors, tried to pull all colors from the image.
The image can be seen at www.tigerpile.com

*/

/*
Colors:

Green:		#1E381A
Tan:		#FFCC66
Brown:		#CC9955
Orange:		#FF8800
Black:		#000000

Links:
	Red:		#660000
	Grey:		#333344
	Purple:		#4444AA

*/

@font-face {
	font-family: "Freestyle Script";
	src: url( 'FREESCPT.TTF' );
}

body {
	background-color: #1E381A;
	margin: 1em 2%;
}

div#pageName {
display: none;
visibility: hidden:
}

header, div#pageHeader:before {
	position: fixed;
	top: 1em;
	left: 1em;
	content: url('tiger_family.jpg');
}

div#pageBody {
	margin-left: 8em;
	border: 5px solid black;

}

header, div#pageHeader {
	position: fixed;
	width: 8em;
	padding-left: .5em;
	margin-top: 9.25em;
	float: left;
}

div#navLocal {
	padding-top: .25em;
	text-align: center;
	background-color: #CC9955;
	padding-bottom: .25em;
}

div#pageContent {
	background-color: #CC9955;
}

.story {
	padding: .5em;
	vertical-align: top;
}

.storyHeader {
	font-size: 2em;
	text-shadow: 4px 4px 5px #FF8800;
	background-color: #FFCC66;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: .25em;

	-moz-border-radius-topleft: 25px; /* Firefox */
	-webkit-border-radius-topleft: 25px; /* Safari and Chrome */
	border-top-left-radius: 25px;
	-moz-border-radius-topright: 25px; /* Firefox */
	-webkit-border-radius-topright: 25px; /* Safari and Chrome */
	border-top-right-radius: 25px;
}

.storyBody {
	background-color: #FFCC66;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: .5em;

	-moz-border-radius-bottomleft: 25px; /* Firefox */
	-webkit-border-radius-bottomleft: 25px; /* Safari and Chrome */
	border-bottom-left-radius: 25px;
	-moz-border-radius-bottomright: 25px; /* Firefox */
	-webkit-border-radius-bottomright: 25px; /* Safari and Chrome */
	border-bottom-right-radius: 25px;
}

td#book {
	text-align: center;
	vertical-align: middle;
}

td#book img {
	background-color: #FFCC66;
	padding-top: .5em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: .5em;
	margin-bottom: 1em;

	-moz-border-radius: 25px; /* Firefox */
	-webkit-border-radius: 25px; /* Safari and Chrome */
	border-radius: 25px;
}

.feature h3 {
	text-align: center;
	font-family: "Freestyle Script";
	font-size: 3em;
	margin: .25em;
}

.feature p {
	font-size: 150%;
	font-weight: bold;
	background-color: #FFCC66;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 40%;

	-moz-border-radius: 25px; /* Firefox */
	-webkit-border-radius: 25px; /* Safari and Chrome */
	border-radius: 25px;
}

/* Hiding the duplicate set of local links, not sure why they are here when we have them up top. */
.feature a.localLink {
	display: none;
	visibility: hidden;
}

/*
Links:
	Red:		#660000
	Grey:		#333344
	Purple:		#4444AA
*/

a {
	color: #660000;
	text-decoration: none;
}

a:active {
	color: #4444AA;
}

a:visited {
	color: #333344;
}

a.utilityLink, a.globalLink {
	font-family: "Freestyle Script";
	font-size: 2em;
	text-align: center;
	width: 3.5em;
	height: 2em;
	margin: .25em 0em;
	display: list-item;
	list-style-type: none;
	padding: 2px;
	background-color: #FFCC66;
	background-image: url('black_paws.png');
	background-position: 25% 90%;
	background-repeat: no-repeat;

	-moz-border-radius: 25px; /* Firefox */
	-webkit-border-radius: 25px; /* Safari and Chrome */
	border-radius: 25px;
}

a.utilityLink:hover, a.globalLink:hover {
	background-image: url('white_paws.png');
	background-position: 75% 80%;
}

div#navLocal > a.localLink {
	display: inline-block;
	font-family: "Freestyle Script";
	font-size: 2em;
	text-align: center;
	padding-left: 1.5em;
	padding-right: .5em;
	background-color: #FFCC66;
	background-image: url('black_paw.png');
	background-position: 10% 25%;
	background-repeat: no-repeat;
	margin: 0em .25em;
	-moz-border-radius: 25px; /* Firefox */
	-webkit-border-radius: 25px; /* Safari and Chrome */
	border-radius: 25px;
}

div#navLocal > a.localLink:hover {
	background-image: url('white_paw.png');
	background-position: 10% 25%;
}

footer, div#pageFooter {
	background-color: #FFCC66;
	text-align: center;
	font-variant: small-caps;
	clear: left;
	margin-top: .5em;
	margin-left: 16em;
	margin-right: 8em;

	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px;
}

table#assignmentTable {
	margin-bottom: 1em;
}

table#assignmentTable, table#assignmentTable td {
	border: solid 2px #FFCC66;
	border-collapse: collapse;
}

table#assignmentTable td.number {
	font-weight: bold;
}

table#assignmentTable td.feature {
	font-size: 1.5em;
	text-align: center;
}

table#scheduleTable {
	border-collapse: collapse;
	margin: auto;
	margin-bottom: 1em;
}

table#scheduleTable td {
	border: solid 2px #FFCC66;
}

table#scheduleTable td.feature {
	border: none;
}

div#syllabusHeader {
	text-align: center;
	padding-top: 1em;
}

div#syllabusHeader h3.feature, div#syllabusHeader h4.feature {
	margin: 0;
}

div#syllabusHeader h4.feature {
	margin-bottom: 1em;
}

table#syllabusHeaderTable {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}