body{
		text-align:center;
		background-color: white;/*dimgrey;rgb(96,185,206);
		background: #232 url(table.jpg);*/
	}
	#wrapper {
		clear:both;
		width: 1100px;
		margin: 0 auto;
/*		box-shadow:3px 3px 6px #666;
		border-radius:15px;*/
		background-color:white;
position:relative;
top:1px;
	}
	#webdes {
	/*	display:block;
		float:left;*/
		position:absolute;
		left:790px;
		width:179px;
		height:98px;
		margin:10px 10px 0px 80px;	
		border:	1px solid #999;
		opacity:0.9;
		border-radius:5px;
		box-shadow:3px 3px 6px #666;	}
	#game1 {
		display:block;
		float:right;
		width:125px;
		height:89px;
		margin:10px 0px 0px 10px;
		border:	1px solid #999;
		border-radius:5px;
		box-shadow:3px 3px 6px #666;
		transform:rotate(2deg);
		-ms-transform:rotate(5deg); /* IE 9 */
		-moz-transform:rotate(5deg); /* Firefox */
		-webkit-transform:rotate(5deg); /* Safari and Chrome */
		-o-transform:rotate(5deg); /* Opera */
	}
	#game2 {
		display:block;
		float:right;
		width:98px;
		height:99px;
		margin:15px 70px 0px -30px;	
		border:	1px solid #999;
		border-radius:5px;
		transform:rotate(15deg);
		-ms-transform:rotate(15deg); /* IE 9 */
		-moz-transform:rotate(15deg); /* Firefox */
		-webkit-transform:rotate(15deg); /* Safari and Chrome */
		-o-transform:rotate(15deg); /* Opera */
		}
	#logo{
		clear:both;
		width:1100px;
		height:350px;
		background: url(cphoto.png) no-repeat center bottom;
		display:block;
		float:left;
		margin-top:30px;
	}
	h1{
	font-family:arial; 

	}
	.lg{
		color:grey;
		display:block;
		position:absolute;
		width:200px; 
		float:left;
		height:60px;
	}
	#logo1 {color: white; /*lightgrey; */
		font-family:Lucida Calligraphy, arial; 
		font-size:44px; 
		font-weight:bold;
		width:200px; 
		float:left;
		text-shadow:2px 2px 4px #222;
/*		text-shadow:7px 7px 16px rgb(255,159,159);*/
		}

	#line {
		display:block;
		float:left;
		width:1100px;
		height:34px;
		margin-top:40px;
		color:grey;
		font-size:20px;
		font-style:italics;
		font-family: Verdana, arial;
		font-weight:semi-bold;
		border-top:solid 1px #dddddd;
		/* fallback image */
		background-color: rgb(196,196,196); /*url(images/logo1.png); */

		/* Safari 4+, Chrome 1-9 */
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(196,196,196)));

		/* Safari 5.1+, Mobile Safari, Chrome 10+ */
		/*background-image: -webkit-linear-gradient(top, rgb(172,204,230), rgb(63,137,195));*/
		background-image: -webkit-linear-gradient(top, rgb(255,255,255), rgb(196,196,196));

		/* Firefox 3.6+ */
		background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(196,196,196));

		/* IE 10+ */
		background-image: -ms-linear-gradient(top,rgb(255,255,255), rgb(196,196,196));

		/* Opera 11.10+ */
		background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(196,196,196));
	}		
	#line2 {
		display:block;
		float:left;
		width:1100px;
		height:34px;
		margin:0px;
		color:black;
		font-size:18px;
		font-style:italics;
		font-family: Verdana, arial;
		font-weight:semi-bold;
		/* fallback image */
		background-color: white;  /*//rgb(196,196,196);url(images/logo1.png); 
position: fixed;
padding-bottom:30px;
z-index:10;*/
	}	
	.problems
	{
			/*background-color: white; rgb(141,175,100);"/
			width:1100px;
			/*margin-left:50px;*/
			margin-top:2px;
			border-radius:2px;
			display:block;
			background-color:white;

	}
	
	#main
	{
		padding-top:5px;
		display:block;
		margin-bottom:30px;
	/*	height:650px;*/

	}
	h2{
	
	color:rgb(163,70,68);
	font-size:20px;
	font-family:verdana, arial;
	}
	p{
	font-family:verdana, arial;
	text-align:left;
	margin-left:40px;
	font-size;14px;
	}
	#leftwin
	{
		width:460px;
/*		background-color:rgb(214,226,199);
		border-radius:10px;*/
		float:left;
		display:block;

		padding:20px;
		margin-left:10px;
		margin-top:5px;
		text-align:left;
		font-size:16px;
		font-family:verdana, arial;
		color:rgb(163,70,68);
/*		background-color:brown;
		opacity:0.8;*/
	}
	#rightwin
	{
	
		width:550px;
/*		height:600px;*/
		float:right;
			
		padding:0px 0px 0px 0px;
		display:block;
		margin-bottom:40px;
	/*	background: url(computer_1sm.png) no-repeat center center;
		opacity:0.3;*/

	}
	.backpicture{
	margin-top:0px;
	background: url(computer_2smp.png) no-repeat center bottom;
	height:870px;
	}
	.backpicture2{
	width:460px;
	margin-top:0px;
	background: url(computer_2smp.png) no-repeat center bottom;
	height:755px;
	}
	a href
	{
	text-align:left;
	padding:5px;
	text-decoration:none;
	font-size:16px;
	
	}
	#if_
	{
		background-color:white;
	}
	#leftwin p{
	color:black;
	padding:0px;
	margin-left:0px
	}
		h4{color:black;}
	#inln{
	border: solid 1px #ccc;
	box-shadow:5px 5px 6px #999;
	border-radius:5px;
	height:117px;
	width:114px;
	padding:1px;
	margin-top:0px;
	margin-left:0px;
	margin-right:25px;
	display:inline;
	float:left;
	}
#instructor{
	width:114px;
	height:117px;
}
.txt192{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	line-height: 160%;

	text-align: justify;

	}
	.txt199{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	line-height: 130%;
	text-align: left;
	margin-top:50px;

	}
	.bld{
	font-weight:bold;
	}
.or{
color:brown;
}	
.just{

	line-height: 180%;
	text-align: justify;
	padding-left:20px;
	padding-right:20px;
}
ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*	word-spacing:1px; */
	line-height: 170%;
	text-align: justify;
	color:brown;
text-decoration:none;
    margin-left:45px;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.txt1{
	text-align: justify;
	font-size:14px;
}
#slider{
		border:solid 1px #999;

	padding:0px;   
	margin-top: 28px;
}
.button{
	color:white;
	display:block;
	float:right;
	height:25px;
	width:80px;
	letter-spacing: 1px;
	text-decoration:none;
	border-radius:8px;
/*	border:solid 1px #777;*/
	border:solid 1px white;
	box-shadow:1px 1px 5px #333;
		/* fallback image */
		background-color: brown; /*url(images/logo1.png); */

		/* Safari 4+, Chrome 1-9 */
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(165,42,42)), to(rgb(205,92,92)));

		/* Safari 5.1+, Mobile Safari, Chrome 10+ */
		background-image: -webkit-linear-gradient(top,rgb(165,42,42), rgb(205,92,92)); /* rgb(222,234,245), rgb(53,122,191)); rgb(122,170,218));*/

		/* Firefox 3.6+ */
		background-image: -moz-linear-gradient(top,rgb(165,42,42), rgb(205,92,92));

		/* IE 10+ */
		background-image: -ms-linear-gradient(top,rgb(165,42,42), rgb(205,92,92));

		/* Opera 11.10+ */
		background-image: -o-linear-gradient(top,rgb(165,42,42), rgb(205,92,92));
}
.buttonIE{
	display:inline;
	float:right;
	height:15px;
	width:70px;
	text-decoration:none;
	border:solid 1px #999;
	color:#333;
	font-family:Vedana, arial;
	font-weight:bold;
	font-size:12px;
	padding:3px 0 3px 0;
	background-color: rgb(196,196,196); /*url(images/logo1.png); */
	}
.button a:hover{
		background-image: -webkit-linear-gradient(top,rgb(255,255,255), rgb(155,155,155));
}
h4{
	margin-top:5px;
	color:#333;
	font-family:Vedana, arial;
	font-size:12px;
	color:white;
}
.bcontainer
{
	display:inline;
	margin-top:-50px;

}
.ads {
clear:both;
	display:block;
	margin-left:120px;

}
.ad {	
display:block;
float:left;
border:solid 1px #999;
box-shadow:5px 5px 6px #999;
margin: 20px;
}
#footer{
	clear:both;
	text-align:center;
	background-color: brown ;/*rgb(75,156,78);*/
	color:white;
	font-family:arial, serif;
	padding-top:10px;
	padding-bottom:10px;
	opacity:0.9;
}
.menuItem{
	padding: 20px 18px 20px 18px;
	display:block;
	float:left;
	font-family:Arial, Verdana, Serif;
	font-size:13px;
	color:black;
	font-weight:normal;
		margin-top:8px;
		margin-bottom:70px;
}
.left{
	margin-left:100px;
}
.pict5{
margin-top:20px;
box-shadow:5px 15px 23px #CCC;	
border-radius:5px;
opacity:0.8;
}
@font-face 
{
  font-family: Vanilla;
  src: url("ColabMed-webfont.ttf");
}
@font-face
{
font-family:Chunkf;  
/*src: url("Chunkfive.otf");
src: url("gooddog.otf");*/
src: url("KaushanScript-Regular.otf");
}
@font-face{
 font-family: Bassoon;
  src: url("Organo.ttf");
}
#HeadFont{
	font-family:Chunkf;
	font-size:35px;
	letter-spacing:3px;
}
#HeadFontMain{
	font-family:Bassoon;
	font-size:36px;
	letter-spacing:3px;
	text-shadow:1px 1px 1px #666;
}
#vanilla {
	font-family:Vanilla;
	margin-left:0px;
	font-size:26px;
	color:#333;
	width:125px; text-align:left;
	display:block;
	float:left;
	
}
@font-face {
 font-family: Brush;
  src: url("BrushScriptStd.otf");
}
#brush_{
	font-family: Brush;
	font-size:34px;
	letter-spacing:2px;
}
.tbl{
	clear:both;
	width:550px;
	margin-bottom:40px;
}
.classes {

	width:390px;
	height:100px;
	text-align:left;

	font-size:20px;
	font-family:Arial, Verdana,Lucida Calligraphy, Helvetica;
	display:block;
	float:right;
	padding-top:10px;
	padding-left:10px;
	color:white;
	font-weight:bold;
	background-color:brown;
	padding:10px 10px 10px 10px;
	opacity:0.8;
}
.climage{
	display:block;
	float:left;
	width:70px;
	height:70px;
	border:5px solid brown;
	padding:10px;
	border-radius:55px;
/*	box-shadow:5px 5px 12px #999;
border:7px solid rgb(75,156,78);*/
	margin-left:10px;
	background-color:LightGoldenRodYellow ;
	margin-top:10px;
}
.tblln{
	clear:both;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	display:block;
	width:550px;
}
.nodec {
	text-decoration:none;
	color:#333;
}
.classes a{
	color:white;
}
.marg{
	display:block;
	float:left;
	border:solid 1px #999;
	margin: 20px 20px 20px 70px;			
	/* Safari 5.1+, Mobile Safari, Chrome 10+ 
		background-image: -webkit-linear-gradient(top, rgb(75,156,78), rgb(177,218,179));	*/
	padding:0;
	
}
.ital{
		font-style:italic;
}
#line2 a:hover{
 padding-bottom:5px;
	border-bottom:3px solid brown;
	color:brown;
 }
 .under{
/*	padding-bottom:5px;
	border-bottom:3px solid brown;*/
	color:brown;
 }
 .slider {
  margin: 4px 0;
  width: 490px; /* Update to your slider width */
  height: 527px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
  list-style-type:none;
  opacity:0.8;
}
#cap_{
		position:absolute;
		left:177px;
		top:0px;
		margin-top:10px;
}
#tit {
		clear:both;
		width: 1100px;
		margin: 0 auto;
	position:relative;
	top:1px;

}
#laptop {
	position:absolute;
	left:740px;
	top:0px;
}
#phyl{
	width:450px;
	height:220px;
	text-align:left;

	font-size:20px;
	font-family:Arial, Verdana,Lucida Calligraphy, Helvetica;
	display:block;
	float:left;

	color:white;
	background-color:AntiqueWhite  ;
	padding:10px 10px 10px 10px;
	opacity:0.9;
}
blockquote {
/*  background: #f9f9f9; 
  border-left: 10px solid #ccc;*/
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";/*"\2018""\2019";*/
}
blockquote:before {
  color: #000;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}