body
{
	background-color: #CCC;
	color: #000;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
}

* {margin:0px; padding:0px; /*border: 1px solid lime;*/}

/*IE hacks*/
	/*to center content on page since IE WIN does not like auto margins*/
body	{text-align: center;}
	/*set alignment of everything else back to left*/
#bigwrapper	{text-align: left;}

	/*fix margins in IE for floated elements*/
#verbage { display: inline; }



/*end IE hacks*/

#bigwrapper
{
	background-image: url(/dm60a/dm60a-images/dm60a-logo2_body.gif);
	background-repeat: repeat-y;
	width: 900px;
	margin: 0 auto 0 auto;
	background-color: #FFF;
}

#thecontent
{
	margin: 0 30px 0 20px;
	background-color: #FFF;
}

#current-due
{
	background-color: #669;
	text-indent: .5em;
	color: #FFF;
	font-size: .75em;
	margin: 0 0 0 -.5em;
	padding: 2px 0;
}

#current-due a
{
	color: #FFF;
	background-color: #669;
	padding: 1px;
	text-decoration: none;
}

#current-due a:hover
{
	color: #669;
	background-color: #FFF;
}

#verbage
{
	float: left;
	width: 672px;
	margin: 0 0 0 170px;
	font-size: .8em;
}


#content-text
{
	width: 575px;
	margin: 0 0 0 75px;
	background-color: #FFF;
	text-align: left;
}

#content-text hr {
	width: 80%;
	margin: 0 10% 1em 10%;
	background-color: #669;
	color: #669;
}

#content-text h1,h2,h3,h4,h5,h6 { color: #669; }

#content-text h2 { margin-left: .3em; }

#content-text h3,h4,h5,h6 { margin-left: 1.0em; }

#content-text p
{
	margin: 0 0 1em 1.5em;
	line-height: 1.5em;
}

#content-text p.nudge_left  { margin: 0 0 1em -40px; }

#content-text table { margin: 0 0 1em 1.5em; }

#content-text pre { margin: 0 0 1em 2.5em; }

#content-text ul#carp li:first-letter
{
	color: #669;
	font-size: 150%;
	font-weight: bold;
}

#content-text blockquote
{
	margin: 1em 4em 1em 4em;
	font-family: Georgia, Palatino, Times New Roman, serif;
	font-size: 2em;
}

#content-text ul,ol,dl { margin: 0 0 1em 3.5em; }

#content-text  li{ margin-bottom: .8em; }

#content-text  li p{ margin-bottom: .8em; margin-left:0; }

#content-text dl { margin: 0 0 1em 1.5em; }

#content-text dd { margin: 0 0 .8em 1.5em; }

#content-text form input[type="submit"] { background-color: #9F9; }

#content-text form input[type="reset"]
{
	background-color: #F33;
	float: right;
}

/*all this for the little tables on the grade.shtml page, sheesh*/
#content-text table#gradetable td { padding: 1em; }
#content-text table#gradetable ul li { margin: 0 0 .8em 0; }

#content-text table#gradetable table.gradetable th
{
	background-color: #669;
	padding: 5px;
	text-align: center;
}
#content-text table#gradetable table.gradetable td
{
	background-color: #eee;
	padding: 5px;
	text-align: center;
}
/*end tables on grades.shtml page*/

/*project requirements table*/

#content-text table#project_table  { margin: 0 0 1em 1em; }

#content-text table#project_table th,td { padding: .8em; }

/*end project requirements table*/

/*webhawks links table*/

#content-text table#webhawks
{
	margin: 0 0 1em 1em;
	/*width: 80%;*/
	border-color: #669;
	border-width: thin;
	border-style: solid;
}

#content-text table#webhawks th
{
	padding: .8em;
	background-color: #669;
	color: #FFF;
}

#content-text table#webhawks td
{
	padding: .8em;
	text-align: left;
	border-color: #669;
	border-width: thin;
	border-style: dotted;
}

/*end webhawks links table*/

/*schedule table*/
table.datetable
{
	padding: 0;
	border-width: 1px;
	border-color: #669;
	background-color: #FFF;
}
table.datetable tr td
{
	border-bottom: #669;
	border-left: #669;
	border-width: 0 0 1px 1px;
	border-style: none none solid dotted;
}

table.datetable th
{
	background-color: #669;
	text-align: center;
	color: #FFF;
}
table.datetable td
{
	background-color: white;
	vertical-align: top;
	text-transform: inherit;
}

table.datetable td.colclass
{
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	font-size: 14px;
	letter-spacing: 3px;
	background-color: #669;
	color: white;
	border-bottom: #FFF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

/*end schedule table*/

#leftnav
{
	width: 143px;
	float: left;
	margin: 0 0 0 -841px;
	font-size: .75em;
}

#leftnav ul
{
	list-style-type: none;

}

#leftnav ul li
{
	border-bottom: #669;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
	padding: .3em 0 .3em 0;
	text-indent: .5em;
	background-color: #EEE;
}

#leftnav ul li.ln_here, #leftnav ul li ul li.ln_here
{
	border-bottom: #669;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
	padding: .3em 0 0 0;
	text-indent: .5em;
	background-color: #669;
}

#leftnav ul li.ln_here a.here { color: #EEE; 
	background-color: #669;
}

#leftnav ul li.ln_here a.here:hover { color: #336; 
	background-color: #EEE;
}

#leftnav ul li ul li
{
	margin: 0 0 0 20px;
}

#leftnav ul li ul li.last_li { border-bottom: 0; }

/*
#leftnav ul li:hover { background-color: #669; }
*/

#leftnav a
{
	text-decoration: none;
	color: #336;
	border-color: #EEE;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}

#leftnav a:hover
{
	color: #EEE;
	background-color: #669;
	border-color: #669;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}

#footer
{
	color: #669;
	font-size: .75em;
	text-align: center;
	line-height: 1.5em;
	background-color: #FFF;
}

#footer hr
{
	width: 80%;
	margin: 0 10% 1em 10%;
	background-color: #669;
	color: #669;
}

#footer a
{
	color: #669;
	text-decoration: none;
	padding: 2px;
	border-color: #FFF;
	border-width: 1px;
	border-style: solid;
}

#footer a:hover
{
	color: #669;
	border-color: #669;
	border-width: 1px;
	border-style: solid;
}

/*classes*/
.small { font-size: smaller; }

.clearthis { clear: both; }


.blue { color: #000066; }
.red { color: #cc0000; }

.depricated
{
	color: #F30;
	background-color: #CCC;
	font-style: italic;
}



/* From John */
code
{
	font-family: "Courier New", Courier, mono;
	font-size: 1.1em;
	color: #990000;
	background-color: transparent;
}

samp
{
	font-family: "Courier New", Courier, mono;
	font-size: 100%;
	color: #990000;
	background-color: transparent;
}

/* End from John */

/*styles for css_pseudo.shtml*/

	p.danger
	{
		color: red;
		font-size: 120%;
		font-weight: bold;
		padding: 1em;
		background-color: yellow;
		margin: auto 2em auto 2em;
		border-color: lime;
		border-width: 3px;
		border-style: dotted;
	}
	
	p.fineprint
	{
		font-family: Arial, Verdana, sans serif;
		font-size: 75%;
		width: 60%;
		text-align: justify;
		margin: 0 0 0 15%;
	}
	
	.wow
	{
		color: fuchsia;
		background-color: lime;
	}
	
	a.play:link
	{
		color: blue;
		font-size: 110%;
		text-decoration: none;
	}
	
	a.play:visited
	{
		color: green;
		font-size: 110%;
		text-decoration: none;
	}
	
	a.play:hover
	{
		color: purple;
		font-size: 130%;
		text-decoration: underline overline;
		background-color: yellow;
		text-transform: uppercase;
	}
	
	a.play:active
	{
		color: red;
		font-size: 200%;
		text-decoration: underline overline;
		background-color: yellow;
		text-transform: uppercase;
	}
	
	p.pseudo_element_example:first-line
	{
		font-variant: small-caps;
		font-weight: bold;
	}
	
	p.pseudo_element_example:first-letter	
	{
		font-size: 300%;
		font-family: Times New Roman, Palatino, serif;
		color: navy;
		letter-spacing: -3px;
	}
	p#fred	
	{
		color: yellow;
		background-color: teal;
	}

/*end styles for css_pseudo.shtml*/

/*styles for css-box_model.shtml*/

div.border_example div
{
	height: 50px;
	display: inline;
	border-color: red;
	border-width: 2px 5px 10px 15px;
	padding: 3px;
	margin: 5px 5px 35px 5px;
	line-height: 4em;
	vertical-align: middle;
}

.solid { border-style: solid; }
.dotted { border-style: dotted; }
.dashed { border-style: dashed; }
.double { border-style: double; }
.groove { border-style: groove; }
.ridge { border-style: ridge; }
.inset { border-style: inset; }
.outset { border-style: outset; }

div.padding p
{
	background-color: aqua;
	margin: 10px;
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

div.float_example
{
	width: 200px;
	height: 100px;
	margin: 0 0 20px 20px;
	float: right;
	background-color: silver;
	padding: 10px;
	overflow: auto;
}


/*end styles for css-box_model.shtml*/

/*For displaying hunks of code instead of the code tag*/
.block_code {
	font: 1.5em "Courier New", Courier, monospace;
	margin-right: 2em;
	margin-left: 2em;
}