html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	position: relative;
}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

q:before,q:after {content:'';}

abbr,acronym {border:0;}

a,a:hover,a:visited,a:focus{color:inherit;text-decoration:none;outline:none;}



/*end css reset borrowed from Robin to see if it fixes my ie6 issue. Thanks Robin*/






body {
	background-color: #03041F;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	position: absolute;
	background-image: url(sides.png);
	font-size: 0.76em;
	margin: 0px;
	padding: 0px;
	
}


div#pageBody {
	width: 775px;
	margin-left: 200px;
	font-size: 1.1em;
	color: #030420;
	padding: 0px;
	margin-top: 1.7em;
}




div#pageName {
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	color: #FFFFFF;
	right: 1em;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(css_banner.jpg);
	background-position: left top;
	height: 200px;
	width: 900px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
}
#pageContent {
	margin-top: 1em;
}




div.storyHeader {
	font-weight: bold;
	color: #CCCCD1;
	border-bottom-style: solid;
	background-color: #949494;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom-width: medium;
	border-bottom-color: #0033CC;
	padding-bottom: 5px;
}


div.storyBody {
	padding: 10px;
	background-image: url(80percentwht.png);
	background-repeat: repeat;
	background-position: center;
	padding-top: 25px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	min-height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #030420;
	font-weight: normal;
}


footer, div#pageFooter {
	margin-left: 200px;
	margin-top: 10px;
	font-size: 0.9em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: center;
}






#assignment table th {
	background-color: #666666;
	font-size: 1em;
	color: #D4D0C8;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #0000CC;
	text-align: center;
	vertical-align: bottom;
	padding-top: 0.5em;
}

#assignment  table  td {
	padding: 10px;
	background-image: url(80percentwht.png);
	margin: 1px;
	color: #03041F;
	border: thin inset #FFFFFF;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
}
#index #pageHeader {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

#book {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-attachment: scroll;
	background-image: url(bookCover.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 1px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td#book img {
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: hidden;
	text-decoration: none;
	display: block;
}
td#book a {
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: visible;
	text-decoration: none;
	display: block;
}
#index div.story     {
	font-weight: bold;
	color: #D4D0C8;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom-width: thin;
	border-bottom-color: #0033CC;
	padding-bottom: 5px;
	background-color: #666688;
}
#index .feature {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #CCCCdd;
}
#syllabus #pageHeader {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
#syllabus {
	color: #CCCCdd;
}
#syllabus  h3     {
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 1.1em;
}
#syllabus div.storyBody  {
	color: #030420;
	text-align: left;
	padding: 10px;
	font-size: 1.1em;
	background-image: url(80percentwht.png);
}

#syllabus  table  {
	padding: 0.5em;
	background-image: url(80percentwht.png);
	margin-right: auto;
	margin-left: auto;
	color: #030420;
	font-size: 1.1em
;
	border: thin inset #CCCCCC;
	width: 100%;
}
#syllabus th {
	padding: 0.5em;
	background-image: url(80percentwht.png);
	margin-right: auto;
	margin-left: auto;
	color: #030420;
	font-size: 1em
;
	border: thin inset #CCCCCC;
	width: 100%;
}
#schedule tr th   {
	text-align: center;
	font-weight: bold;
	background-color: #666666;
	color: #CCCCdd;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #0033FF;
	vertical-align: bottom;
	padding-top: 1em;
}

#schedule tr th.date {
	text-align: center;
	font-weight: bold;
	background-color: #666666;
	color: #CCCCdd;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #0033FF;
	padding: 1em;
	vertical-align: bottom;
	display: none;
	visibility: hidden;
}

#schedule td.feature  {
	margin: 5px;
	color: #CCCCdd;
	font-size: 1.1em;

}
#schedule td.feature     p  {
	color: #CCCCdd;
	font-size: 1em;
	text-align: center;
}
#schedule td.description    {
	font-size: 1em;
	text-align: left;
	background-image: url(80percentwht.png);
	border: thin inset #FFFFFF;
	padding-left: 1em;
}
#schedule td.number  {
	font-size: 1.2em;
	text-align: center;
	background-image: url(80percentwht.png);
	border: thin inset #FFFFFF;
	margin-left: 1em;
	margin-right: 1em;
	padding-right: 1em;
	padding-left: 1em;
}
#schedule td.date  {
	display: none;
	visibility: hidden;
}




#assignment table td a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #0000CC;
	border-right-color: #0000CC;
	border-bottom-color: #0000CC;
	border-left-color: #0000CC;
	margin: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	color: #0033CC;
}
#assignment table td a:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #0000CC;
	border-right-color: #0000CC;
	border-bottom-color: #FFFFFF;
	border-left-color: #0000CC;
	margin: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	color: #0000CC;
}
a:link {
	color: #0033FF;
	text-decoration: none;
	border-bottom-color: #0033FF;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}
a:visited {
	color: #031EA9;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #CC00CC;
}

a:hover {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
}
.feature a.localLink {
	visibility: hidden;
	display: none;
}
div.story a:hover {
	color: #0033FF;
	border-bottom-style: dotted;
	font-weight: 600;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
}

div.story a {
	color: #0000CC;
	border-bottom-style: dotted;
	font-weight: 600;
	border-bottom-width: thin;
	border-bottom-color: #CCCCCC;
}

div.storyBody a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #999999;
	font-weight: 600;
}
div.storyBody a:hover {
	color: #FFFFFF;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
}

#navLocal {
	position: fixed;
	left: 5px;
	width: 165px;
	margin-top: 0.5em;
	top: 1.5em;
	z-index: 100;
}
#navUtility {
	position: fixed;
	top: 0px;
	text-align: right;
	left: 180px;
	background-color: #000000;
	height: 1.5em;
	width: 351px;
	padding-top: 0.5em;
	padding-bottom: .5em;
	z-index: 100;
}
#globalLink {
	position: fixed;
	top: 0px;
	margin-top: 0em;
	text-align: left;
	left: 531px;
	padding-top: 0.5em;
	background-color: #000000;
	height: 1.5em;
	width: 455px;
	padding-bottom: .5em;
	z-index: 100;	
}
a.localLink {
	display: block;
	width: 160px;
	margin: 5px;
	color: #CCCCdd;
}
a:hover.localLink {
	display: block;
	width: 160px;
	margin: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCdd;
	color: #FFFFFF;
	background-color: #330033;
}
a:hover.utilityLink {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	background-color: #330033;
	color: #0099FF;
}
a:hover.globalLink {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	background-color: #330033;
	color: #0099FF;
}
.localLink {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

a.utilityLink {
	display: inline;
	margin: 5px;
	text-align: center;
	white-space: nowrap;
	padding-right: 5px;
	padding-left: 5px;
	color: #2566DE;
}


a.globalLink {
	display: inline;
	margin: 5px;
	text-align: center;
	white-space: nowrap;
	padding-right: 5px;
	padding-left: 5px;
	color: #2566DE;
}

