body {background-color: white;
		background: url('images/background.jpg');
		margin: 0px;}




#menu_class ul
{
	list-style:none;
	margin:0px;
	position:relative;
	padding:0px;
	border:solid blue;
	border-bottom:0px;
	width: 95%;
}

#menu_class ul li
{
	display: block;
	text-align:center;
	background-color: black;
	width:100%;
	border-bottom: solid blue;
	color:blue;
	position: relative;
	font-size:large;
	line-height:30px; 
}

#menu_class ul li:hover
{
	color: red;
	background-color: silver;
	text-transform:uppercase;
}

#menu_class ul li a
{
	color: blue;
	background-color: black;
	width: 100%;
	text-decoration: none;
}

#menu_class ul li a:hover
{
	color: red;
	background-color: silver;
	text-transform:uppercase;
	width: 100%;
	text-decoration: none;
}

#menu_class ul li:hover a
{
	color: red;
	background-color: silver;
	text-transform:uppercase;
	width: 100%;
	text-decoration: none;
}

#menu_class ul li ul 
{
	position:absolute;
	display: none;
	text-transform:none;
	left: 100%;
	width:125px;
	top:0px;
}

#menu_class ul li ul a.sub
{
	display:block;
	text-decoration:none; 
	background-color: red;
	line-height:30px; 
	font-size:large;
	width: 100%;
	color: white;
	text-transform: none;
}

#menu_class ul li ul a:hover
{
	color:#00FFFF;
	background-color:black;
	text-transform: none;
}

#menu_class ul li ul {display:none;}
#menu_class ul li:hover ul {display:block;}

#menu_class li.current {background-color: silver;}

img.right
	{float: right;
		display: inline;}
		
img.center
	{display: block; margin: auto;}

table, td {border: solid black 1px; margin: auto; background-color: white;}

table.blue, td.blue {border: solid black 1px; margin: auto; background-color: blue; color: white;}

table.green, td.green {border: solid black 1px; margin: auto; background-color: green; color: white;}

table.orange, td.orange {border: solid black 1px; margin: auto; background-color: orange; color: white;}

span.links {float: left; padding: 10px; background: black; width: 75%; margin-left: 5%; border-left: solid red 1px; border-right: solid red 1px;}

span.links_top {float: left; padding: 10px; background: black; width: 75%; margin-left: 5%; border-left: solid red 1px; border-right: solid red 1px; border-top: solid red 1px;}

span.links_bottom {float: left; padding: 10px; background: black; width: 75%; margin-left: 5%; border-left: solid red 1px; border-right: solid red 1px; border-bottom: solid red 1px;}

ul {color: blue; background: silver; width: 200px; border: solid blue 2px;}

ul.ie {width: 200px;}

ul.project {color blue; background: silver; width: 50%; margin: auto;}

ul.indent {color: black; background: transparent; width: 80%; margin: auto; list-style-type: none; border: none;}

ul.pitfalls {color: blue; background: silver; width: 80%; margin: auto; border: solid blue 2px;}

p.project_title {color: black; font-size: x-large; font-family: "Comic Sans MS", serif; text-align: center;}

i.white {color: white;}

b.blue {color: blue;}

b.red {color: red;}

b.white {color: white;}

b.black {color: black;}

b.green {color: green;}

b.orange {color: orange;}

b.orange_right {float: right; color: orange;}

b.yellow_right {float: right; color: yellow;}

b.purple_right {float: right; color: purple;}

h1.blue {color: blue;}

h2.inline {display: inline;}

h2.blue {color: blue;}

h3.blue {color: blue;}

h3.inline {display: inline;}

h3.links {color: blue; border: solid 1px; text-align: center; background: silver;}

p.black {background: black;}

p.center {text-align: center;}

table.nav
	{margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 70px;
	border: red outset 5px;
	background-color: red;}

a.white:link { color: white; background: blue; text-decoration: underline; }
a.white:visited { color: white; background: blue; text-decoration: underline; }
a.white:hover { color: yellow;}
a.white:active { color: yellow;}

a.nav:link { color: blue; background: red; text-decoration: underline; }
a.nav:visited { color: blue; background: red; text-decoration: underline; }
a.nav:hover { color: yellow; background: red; }
a.nav:active { color: yellow; background: red; }

a.menu:link { color: blue; background: transparent; text-decoration: none; }
a.menu:visited { color: blue; background: transparent; text-decoration: none; }
a.menu:hover { color: red; background: transparent; }
a.menu:active { color: red; background: transparent; }

a:link { color: blue; background: transparent; text-decoration: underline; }
a:visited { color: blue; background: transparent; text-decoration: underline; }
a:hover { color: yellow; background: transparent; }
a:active { color: yellow; background: transparent; }

a.anchor:link { color: blue; background: transparent;}
a.anchor:visited { color: blue; background: transparent;}
a.anchor:hover { color: blue; background: transparent; }
a.anchor:active { color: blue; background: transparent; }

a.menu:link { color: blue; background: transparent; text-decoration: none;}
a.menu:visited { color: blue; background: transparent; text-decoration: none; }
a.menu:hover { color: blue; background: transparent; text-decoration: none; text-transform: uppercase;}
a.menu:active { color: blue; background: transparent; text-decoration: none; text-transform: uppercase;}

a.sub:link { color: blue; background: silver; text-decoration: none; text-transform: capitalize;}
a.sub:visited { color: blue; background: silver; text-decoration: none; text-transform: capitalize;}
a.sub:hover { color: red; background: black; text-decoration: none; text-transform: capitalize;}
a.sub:active { color: red; background: black; text-decoration: none; text-transform: capitalize;}

div.table_left
	{float: left;
	width: 40%;
	margin-left: 10%;}

div.table_right
	{float: right;
	margin-right: 10%;
	width: 40%;}

div.movies
	{float: left;
	padding-left: 10px;
	height: 2500px;
	}
	
div.celebs
	{float: right;
	padding-right: 10px;
	height: 2500px;
	}

div.expectations_top
	{position: relative;
	padding-bottom: 50px;
	}

div.expectations_middle
	{position: relative;
	padding-bottom: 110px;
	}
	
div.expectations_bottom
	{position: relative;
	padding-bottom: 50px;
	}

div.consequences   
	{text-align: left;
	position: absolute;
	margin-top: 100px;
	}

div.consequences_ie  
	{text-align: left;
	position: relative;
	margin-top: 100px;
	}

div.procedures   
	{position: relative;
	margin-top: 300px;
	width: 100%;
	}	

div.procedures_ie 
	{position: relative;
	margin-top: 50px;
	width: 100%;
	}

#grades    
	{background-color: silver;
	color: blue;
	text-align: left;
	float: right;
	border: solid 2px blue;
	margin-right: 10px;
	margin-top: 10px;
	width: 130px;
	}

#wrap_surveyresults     
	{background-color: red;
	opacity: .75;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 2500px;
	visibility: visible;
	border: solid 5px black;
	overflow: auto;
	}

#content_surveyresults  
	{background-color: transparent;
	color: black;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 2500px;
	visibility: visible;
	border: solid 5px black;
	overflow: auto;
	}


#wrap_class     
	{background-color: red;
	opacity: .75;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 550px;
	visibility: visible;
	border: solid 5px black;
	}

#wrap_class_ie    
	{background-color: red;
	opacity: .75;
	text-align: center;
	position: absolute;
	top: 100px;
	width: 100%;
	height: 550px;
	visibility: visible;
	border: solid 5px black;
	}

#content_class     
	{background-color: transparent;
	color: black;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 550px;
	visibility: visible;
	border: solid 5px black;
	}
	
#content_project   
	{background-color: transparent;
	color: black;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 1250px;
	visibility: visible;
	border: solid 5px black;
	overflow: auto;
	}

#wrap_project     
	{background-color: red;
	opacity: .75;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 1250px;
	visibility: visible;
	border: solid 5px black;
	}

#content_projectmain  
	{background-color: transparent;
	color: black;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 2000px;
	visibility: visible;
	border: solid 5px black;
	overflow: auto;
	}

#wrap_projectmain     
	{background-color: red;
	opacity: .75;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 2000px;
	visibility: visible;
	border: solid 5px black;
	}


#content_class_ie     
	{background-color: transparent;
	color: black;
	text-align: left;
	position: absolute;
	top: 100px;
	width: 100%;
	height: 450px;
	visibility: visible;
	border: solid 5px black;
	}


#content_outline     
	{background-color: transparent;
	color: black;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 1900px;
	visibility: visible;
	border: solid 5px black;
	overflow: auto;
	}

#content_outline_ie     
	{background-color: red;
	color: black;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 1900px;
	visibility: visible;
	border: solid 5px black;
	overflow: auto;}

	
#wrap_outline     
	{background-color: red;
	opacity: .75;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 75%;
	height: 1900px;
	visibility: visible;
	border: solid 5px black;
	}

#menu_class     
	{background-color: transparent;
	color: blue;
	text-align: center;
	position: fixed;
	top: 100px;
	width: 15%;
	height: 450px;
	visibility: visible;
	border: solid 5px red;
	}

#menu_class_ie     
	{background-color: black;
	color: blue;
	text-align: center;
	float: left;
	margin-left: -450px;
	margin-top: 100px;
	width: 15%;
	height: 450px;
	visibility: visible;
	border: solid 5px red;}
	
#menu_transparent     
	{background-color: black;
	opacity: .75;
	color: blue;
	text-align: left;
	position: fixed;
	top: 100px;
	width: 15%;
	height: 450px;
	visibility: visible;
	border: solid 5px red;
	}

div.quotes
	{position: relative;
	margin: auto;
	margin-top: 10px;
	border: solid blue 2px;
	width: 425px;
	background-color: silver;
	}

#wrap_survey     
	{background-color: red;
	opacity: .75;
	text-align: center;
	margin-top: -250px;
	margin-left: -250px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 1800px;
	visibility: visible;
	border: solid 5px;}
	
	
#survey     
	{background-color: transparent;
	color: blue;
	text-align: center;
	margin-top: -250px;
	margin-left: -250px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 1800px;
	visibility: visible;
	border: solid 5px black;}

#formmail     
	{background-color: red;
	color: blue;
	text-align: center;
	margin-top: -250px;
	margin-left: -250px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 1800px;
	visibility: visible;
	border: solid 5px black;}
	
#quiz     
	{background-color: transparent;
	color: blue;
	text-align: left;
	margin-top: -250px;
	margin-left: -250px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 2000px;
	visibility: visible;
	border: solid 5px black;}	

#wrap_quiz     
	{background-color: red;
	opacity: .75;
	text-align: center;
	margin-top: -250px;
	margin-left: -250px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 2000px;
	visibility: visible;
	border: solid 5px;}


#wrap     
	{background-color: red;
	opacity: .75;
	text-align: center;
	margin-top: -225px;
	margin-left: -225px;
	position: absolute;
	top: 300px;
	left: 50%;
	width: 450px;
	height: 500px;
	visibility: visible;
	border: solid 5px;
	}
	
	
#content     
	{background-color: transparent;
	text-align: center;
	margin-top: -225px;
	margin-left: -225px;
	position: absolute;
	top: 300px;
	left: 50%;
	width: 450px;
	height: 500px;
	visibility: visible;
	border: solid 5px;
	}	

div#header
	{position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 450px;
	}
	
div#header_class
	{float: left;
	margin-bottom: 10px;
	width: 450px;
	}
	
#menu_class_ie ul
{
	list-style:none;
	margin:0px;
	position:relative;
	padding:0px;
	border-bottom:0px;
	width: 95%; 
	background-color: black;
}

#menu_class_ie ul li
{
	display: block;
	text-align:center;
	background-color: black;
	width:100%;
	border-bottom: solid blue;
	color:blue;
	position: relative;
	font-size:large;
	line-height:30px; 
}

#menu_class_ie ul li.menu_top
{
	display: block;
	text-align:center;
	background-color: black;
	width:100%;
	border-bottom: solid blue;
	border-top: solid blue;
	color:blue;
	position: relative;
	font-size:large;
	line-height:30px; 
}

#menu_class_ie ul li:hover
{
	color: red;
	background-color: silver;
	text-transform:uppercase;
}

#menu_class_ie ul li a
{
	color: blue;
	background-color: black;
	width: 100%;
	text-decoration: none;
}

#menu_class_ie ul li.menu_top a
{
	color: blue;
	background-color: black;
	width: 100%;
	text-decoration: none;
}

#menu_class_ie ul li ul {display:none;}
#menu_class_ie ul li:hover ul {display:block;}

#menu_class_ie li.current {background-color: silver;}#classes {
	border: 5px double #0000FF;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 200px;
	color: blue;
	background-color: red;
}
pre {
	color: #0000CC;
	background-color: #FF9966;
	width: 75%;
	border: 2px solid #000000;
	margin: auto;
	 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}