/* CSS Document */

/* Created by Stacy Campi for CIM272A final project */


@import url( 'https://fonts.googleapis.com/css?family=Oswald:400,300,700|Alfa+Slab+One|Federo' ); 

body {

	background-color: #CCEAF2;

	color: #000000;

	font-family: 'Oswald', sans-serif;

	margin-left:160px;

	margin-right:160px;

	background-attachment: fixed;

	background-image: url(bodyBackground.gif);

	background-repeat: repeat;

			

}



div#pageBody {

}



header, div#pageHeader {height: 100%;

	left:1%;

    overflow: hidden;

    padding: 2px;

    position: fixed;

    top: 2%;

    width: 120px;

}



div#pageContent {background-color: #cceaf2;

	box-shadow: -1px 1px 40px #000000;

	margin-bottom: 15px;

	padding: 5px;

	border-bottom-left-radius:15px;

	border-bottom-right-radius:15px;

}



div#pageName {

	display: block;

	background-image: url(title.png);

	background-repeat: no-repeat;

	background-position: center top;

	text-align: center;

	height: 205px;

	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

	background-attachment: scroll;

}



a:link {color:#ffffff;

	text-decoration:none;

}



a:visited {

	color:#9999FF;

	text-decoration:none;

}



a:hover {color:#55DBFC;

}



a:active {color:#676566;

}



div#navLocal {

	border-top-left-radius: 15px;

	border-top-right-radius: 15px;

	background-color:#000000;

	color:#ffffff;

	height:30px;

	padding:5px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	background-image: url(gradientbar.png);

	background-repeat: repeat-x;

}



a.localLink {

	font-family: 'Oswald', sans-serif;

	color:#ffffff;

	font-size:1em;

	font-weight:bold;

	text-align:center;

	text-decoration:none;

	vertical-align:bottom;

	padding: 15px;

}





a.localLink:hover {font-family: 'Oswald', sans-serif;

color:#55DBFC;

}



a.utilityLink, a.globalLink {

	color: #ffffff;

	display: block;

	font-family: 'Oswald', sans-serif;

	font-size: 1em;

	font-weight: bold;

	padding-bottom: 15px;

	padding-top: 4px;

	text-align: center;

	text-decoration: none;

	background-image: url(button1.png);

	background-repeat: no-repeat;

	margin: auto;

}



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

	color:#55DBFC;

	background-image: url(button2.png);

	background-repeat: no-repeat;

}





div#indexTable {border-top-left-radius: 15px;

				border-top-right-radius: 15px;

}



div.storyHeader {

	border-top-left-radius: 15px;

	border-top-right-radius: 15px;

	font-family: 'Federo', sans-serif;

	font-weight:bold;

	font-size:large;

	color: #FFF;

	background-color: #000;

	text-align: center;

	padding: 5px;

	background-image: url(gradientbar.png);

	background-repeat: repeat-x;

}



div.storyBody {

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

	font-size:medium;

	background-color: #cceaf2;

	padding: 10px;

	border: 10px solid #FFF;

	margin-bottom:15px;

	border-bottom-left-radius:15px;

	border-bottom-right-radius:15px;

	box-shadow: -1px 1px 20px #000000;

}



.storyBody:first-letter, .storyBody p:first-letter {
	
	font-size:200%;
	font-family: 'Federo', sans-serif;
	color:#08637A;

}





h3, h4, td.feature, th.description, th.date, th.number {font-family: 'Federo', sans-serif;

	text-align: center;

	color:#08637A;

	font-size:larger;

}



td.number {background-color:#ffffff;

	font-family: 'Oswald', sans-serif;

	font-size: 1em;

	font-weight: bold;

	color:#08637A;

	padding:10px;

}

	

td.date, td.description {background-color:#ffffff;

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

	color:#000000;

	font-size:12px;

	padding:10px;

}	

	

img {

	display:block;

	margin-left:auto;

	margin-right:auto;

	margin-bottom: 15px;

}



div#book {

	text-align: center;

}



footer, div#pageFooter {

	background-color:#000000;

	color:#ffffff;

	height:50px;

	padding:5px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	background-image: url(gradientbar.png);

	background-repeat: repeat-x;

	border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;

	border-top-left-radius:10px;

	border-top-right-radius:10px;

	background-position: center;

}



div#assignmentTable {

	background-color: #FFF;

}



div#assignmentTable {

	background-color: #FFF;

}



#hideText {

	visibility: hidden;

}



#syllabusHeaderTable {

	margin-right: auto;

	margin-left: auto;

	padding: 10px;

}



#syllabusGradingTable {

	margin-right: auto;

	margin-left: auto;

	padding: 10px;

}



#scheduleTable {

	margin-right: auto;

	margin-left: auto;

	padding: 10px;

}



#project #pageBody #pageContent #storyMain {

	margin: 15px;

}