/* CSS Document */
@font-face { 
	font-family: italianCursive; 
	src: url( 'https://cim.saddleback.edu/~jstudent0/css3/ItalianCursive.woff' );
	src: url('https://cim.saddleback.edu/~jstudent0/css3/ItalianCursive.eot' );
    src: local("Italian Cursive 16th Century"),
	url( 'https://cim.saddleback.edu/~jstudent0/css3/ItalianCursive.otf' ) format( "opentype" ),
	url( 'https://cim.saddleback.edu/~jstudent0/css3/ItalianCursive.ttf' ) format( "truetype" );
}
body {
	background-image: url(bg2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	color: white;
	}
	
#pageName, h3{
	font-size: 250%;
	margin-bottom: .75em;
	margin-top: .5em;
	color: rgba(170,50,42,0.90);
	font-weight: bold;
	text-shadow: .45em -.2em .05em #000000, .05em .1em .1em #000000 ;
	font-family: "Lucida Console", Monaco, monospace;
	}
h3{
	font-size: 130%;
	text-align: center;
	}
img{
	margin-left: 10em;
	margin-top: 2em;
	margin-bottom: 1em;
	}	
	
#pageHeader a:hover{
	color:white;
	text-shadow: 0.1em 0.1em 0.15em white, -0.1em -0.1em 0.15em #ffff00;
	font-size: 110%;
	}

.storyHeader a:hover, {
	color:white;
	text-shadow: 0.1em 0.1em 0.15em white, -0.1em -0.1em 0.15em #ffff00;
	font-size: 100%;
	}
	
 a:link, a:visited{
	 text-decoration: none;
	 color: #a52a2a;
	 } 
	
#pageHeader{
	margin:8.75em 2em 0em 3em;
	width: 125px;
	float: left;
	text-shadow: 0 0 0.3em #A85A04, 0 0 0.3em #A85A04, 0 0 0.3em #A85A04;
	}

.localLink, #pageFooter, #assignmentTable th{
	font-size: 20px;
	color: #a52a2a; 
	text-shadow: -1px -1px 1px #fff, 2px 2px 2px #000;
	text-transform: uppercase;
	}
a.localLink:hover{
	color:white;
	text-shadow: 0.1em 0.1em 0.15em white, -0.1em -0.1em 0.15em #ffff00;	
	}
	
a.utilityLink, a.globalLink, #navLocal{
		display: block; /*THIS IS IMPORTANT*/
		padding : 0.5em 0.5em 0.5em 0.5em;
		border: groove thick rgba(49,79,79,0.35);
		color: white;
		margin-bottom:1em;
		background-color: rgba(170,50,42,0.90);	 
		}
		
#navLocal{
	margin-left: 3em;
	margin-right: 3em;
	color: white;
	width: 90%;	
		}
		
#indexTable, #assignmentTable{
	background-color: rgba(49,79,79,0.35);
	margin-right: 3em;
	color: white;
	width: 80%;
	}	


.storyHeader, #assignmentTable td.feature{
	background-color: rgba(165,45,42,0.90);
	padding: .5em .5em .5em .5em;
	text-align: center;
	font-size: 18px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #a52a2a;
	text-shadow: -1px -1px 1px #fff, 2px 2px 2px #000;
	width: 70%;
	margin: auto;
	border: outset thick ;
	}

.storyBody, .description{
	background-color: rgba(165,45,42,0.60);
	padding: .5em .5em 1em .5em;
	font-family: "Lucida Console", Monaco, monospace;
	width: 70%;
	margin: auto;
	margin-bottom: 1.5em;
	border: outset thick rgba(49,79,79,0.35);
	}
.storyBody:first-letter, .italianCursive{
	font-size: 200%;
	font-family:"IM Fell English";
	}
#pageFooter{
	color:red;
	margin-top:1em;
	font-size: 18px;
	text-align: center;
	width: 100%;
	}
#footerInfo{
	margin-top:1em;
	margin-left: 3em;
	background-color: rgba(170,50,42,0.90);
	border: groove thick rgba(49,79,79,0.35);	
	font-size: 15px;
	width: 90%;
	padding: .5em .5em .5em. 5em;
	}
#remotePageCounter{
	color: rgba(139, 136, 120, 0.3);
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	margin-left: -7.5em;
	margin-bottom: .5em;
	}
/** End of styles for Index
	Beginning sty;es for assignment page*/
	
#assignmentTable{
	padding: 4zem;
	}
	
.number, .description, .date{
	border: outset thick rgba(49,79,79,0.35);
	background-color: rgba(170,50,42,0.50);
	text-align:center;
	margin: 5em;
	}

#assignmentTable th{
	font-size: 175%;
	color: rgba(170,50,42,0.90);
	font-weight: bold;
	text-shadow: .7em -.6em .05em #, .02em .1em .1em #000000 ;
	font-family: "Lucida Console", Monaco, monospace;
	background-color: rgba(170,50,42,0.50);
	border-top: groove thick rgba(49,79,79,0.35);
	}
.date, .number{
	width: 5%;
	}
h3{
	text-shadow: -1px -1px 1px #fff, 2px 2px 2px #000;
}
	
/**syllabus Page*/
#syllabusHeaderTable{
		width:75%;
		margin-bottom: 1em;
		}

/**Project*/
#project .storyBody{
	margin-bottom: 6em;
	}
#pageContent{
	margin-top:3em;
	margin-bottom: 2em;
	}


/**Syllabus*/

#pageContent a:link{
	text-shadow: -1px -1px 1px #fff, 2px 2px 2px #000;
	}

 a:hover{
	color:white;
	text-shadow: 0.1em 0.1em 0.15em white, -0.1em -0.1em 0.15em #ffff00;
	}

#syllabusHeaderTable td, #scheduleTable .schedule{
	background-color: rgba(165,45,42,0.90);
	padding: .5em .5em .5em .5em;
	text-align: center;
	font-size: 16px;
	font-family: "Lucida Console", Monaco, monospace;
	text-shadow: -1px -1px 1px #fff, 2px 2px 2px #000;
	width: 70%;
	margin: auto;
	border: outset medium ;
	}	
#scheduleTable{
	width: 75%;
	}
#scheduleTable td, #scheduleTable th {
	border: outset medium ;
	text-shadow: none;
	}
#scheduleTable .feature{
	border: none;
	font-family: "Lucida Console", Monaco, monospace;
	color: #a52a2a;
	text-shadow: -1px -1px 1px #fff, 2px 2px 2px #000;
	font-size: 120%;
	Text-align: center;
	}
#scheduleTable{
	margin-top: -2em;
	}