@charset "utf-8";
/* CSS Document */
body {
	color: rgb(72,20,20);
	background-color: rgb(255,191,191);
	background-image: url(pink-stripped-background2.jpg);
	margin-top: 100px;
	margin-left: 200px;
	margin-right: 100px;
}

/*  This just totally wasn't working

div.NavLocal {
    background-image:url(../cim298/gifs/kissSilver-100.png);
	background-repeat:no-repeat;
	background-position:left;
}  */	

div.storyBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: rgb(72,20,20);
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	text-align: left;
	font-weight: lighter;
}
div.storyBody:first-letter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 275%;
	font-weight:bold;
	color: #FF66CC;
	float:left;
	margin-top: 5px;	
}
/**  This wasn't working right either - try it again down below.

header, div#pageHeader {
	background-image: url(../cim298/gifs/kissSilver-100.png);
	text-align: left;
	text-indent: 10px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 100px;
	margin-left: -150px;
	background-repeat: repeat-y;
	width: 98px;
	height: 54px;
	white-space: normal;
	line-height: normal;
	float: left;
	margin-right: 15px;
	background-position: left center;
}
**/

div#syllabusHeaderTable {
	background-color: rgb(255,222,222);
	table-align:center;
	text-align: center;
}
div#syllabusHeaderTable {
	background-color: rgb(255,191,191);
	border: medium outset #65280E;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 40px;	
	align:center;
	
}
/**div#remoteClassDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	background-image: url(../cim298/gifs/kissSilver-100.png);
	background-repeat: no-repeat;
	background-position: left center;
}   */

div#pageName {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 4em;
	background-image: url(gifs/chocolatePiecex100.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 125px;


	margin-top: -250px;
	margin-left: -200px;
	font-variant: normal;
	text-transform: capitalize;
	color: #FF0066;
	font-style: italic;
	font-weight: bolder;
}
h3 {
	background-image:url(gifs/kissSilver-100.png);
	background-position:center;
	background-repeat:no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: 900;
	height: 3em;
	width: 100%;
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #FF0066;
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	font-style: normal;
}

h3:before {background-image:url(gifs/chocChip-40x50.png);}
h3:after {background-image:url(gifs/chocChip-40x50.png);}

div.storyHeader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-style: italic;
	font-weight: bold;
	color: rgb(255,191,191);
	border-bottom-width: thick;
	border-bottom-style: groove;
	border-bottom-color: #FF0066;
	background-image:url(gifs/HersheysSquare46x25.png);
	background-repeat: repeat-x;
	height: 25px;
	text-align: left;
	vertical-align: baseline;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top:10px;
	text-indent: 5px;
	}
	
ul, ol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	line-height: 2em;
	text-indent: 1em;
	list-style-image:url(gifs/chocChip-40x50.png);
	vertical-align:middle;
	margin-left: 50px;
	text-align: left;
}
li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	line-height: 2em;
	text-indent: 1em;
	list-style-image:url(gifs/chocChip-40x50.png);
	vertical-align:middle;
	margin-left: 50px;
	text-align: left;
}
#syllabus #pageBody #pageContent #syllabusGrading .storyBody #syllabusGradingTable {
	background-color: rgb(255,191,191);
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #894E32;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
}
footer, div#pageFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	color: #FF66CC;
	text-align: center;
	border-top-width: medium;
	border-top-style: double;
	border-top-color: rgb(72,20,20);
}
/**  tried it for the whole table - nope, have to do the elements indivudally

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: rgb(255,222,222);
	background-position: center;
	text-align: center;
	width: 90%;
	border: medium outset rgb(72,20,20);
}
**/

td.number {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	padding: 2px;
	margin: 2px;
	background-color: rgb(255,191,191);
	width: 6ex;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.story {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding: 5px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: ff0066;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: ff0066;
	font-weight: bold;
}
td.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: rgb(255,191,191);
	margin: 2px;
	padding: 2px;
	width: 5ex;
	font-size: small;
	text-align: center;
}
td.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: rgb(255,222,222);
	margin: 2px;
	padding: 2px;
	font-size: small;
	text-align: center;
	}
td.feature {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	font-size: medium;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: 200;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	}

th.date, th.number, th.description {
	background-image: url(gifs/HersheysSquare97x53.png);
	text-align: center;
	color: rgb(255,222,222);
	font-size: 1.25em;
	background-color: #6C3116;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: ff0066;
	border-bottom-color: ff0066;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}
tr {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: none;
	border-bottom-style: double;
	border-top-color: ff0066;
	border-bottom-color: ff0066;
}
tr#a0, tr#a1, tr#02, tr#03, tr#04, tr#05, tr#06, tr#07, tr#08 {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: ff0066;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-style: italic;
	font-weight: bolder;
	color: #000000;
	background-image: url(gifs/chocChip-40x50.png);
	background-repeat: repeat-x;
	text-align: center;
	background-position: center;
	line-height: 2em;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-position: outside;
	text-indent: -4px;
	text-align: left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-top-color: ff0066;
	border-right-color: ff0066;
	border-bottom-color: ff0066;
	border-left-color: ff0066;
}

/** troubleshooting the local links - copied the following from an earlier assignment*/

div#navLocal {
	font-size: larger;
}
a.localLink {
	padding-right: 2px;
	padding-left: 2px;
	text-decoration:none;
	color: rgb(72,20,20);
	font-weight: 700;
	text-align: left;
	background-image:url(gifs/kissSilver-35x33.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 100px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: rgb(255,191,191);
	width: 200px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:medium;
	text-indent: 10px;
}

a.localLink:hover {
	font-weight:700;
	color:#ff0066;
	text-align: left;
	background-image:url(gifs/kissPink-35x33.png);
	background-color:rgb(255,222,222);
	background-repeat: no-repeat;
	background-position: left;
	
	}
/**a.localLink:visited {
	font-weight:normal;
	color:#990066;
	}
*/	
	
header, div#pageHeader {
	margin-left: -175px;
	margin-top:150px;
	float: left;
	width: 97px;
	background-image:url(gifs/HersheysSquare97x53.png);
	background-position:center;
	line-height: 50px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	display: block;
}
a#pageHeader:hover {
	text-decoration:none;
	color:#ff0066;
	}
	
a#pageHeader:visited {
	text-decoration:none;
	color:white;
	}