/* Robert Mosier's CSS stylesheet for final project for CSS Spring 2008 */


/* body.cim298 #pageHeader is used to place specific header for the cim298 class.  I will create headers for each class website and list them here so the appropriate header come up for each class.  For instance body.cim278a #pageHeader will be the cim278a dreamweaver header.  I used Fireworks to create the header */


body #pageHeader  {
	background-repeat: no-repeat;
	height: 150px;
	width: 700px;
	background-image: url(Header.png);
}


body.cim298 #pageHeader  {
	background-image: url(cim298%20Header.jpg);
}

/* This body applies no matter what the class */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	width: 700px;
	margin-right: auto;
	margin-left: auto;

}

/* This is to turn off the div#pageName display with the word syllabus and other page names */

div#pageName {
	display: none;
}

/* Below is the positioning of the nav divs.  I aligned the text of the utiltiy div left and the global div right and then applied a negative margin to the global div to line the div's up next to each other */

div#navUtility {
	text-align: left;
	padding-top: 120px;
	padding-left: 2px;
}
div#globalLink {
	text-align: right;
	margin-top: -25px;
	padding-top: 6px;
	padding-right: 2px;
}

div#navLocal {
	text-align: center;
	padding: 1.5em;
	background-color: #000000;
}


/* Below are the css styles for the links */

a.utilityLink, a.globalLink {
	color: #FFCC00;
	background-color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: small;
	border: thin solid #333333;
	padding: 2px;
	
}

a.utilityLink:hover, a.globalLink:hover  {
	color: #000000;
	background-color: #FFFFFF;
}

a.localLink {
	color: #000000;
	background-color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
	font-size: small;
	border: thin solid #333333;
	padding: 2px;
}

a.localLink:hover {
	color: #000000;
	background-color: #FFFFFF;
}

/* Below is the css link styles for those darn links that show up in the index page table next to the image of the book */

table a.localLink  {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	display: none;
}
table   a:hover  {
	color: #000000;
	background-color: #FFFFFF;
	
}

/* Below is css for the div that contains the book image on the index page */

body#index td#book {
	border: thin solid #000000;
}

/* This is the pageContent div that holds all the page content including the tables */

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

/* Below is css for the various tables and feature class*/

table {
	background-color: #FFCC00;
}


td.feature {
	border: thin solid #000000;
	text-align: left;
	font-weight: bold;
}
td.feature h3 {
	text-align: center;
	font-weight: bold;
}
td.number {
	font-weight: bold;
}

td.number a {
	color: #FFCC00;
	background-color: #000000;
	text-decoration: none;
	border: thin solid #000000;
}

td.number a:hover {
	color: #000000;
	background-color: #FFFFFF;
	border: thin solid #000000;
}
td.description a {
	color: #FFCC00;
	text-decoration: none;
	background-color: #000000;
	border: thin solid #000000;
}
td.description a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: thin solid #000000;
}


/* This is for the storyBody div which is mostly in the index page but also contained in the project, syllabus and tabs pages. */

div.storyBody {
	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-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding: 5px;
}


/*  Below is css for various divs */

footer, div#pageFooter {
	color: #FFFFFF;
	background-color: #000000;
	padding: 5px;
	text-align: center;
}
footer, div#pageFooter a {
	color: #FFFFFF;
}
footer, div#pageFooter a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

div.storyHeader {
	color: #FFFFFF;
	background-color: #000000;
	padding-left: .5em;
}
div.storyBody {
	padding: 10px;
}
div.story {
	padding: 10px;
}


div.story#regradingPolicy div.story {
	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-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
div.storyBody a {
	color: #FFCC00;
	text-decoration: none;
	background-color: #000000;
	margin-right: 2px;
	border: thin solid #000000;
}

div.storyBody a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-right: 2px;
	border: thin solid #000000;
}
body#schedule  td.feature p {
	color: #000000;
	font-weight: bold;
	text-align: center;
}

/* Below is the css for the schedule page */

body#schedule td.number {
	border: thin solid #000000;
	padding: 1em;
}
body#schedule td.description {
	border: thin solid #000000;
	padding: 1em;
}
body#schedule td.date {
	border: thin solid #000000;
	padding: 1em;
}
body#schedule th.number {
	color: #FFCC00;
	background-color: #000000;
}
body#schedule th.description {
	color: #FFCC00;
	background-color: #000000;
}
body#schedule th.date {
	color: #FFCC00;
	background-color: #000000;
}

body#schedule table {
	text-align: center;
}
body#schedule a#calendar {
	color: #FFCC00;
	background-color: #000000;
	text-decoration: none;
}
body#schedule a#calendar:hover {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

/* Below is the css for the syllabus page */

body#syllabus #pageContent   {
	background-color: #FFCC00;
}
body#syllabus   #pageContent #localSchedule {
	color: #FFCC00;
	background-color: #000000;
	text-decoration: none;
}
body#syllabus   #pageContent #localSchedule:hover {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	border: thin solid #000000;
}
body#syllabus div#syllabusHeader {
	text-align: center;
}

body#syllabus table {
	text-align: left;
}
table#syllabusHeaderTable {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

table#syllabusGradingTable {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #000000;
}
div#syllabusHeader h3.feature {
	height: .5em;
}

/* CSS for assignment page */

body#assignment td.feature {
	color: #FFCC00;
	background-color: #000000;
	padding: .5em;
	text-align: center;
}
body#assignment td.story {
	font-weight: bold;
	text-align: center;
	padding: .5em;
}


body#assignment th.number {
	color: #FFCC00;
	background-color: #000000;
}
body#assignment th.description {
	color: #FFCC00;
	background-color: #000000;
}
body#assignment th.date {
	color: #FFCC00;
	background-color: #000000;
}
body#assignment td.number {
	border: thin solid #000000;
	padding: 1em;
}
body#assignment td.description {
	border: thin solid #000000;
	padding: 1em;
}
body#assignment td.date {
	border: thin solid #000000;
	padding: 1em;
}
body#assignment div#pageContent {
	background-color: #FFCC00;
}

/* CSS for project page */
body#project div#pageContent {
	background-color: #FFCC00;
}
body#project div.storyBody {
	border: thin solid #000000;
}