/* CSS Document 

Comments: It's 8:13, this is due at 11:59, I just finished H3-H7 in one day, I haven't showered yet, so.... I heavily modified CIMple Green Created by Jennifer Wises. I don't feel too bad about it since she did the same with Dennis Martin! I'm using the color scheme that I used on some of my assignments, which is a palate on Kuler called "Ground Control to Major Tom. */



@charset "utf-8";

@authorName = "Jason Whyte"

@creationDate = "10/29/11";



body {

	background-repeat: no-repeat;

	background-color: #2B2E2E;

	margin-left: 0px;

	font-family: Verdana, Geneva, sans-serif;

	color: #fff;

	background-image: url(logoandbackground.png);

	background-position: -1000px top;

}



h3 , h4{

	font-style: oblique;

	font-weight: bold;

	color: #FFF; 

}

div#pageBody {

	min-width:800px;

	margin-right: 3em;

	margin-left: 3em;

	margin-top: 40px;

	margin-bottom: 20px;

}

div#pageName {

	display:none;

	visibility:hidden;

}



table {

	background-color:#eee;

	margin:auto;

}



td {

	color:#009;

}



/* change color on hover over various links within content */

a:link {

	color:#CAE6E8;

	text-decoration:none;

}



a:hover {

	color:FFF;

	text-decoration:none;

}



a:visited {

	color:#595855;

	text-decoration:none;

}



a:active {

	color:#313F54;

	text-decoration:none;

	font-family: Verdana, Geneva, sans-serif;

}







/* next rule needed for schedule page which has table for 'header' */



#pageContent table {

	background-color: #A2ABA5;

	margin-top: 10px;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	border: medium solid #CAE6E8;

	width:90%;

	

}



header, div#pageHeader {

	height: auto;

	padding-top: 1px;

	padding-right: 4px;

	padding-bottom: 1px;

	margin-top: 17px;

	margin-bottom: 5px;

	float: left;

	margin-left: -4px;

	width: 140px;

	z-index:10;

}



/* External links (on left border) */

a.utilityLink, a.globalLink {

	float: left;

	background-color: #595855;

	height: 35px;

	width: 110px;

	overflow: hidden;

	line-height: 30px;

	text-align: center;

	text-decoration: none;

	font-family: Verdana, Geneva, sans-serif;

	color: #CAE6E8;

	border: thin double #CAE6E8;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	font-variant: small-caps;

	font-size: .8em;

	display: black;

	margin: 1px;

	padding: 0px;

}



a.utilityLink:hover, a.globalLink:hover {

	background-color: #CAE6E8;

	height: 35px;

	width: 110px;

	overflow: hidden;

	line-height: 30px;

	text-align: center;

	text-decoration: none;

	font-family: Verdana, Geneva, sans-serif;

	color: #595855;

	border: thin double #313F54;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	font-variant: small-caps;

	font-size: .8em;

	display: block;

	margin: 1px;

	padding: 0px;

}



/* Story rules. Story is the text for various boxes or sections. */ 

.story {

	margin-left: 5px;

	margin-right: 5px;

	vertical-align: top;

	padding: 10px;

}

div.storyHeader {

	font-size: large;

	font-weight: bold;

	color: #fff;

	font-family: Verdana, Geneva, sans-serif;

	text-align: center;

	padding-top: 5px;

	background-color: #595855;

	-moz-border-radius-topleft: 4px;

	-moz-border-radius-topright: 4px;

	-webkit-border-top-left-radius: 4px;

	-webkit-border-top-right-radius: 4px;

	padding-left: 6px;

	margin-top: 5px;

	padding-bottom: 5px;

	vertical-align: top;

	text-transform: capitalize;

	text-shadow: 2px 2px 2px #000;

}



.storyHeader a {

	color: #CAE6E8;

	text-decoration: none;

}



.storyHeader a:hover{

	color: #CAE6E8;

	text-decoration: none;

}

.storyHeader a:active{

	color: #CAE6E8;

	text-decoration: none;

}

.storyHeader a:visited{

	color: #A2ABA5;

	text-decoration: none;

}



.storyBody {

	font-weight: normal;

	background-color: #fff;

	color: #000;

	border: 1px;

	border-style: solid;

	border-bottom-style: solid;

	border-color: #313F54;

	page-break-after: always;

	padding: 15px;

	font-size: 12px;

	font-family: Verdana, Geneva, sans-serif;

}

#pageFooter {

	background-color: #313F54;

	min-width:800px;

	font-size: 12px;

	font-variant: small-caps;

	padding-top: 8px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	margin-right: 40px;

	margin-left: 115px;

	margin-top: -4px;

	padding-bottom: 7px;

	font-size: 12px;

	color: #fff;

	font-family: Verdana, Geneva, sans-serif;

	text-align: center;

	border: medium solid #CAE6E8;

}

#pageFooter a {

	color: #FFF;

}

#pageFooter a:hover {

	color: #FFF;

}



/* uppercase first letter of story (text) body*/

div.storyBody:first-letter {

	font-size: 150%;

	font-weight: bold;

}



#index td.feature h3 {

	font-weight: bold;

	text-align: center;

	color: #FFF;

	font-size: 1.5em;

	text-shadow: 2px 2px 2px #000;

	font-variant: small-caps;

}



#index td.book {

	text-align: center;

	color: #000;

	font-size: 14px;

}



#index td.feature {

	text-align: center;

	color: #000;

	font-size: 14px;

}



td#timePlace {

	background-color: #fff;

	color: #000;

	height: 160px;

	width: 430px;

	text-align: left;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border: 1px solid #CAE6E8;

	padding-right: 15px;

	font-size: 16px;

	font-weight: bold;

	margin-top: 1px;

	padding-left: 10px;

	padding-top: 1px;

	margin-left: 1%;

	line-height: 1.7em;

	margin-right: 20px;

}



/* --- Local Link Navigation bar ---*/

div#navLocal {

	float: right;

	margin-right: 35px;

	margin-top: -21px;

}

#navLocal a.localLink {

	display:inline;

	background-color: #595855;

	-moz-border-radius: 7px 7px 0px 0px;   /* css3 rounder corners for Firefox */

	-webkit-border-radius: 7px 7px 0px 0px; /* css3 rounder corners for Safari/Chrome */

	margin-top: -170px;

	margin-right: 5px;

	margin-bottom: 0px;

	padding: 5px;

	font-size: small;

	font-family: Verdana, Geneva, sans-serif;

	text-align: center;

	text-decoration: none;

	color: #CAE6E8;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: double;

	border-right-style: double;

	border-bottom-style: solid;

	border-left-style: double;

	border-top-color: #CAE6E8;

	border-right-color: #CAE6E8;

	border-bottom-color: #CAE6E8;

	border-left-color: #CAE6E8;

	font-variant: small-caps;

}



#navLocal a.localLink:hover {

	background-color:#CAE6E8;

	color:#313F54;

	text-decoration: none;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: double;

	border-right-style: double;

	border-bottom-style: solid;

	border-left-style: double;

	border-top-color: #595855;

	border-right-color: #595855;

	border-bottom-color: #CAE6E8;

	border-left-color: #595855;

}

/* The following styles reverse the colors for the current page's tab */ 

body#index a#localIndex {

	background-color:#CAE6E8;

	color:#313F54;

	text-decoration: none;

}

body#assignment a#localAssignment {

	background-color:#A2ABA5;

	color:#000;

	text-decoration: none;

}

body#project a#localProject {

	background-color:#A2ABA5;

	color:#000;

	text-decoration: none;

}

body#schedule a#localSchedule {

	background-color:#CAE6E8;

	color:#000;

	text-decoration: none;

}

body#syllabus a#localSyllabus{

	background-color:#A2ABA5;

	color:#000;

	text-decoration: none;

}

body#flyer a#localFlyer{

	background-color:#A2ABA5;

	color:#000;

	text-decoration: none;

}

/* End reverse styles for current tabs   */



/* add CSS3 rounded corners to page contect and use light yellow background. */

div#pageContent {

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	background-color: #313F54;

	margin-top: 5px;

	padding: 40px;

	margin-bottom: 0px;

	margin-left: 70px;

	border: medium solid #CAE6E8;

	background-image: url(contentback.png);

	background-repeat: repeat-x;

	background-position: bottom;

}





/* ---Assignment--- */

#assignment #pageBody #pageContent {

	font-size: 12px;

	padding: 40px;

}

#assignment #pageBody #pageContent table tr .feature {

	text-align: center;

	background-color: #595855;

	padding-top: 4px;

	padding-bottom: 4px;

	color: #CAE6E8;

	font-size: 14px;

	font-family: Verdana, Geneva, sans-serif;

	font-weight: bold;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

}

#assignment #pageBody #pageContent table tr .number {

	background-color: #313F54;

	color: #fff;

	text-align: center;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 14px;

	font-family: Verdana, Geneva, sans-serif;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

#assignment #pageBody #pageContent table tr .date {

	background-color: #313F54;

	color: #fff;

	text-align: center;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 14px;

	font-family: Verdana, Geneva, sans-serif;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

#assignment #pageBody #pageContent table tr .description {

	background-color: #e3e8d8;

	color: #000;

	text-align: left;

	padding: 20px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

#pageBody #pageContent table #a0 .description ul li {

	list-style-type: disc;

	text-align: left;

	padding-bottom: 4px;

	font-size: 12px;

	font-family: Verdana, Geneva, sans-serif;

	color: #000;

}



#assignment #pageBody #pageContent table th.description {

	font-size:20px;

	font-weight: bold;

	text-align: center;

	color: #000;

	background-color: #e3e8d8;

	text-shadow: 2px 2px 2px #A2ABA5;

	

}

#assignment #pageBody #pageContent table td.description h3 {

	background-color: #e3e8d8;

	font-size:14px;

	font-weight: bold;

	text-align: left;

	color: #000;

	text-shadow: 2px 2px 2px #A2ABA5;

}

#assignment #pageBody #pageContent table tr th td{

	padding-right: 8px;

	padding-left: 8px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

/* Hide the local links in the inner table, those links are already across the top of the page. */

td.feature a.localLink {

	display:none;

	visibility:hidden; 

}

table {

	padding: 10px;

}

table a:hover {

	color:#595855;

}

table a:link {

	color:#313F54;

}



/* Book */





td#book {

	text-align: center;

}



/* ---SCHEDULE--- */



#schedule  table tr .feature {

	color: #000;

	background-color: #f0f6e8;

	text-align: center;

	font-size: x-large;

	font-weight: bold;

	padding-bottom: 20px;

	padding-top: 5px;

	text-shadow: 2px 2px 2px #A2ABA5;

}

#schedule #pageBody #pageContent table tr .number {

	background-color: #919cba;

	background-color: #313F54;

	border: 1px solid #CAE6E8;

	color: #000;

	text-align: center;

	padding-right: 5px;

	padding-left: 5px;

	padding-bottom: 5px;

	padding-top: 5px;

	font-size: 12px;

	font-family: Verdana, Geneva, sans-serif;

}

#schedule #pageBody #pageContent table tr .date {

	background-color: #919cba;

	background-color: #313F54;

	border: 1px solid #CAE6E8;

	color: #000;

	text-align: center;

	padding-right: 5px;

	padding-left: 5px;

	padding-bottom: 5px;

	padding-top: 5px;

}



#schedule #pageBody #pageContent table tr .description {

	background-color: #fff;

	background-color: #fff;

	border: 1px solid #CAE6E8;

	color: #000;

	text-align: center;

	padding-right: 5px;

	padding-left: 5px;

	padding-bottom: 5px;

	padding-top: 5px;

	font-size: 14px;

	font-family: Verdana, Geneva, sans-serif;

}



/* ---SYLLABUS--- */



  

#syllabus #pageContent {

	padding-top:15px;

}

/* add border only on syllabus tables */

#syllabus Table {

	border: 1px solid #CAE6E8;

}

#syllabusHeader h3.feature {

	font-weight: bold;

	color: #000;

	text-align: center;

	font-size: 16px;

	margin: 5px;

	padding-top: 2px;

	}

#syllabusHeader h4.feature {

	font-weight: normal;

	color: #000;

	text-align: center;

	font-size: 16px;

	}

#syllabusHeaderTable tr .number {

	border: 1px solid #ccc;

	background-color: #313F54;

	text-align: left;

	padding: 6px;

	color: #000;

	font-size: 12px;

	font-family: Verdana, Geneva, sans-serif;

}

#syllabusHeaderTable tr .description {

	border: 1px solid #ccc;

	padding: 6px;

	background-color: #fff;

	text-align: center;

	color: #000;

	font-size: 12px;

	font-family: Verdana, Geneva, sans-serif;

}

#syllabusHeader #syllabusHeaderTable tr .blank {

	display: none;

	visibility: hidden;

	padding: 6px;   /* just in case make visible */

}



/* Syllabus Grading Table  */

#syllabusGrading .storyBody #syllabusGradingTable tr .number {

	background-color: #313F54;

	font-size: 12px;

	color: #000;

	font-family: Verdana, Geneva, sans-serif;

	font-weight: normal;

}

#syllabusGrading .storyBody #syllabusGradingTable tr .description {

	background-color: #fff;

	background-repeat: no-repeat;

	background-position: center center;

	color: #313F54;

	font-size: 12px;

	font-family: Verdana, Geneva, sans-serif;

	font-weight: normal;

}

#syllabusGradingTable tr td {

	text-align: center;

	font-weight: bold;

	background-color: #fff;

	padding: 3px;

	border: 1px solid #000;

	font-size: 16px;

}

/* Hide the blank column of grading table*/



#syllabusGradingTable tr .blank {

	visibility: hidden;

	display: none;

}

#syllabus #pageBody #pageContent #syllabusGrading .storyBody #syllabusGradingTable {

	background-color: #fff;

}

#storyMain a:link {

	color: #313F54;

}

#storyMaina:hover {

	color: #313F54;

}

#storyMain a:visited {

	color: #595855;

}



#storyMain a:active {

	color: #313F54;

}

#syllabus #pageBody #pageContent #syllabusHeader h3.feature {

	color: #FFF;

	text-shadow: 2px 2px 2px #000;

	font-size: x-large;

}

#syllabus #pageBody #pageContent #syllabusHeader #syllabusHeaderTable tr td {

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: none;

}

#syllabus #pageBody #pageContent #syllabusGrading .storyBody #syllabusGradingTable tr td {

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: solid, thin;

}





#syllabus #pageBody #pageContent #syllabusHeader #syllabusHeaderTable tr .number {

	color: #FFF;

}



#syllabus #pageBody #pageContent #syllabusHeader h4.feature {

	color: #FFF;

	text-shadow: 2px 2px 2px #000;

}

#schedule #pageBody #pageContent #scheduleTable tr .number {

	color: #FFF;

}

#syllabusGrading .storyBody #syllabusGradingTable tr .number{

	color: #FFF;

}

#schedule #pageBody #pageContent #scheduleTable tr td{

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: solid, thin;

}

#schedule #pageBody #pageContent #scheduleTable th{

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: solid, thin;

}

#syllabus #pageBody #pageContent #localScheduleSyllabus {

	color: #CAE6E8;

	text-align: center;

	display: block;

}

#syllabus #pageBody #pageContent #syllabusGrading .storyBody #syllabusGradingTable {

	width: 100%;

}