@charset "utf-8";
/* CSS Document */

/* 
	@aboutLink = "https://cim.saddleback.edu/~zpick1
	@authorName = "Zion Pick"
	@rollOver = "The Magnifier"
	@creationDate = "09/2009"

This is the basic style sheet for Assignment 5 which is the Capstone Project that deals with a feasible high level CSS presentation strategy.
*/

body {
	background-color: #000;
	background-attachment: fixed;
	background-image: url(magnifying_glass.jpg);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}
#pageName {
	float: left;
	position: fixed;
	color: #000;
	font-size: 0px;
}
body.cs1a  #pageContent:before {
	content:"cs1a: MAGNIFIED";
	}
body.cs1b  #pageContent:before {
	content:"cs1b: MAGNIFIED";
	}
body.cs4b  #pageContent:before {
	content:"cs4b: MAGNIFIED";
	}
body.cs4a  #pageContent:before {
	content:"cs4a: MAGNIFIED";
	}
body.cim225  #pageContent:before {
	content:"cim225: MAGNIFIED";
	}
body.cim205a  #pageContent:before {
	content:"cim205a: MAGNIFIED";
	}
body.cim264d  #pageContent:before {
	content:"cim264d: MAGNIFIED";
	}
body.cim281  #pageContent:before {
	content:"cim281: MAGNIFIED";
	}
	
body.cim298  #pageContent:before {
	content:"cim298: MAGNIFIED";
	}
#pageContent:before {	
	font-size:35px;
	color:#F2E2C4;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	background-repeat: no-repeat;
}
#pageContent {
	margin-left: 170px;
	background-color: #FFF;
	background-image: url(background.jpg);
}
#pageHeader {
	display: block;
	float: left;
	margin-top: 400px;
	position: fixed;
	font-weight: bold;
}

#pageContent table tr .feature .storyHeader {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	background-image: url(magnifying_glass.jpg);
}

#navLocal {
	color: #FFF;
	display: block;
	float: left;
	margin-top: 162px;
	position: fixed;
}
.localLink {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F2E2C4;
	line-height: 1.5em;
}

#pageContent .localLink {
	display: block;
	background-position: center bottom;
	background-color: #000;
	font-variant: small-caps;
	text-align: left;
	padding-right: 1em;
	border: medium double #F2E2C4;
	padding-left: 2em;
}

#index #pageBody #pageContent table tr .feature p {
	font-size: 1.5em;
	background-color: #FFF;
	color: #FFF;
}
.feature {
	padding-top: 1em;
}


.localLink:hover {
	background-image: url(background.jpg);
}
.globalLink, .utilityLink {
		font-weight: bold;
	color: #F2E2C4;
	display: block;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
.globalLink, #navEmail {
	text-transform: capitalize;	
}
.first {
	color: #933;
	font-weight: bold;
}
#pageContent .storyBody:first-letter { font-size: 150%;
}
#pageContent table {
	border: double medium #000;
	background-color: #FFF;
	margin-top: 4.2em;
}

.header {
	background-color: #F2E2C4;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	color: #000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	font-variant: small-caps;
	font-size: 1.3em;
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	background-image: url(w6.jpg);
}


.storyHeader {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	background-color: #F2E2C4;
	color: #000;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	font-size: 1.5em;
	font-variant: small-caps;
	background-image: url(magnifying_glass.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}

.globalLink:hover, .utilityLink:hover {
	background-image: url(gd21.jpg);
	color: #FFF;
	font-weight: bold;
	font-variant: normal;
}

.storyBody {
	padding: 1em;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	line-height: 1.4em;
	font-size: 1.2em;
	background-color: #FFF;
	color: #000;
}
.storyBody ul {
	line-height: 1.5em;
	font-variant: normal;
	color: #000;
}

#pageFooter {
	border: medium double #000;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-left: 170px;
	color: #F2E2C4;
	background-image: url(background.jpg);
	background-position: center bottom;
}
#project #pageBody #pageContent #project1 {
	border: medium double #000;
	margin-top: 2em;
	background-color: #FFF;
}
#pageContent #project1 .storyHeader {
	margin-top: 1em;
}
#syllabus #pageBody #pageContent {
	background-color: #FFF;
}
#syllabus #pageBody #pageContent table tr.description{
	background-image: url(grayglobe.jpg);
}


#syllabusHeader {
	padding-top: 0.5em;
	background-color: #FFF;
	color: #000;
	margin-top: 4.2em;
	border: medium double #000;
	margin-bottom: .5em;
}
#syllabusHeaderTable {
	margin: auto;
}
#syllabusGradingTable {
	margin: auto;
}
#syllabus #pageBody #pageContent .storyBody  {
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	margin-bottom: 0.5em;
}

#syllabus #pageBody #pageContent #syllabusHeader h2 {
	padding-left: 10px;
	margin: auto;
}
#syllabus #pageBody #pageContent #syllabusHeader h1 {
	padding-left: 10px;
}
#syllabus #pageBody #pageContent #syllabusHeader h3 {
	padding-left: 10px;
}


#schedule #pageBody #pageContent table .tr .description table tr .description {
	text-align: left;
}
#schedule #pageBody #pageContent table .tr .number  {
	font-weight: bold;

}

#schedule #pageBody #pageContent table .tr .description table tr .feature h1 {
	text-align: left;
	display: block;
}
#schedule #pageBody #pageContent table {
	margin-top: 1em;
}

#assignment #pageBody #pageContent table {
	margin-top: 1em;
}
#pageFooter A:link, #syllabus #pageBody #pageContent A:link {
	color: #E8C396;
	font-weight: bold;
}
#pageFooter A:visited, #syllabus #pageBody #pageContent A:visited, #syllabus #syllabusHeader #syllabusHeaderTable A:visited {
	color: #FC0;
	font-weight: bold;
}
#syllabus #syllabusHeader #syllabusHeaderTable A:link {
	color:#33C
}
.first_letter {
	font-size: 1.5em;
	color: #99335A;
}
#syllabus #pageBody #pageContent #syllabusHeader #syllabusHeaderTable {
}