body
		{
			
			margin: 0; /*margin 0*/
			padding: 0;
			font-family: georgia, times, "times new roman", serif;
			color: #000;
			background-color: #ddd;
			width:960px;

		}
		
		#container
		{
			width: 850px; /*1024px; /*original width: 1350px;*/
			
			margin: 1em 6%; /*margin top 1em and margin left 5%*/
			background-color: #FFF;
			background-image:  url(images/variation1.gif);
			background-repeat: repeat-y;
			border: 1px solid #333;
		}
		
		#banner
		{
		margin:0;
		padding:0;
			background-color: #666;
			border-bottom: 1px solid #333;
			background-image:url('images/bigsunset.jpg');
background-repeat:repeat-x;
		}
		
		#banner h1
		{
			margin: 0;
			padding: .5em;
		}
		
		#nav
		{
			float: left;
			width: 160px;
			height:850px;
			margin-left: 10px;
			padding-top: 1em;
			border-right:thin;
			border-right-style:dotted;
			z-index:4;
		}
		
		#nav p { margin-top: 0; }
		
		#content
		{
		height:850px;
			padding-top: 1em;
			margin: 0 1em 0 180px; /*margin: 0 2em 0 200px;*/
		}
		
		#content h2 { margin-top: 0; }
		
		#footer
		{
			clear:both;
			
			background-color: #666;
			padding: 1em;
			text-align: center;
			border-top: 1px solid #333;
		}
		
		.nextbutton{
	visibility:hidden;
}
		/*+++++++++++++++++++++flash++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		#topflash1 p {
			text-align:center;
	
		}
		
		/*++++++++++++++++++advertisement+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		
		#adbox1{
	width:150px;
	height:150px;
	border:thin;
	border-style:dotted;
	word-wrap: break-word;
	text-align:center;
}
.adboxbg {
	background-color:red;
}

div.scroll {
height: 150px;
width: 150px;

overflow: auto;
border: 1px solid #FFF;
background-color: #666; /*used to be black*/
color: #fff;
padding: 0px;
margin-top:0px;
margin-left:0px;
border-color:blue;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-shadow-color: #A3A59B;
scrollbar-track-color: #FFFFFF;

}
div.scroll2 { /*used for the instructors background*/
height: 600px;
/*
width: 150px;
*/
overflow: auto;
border: 1px solid #FFF;
background-color: #fff;/*#000;*/
color: #000;
padding: 0px;
margin-top:0px;
margin-left:0px;
border-color:blue;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-shadow-color: #A3A59B;
scrollbar-track-color: #FFFFFF;

}


/*-----------------------------------------================Floating Background Images===========================------------------------------------------*/
#floatingbg {
	width: 73px; /*115px;*/ /*changed the two images to fit inside the title box*/
	height: 149px; /*236px;*/
	position:absolute;
	top: 17.5px;
	left: 58px; /*used to be 0 then 41px*/
	background-image: url('images/IMG00459_3.png');
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 4;
	float:right;
}
#floatingbg2 { /*this is the samurai on the right side of the title box*/
	width: 73px; /*115px;*/
	height: 149px; /*236px;*/
	position:absolute;
	top: 17.5px;
	left: 837px; /*1096px then 837px*/
	background-image: url('images/IMG00459_4.png');
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 4;
	float:right;
	
}

.opacity{
	
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#mainp img{
	float:right;
	margin-bottom:5px;
}

/*================================================Instructors Background Pictures*/

div.senseibg
  {
  /*
  width:150px;
  height:150px;
  */
  background:url(images/smallgal_SRFront.jpg) no-repeat;
  border:2px solid black;

    }
div.transbox
  {
  /*
  width:400px;
  height:180px;
  
  margin:30px 50px;
  background-color:#ffffff;*/
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bolder;
  
  color:#000;
  }
  
  /*Centered Headings for the ads box*/
  
  .centerhead{
	text-align:center;
}

/*****************************************FAQ content columns***************************************/

div.column_wrapper{
    width: 650px; /*800px*/
}

div.left_column{
    float: left;
    padding: 5px; /*10px*/
    width: 200px; /*290px*/
    border: 1px solid gray;
}

div.right_column{
    float: right;
    padding: 5px;
    width: 420px;
    border: 1px solid gray;
}

/****************************************Contact Page*********************************************************/
#contactinfo{
	
	width: 250px;
	height:250px;
	/*
	background-image:url('images/stickynotes.gif');
	*/
	background-repeat:no-repeat;
	text-align:center;
	border:thick;
	border-color:gray;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++FAQ Table Experiment++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.outer {
position:relative;
padding:4em 0 3em 0;
width:54em;
background:#eee;
margin:0 auto 3em auto;
}
.innera {
overflow:auto;
width:54em;
height:9.6em; /*used to be 9.6em*/
background:#eee;
}
.outer table caption {
position:absolute;
width:51.7em;
text-align:center;
top:0;
left:0;
height:1.5em; /*1.5em*/
background:#000;/*#697210;*/
border:0.1em solid #fff;
color:#fff;
}
.outer thead tr {
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outer tfoot td {
position:absolute;
width:51.5em;
text-align:center;
background:#990000;/*#f0c992;*/ 
border:0.1em solid #000;
color:#000;
bottom:0;
left:0
}
.outer th, .outer td {
width:10em; 
text-align:left;
}
.outer th {
background:#724a10; 
color:#fff;}
.outer .dk {background:#fff;
}
 
.tableone {width:650px; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:620px; border-collapse:collapse;}
.th1 {width:150px;}/*used to be 149px*/
.th2 {width:210px;}/*used to be 99px*/
.th3 {width:250px;}/*used to be 99px*/
.th4 {width:99px;}/*used to be 99px*/
.th5 {width:200px;}/*used to be 200px*/

/*Below I added the colors for column one in table two to be the same as the row they are in*/
#th2{
	background-color:#ddd;
	color:#000;
}
#th3{
	background-color:#eee;
	color:#000;
}
#th4{
	background-color:#ddd;
	color:#000;
}
#th5{
	background-color:#eee;
	color:#000;
}
#th6{
	background-color:#ddd;
	color:#000;
}
#th7{
	background-color:#eee;
	color:#000;
}
#th8{
	background-color:#ddd;
	color:#000;
}
#th9{
	background-color:#eee;
	color:#000;
}
#th10{
	background-color:#ddd;
	color:#000;
}

/*End of color addition*/
 
.td1 {width:50px; background-color:#eee; color:#000;/*padding-left: 5px;*/ } /*used to be 149px added the background color to same as the row #eee*/
.td2 {width:99px;}/*used to be 99px*/
.td3 {width:99px;}/*used to be 99px*/
.td4 {width:99px;}/*used to be 99px*/
.td5 {width:170px;}/*used to be 170px*/
 
.tableone {background:#000;/*#697210;*/ border:1px solid #000; color:#fff;} /*table at the top containing the headers from left to right*/
.tableone td {border:1px solid #fff; color:#fff;}
.tableone tbody {background:#000000;/*#f0c992;*/ color:#fff;}
.tableone caption {background:#fff; color:#697210; font-size:1.2em; margin:0 auto;}
.tabletwo td {background:#eee; color:#000;}
.tableone th, .tabletwo th {text-align:center; /*border:1px solid #ddd;*/} /*The first column th cells can be manipulated here*/
.tabletwo tr.dk td {background:#ddd; color:#000;}
 
.innerb {height:23em; overflow:auto;} /*you can change the height of the table as it appears of webpage here*/