@charset "utf-8";

/* CSS Document */

/* Created by Alia Vera Aynes as final project for CIM272A */





body {

	background-image: url(background.png);

	background-color:#99ccff;

	background-repeat: repeat-x;

	background-position: left bottom;

	background-attachment: fixed;

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

	color: #000;

}

a:link {

	color: #03C;

	text-decoration: none;

}

a:visited {

	color: #03F;

	text-decoration: none;

}

a:hover {

	color: #06F;

	text-decoration: underline;

}

a:active {

	color: #09F;

	text-decoration: underline;

}

div#pageBody{

	padding: 2px;

	margin-right: 10%;

	margin-left: 18%;

	overflow: hidden;

	margin-top: 12px;

}

div#pageName {

	display:none;

	visibility:hidden;

}

div#pageHeader {

	padding: 2px;

	height: 100%;

	width: 117px;

	overflow: hidden;

	position: fixed;

	top: 5%;

	left: 3%;

}

a.localLink {

	vertical-align: bottom;

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

	font-size: 12px;

	color: #000;

	text-decoration: none;

	font-weight: bold;

	padding: 5px;

}

a.localLink:hover {

	background-image: url(bluegradientflip.jpg);

	background-repeat: repeat-x;	

	background-position: left top;

	padding-right: 5px;

	padding-left: 5px;

}

a.utilityLink, a.globalLink {

	display: block;

	background-image: url(shinebuttonon.png);

	background-repeat: no-repeat;

	text-align: center;

	color: black;

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

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	padding-top: 4px;

	padding-bottom: 11px;

}

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

	display: block;

	background-image: url(shinebuttonover.png);

	background-repeat: no-repeat;

	text-align: center;

	color: black;

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

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	padding-top: 4px;

	padding-bottom: 11px;

	

}

div#navLocal {

	margin-top: 20px;

	background-image: url(greengradient.jpg);

	background-repeat: repeat-x;

	/* for IE */

  	filter:alpha(opacity=80);

	opacity:0.8;

	padding: 5px;

} 

div.storyBody {

	border: thin solid #58D023;

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

	font-size: small;

	color: #000;

	padding: 3px;

}

div.storyHeader{

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

	font-size: medium;

	color: #000;

	background-image: url(greengradient.jpg);

	background-repeat: repeat-x;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 6px;

}

div.story {

	padding: 10px;

	

}

div#pageContent {

	background-color: #FFF;

	/* for IE */

  	filter:alpha(opacity=80);

	opacity:0.8;

	padding: 2px;

}



div#pageFooter {

	color: #9CF;

	margin-right: 10%;

	margin-left: 18%;

	background-color: #23170f;

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

	text-decoration: none;

	font-size: small;

	padding: 2px;

		/* for IE */

  	filter:alpha(opacity=80);

	opacity:0.8;

}

h3, h4, td.feature, th.description, th.date, th.number {

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

	font-size: large;

	color: #060;

	text-align: center;

}

td.number, td.date {

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

	font-size: medium;

	color: #000;

	padding: 8px;

}

p, ul, ol {

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

	font-size: small;

	color: #000;

}

td.story#storyLeft, td.story#storyRight, td.story#storyLeft2, td.story#storyRight2 {

	vertical-align: top;

}

table#syllabusHeaderTable {

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

	font-size: small;

	color: #000;

	margin-left: auto;

	margin-right: auto;

}

img {

	margin-left: auto;

	display: block;

	margin-right: auto;

}

	

a#localScheduleSyllabus {

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

	font-size: medium;

	color: #060;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

}



table {

	margin-right: auto;

	margin-left: auto;

}

td.description {

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #090;

}

th.description {

	border-bottom-width: medium;

	border-bottom-style: ridge;

	border-bottom-color: #090;