html {
	height: 100%;
	margin: 0px;
	padding: 0px;	
}

body { 
	margin: 0px;
	padding: 0px;	
	font-family: Verdana,Arial,Helvetica,sans-serif; 	
	background-color: #da997f;	
	background-image:url(../images/page_bg.png);
	background-repeat:repeat-x;
	font-size: 100%;
	height: 100%;
	display;static;
}


#container {
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:0px;
	background-color: #af7d67;	
	background-image:url(../images/container_bg.png);
	background-repeat:repeat-x;
	text-align:center;
	width:100%;
	padding: 0px;
	max-width:1024px;
}

/*	background-image:url(../images/home_page_top.png);*/

 a {
	 color:#0000ff;
	 text-decoration:none;
	 font-weight:bold;
 }

 a:hover{
	 color:#444488;
	 text-decoration:underline;
	 font-weight:bold;
 }

#page_top, #unit_links, #home_page_content, #copyright, #page_bottom {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:980px;	
	max-width:990px;
	min-width:900px;
	border:solid 0px #dddddd ;
}

/**	
**/

#page_top{
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
  border:solid 0px;
  font-size:90%;
  height:200px;
}



#unit_links_left_end {
		background-image:url(../images/unit_link_bg_left_end.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		width: 8px;
		float: left;
		height: 22px;
    margin-top:9px;
		margin-left:26px;
	}

#unit_links {
		text-align:top;
    text-decoration:none;
    font-size:80%;
		background-image:url(../images/unit_link_bg.png);
		background-position: top right;
		background-repeat: no-repeat;
		height:22px;
		padding-top:3px;
    margin-top:8px;
		margin-left: 25px; 	
	}

#nav_path {
	margin-top:0px;
	padding:4px;
	text-align:left;
	font-style: italic;
	color: #ffffff;
	font-weight:600;
	font-size:110%;
}

#home_page_content{
	padding-top:0px;
	display:block;
	text-align:center;
	font-size:90%;
	clear:both;
}

#about_this_resource{
	font-size:80%;
	color: #615541;
}

#about_this_resource a:hover {
	font-size:75%;
	color:#888888;
}


#page_top h1, h2, h3, h4 {
	text-align:left;
}

	/*
	  opacity:0.7;
	*/

#page_bottom{
  height:5px;
  margin:0px;
  padding:0px;
  text-align:center;
  max-width:1000px;
}

#page_top h1{
	margin-top:30px;
	margin-left:20px;
	text-align:left;
	font-size:130%;
	font-weight:600;
}

#page_top p {
	color:#ffffff;
	font-weight:400;
	margin-top:10px;
	margin-right:20px;
	font-size:100%;
	margin-left:470px;
}
#title_image {
	float:left;
}

#page_top #acknowledgements {
	font-size:80%;
	text-decoration:italic;
	float:right;
	padding:2px;
	border:0px solid #cccccc;
	text-align:left;
	background-color:none;
	color:#223333;
	
}
#page_top #acknowledgements .acklink {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	float:left;
}

#page_top #acknowledgements a{
	color:#888888;
	text-decoration:none;
	background-color:none;
}	

#page_top #acknowledgements a:hover{
	color:#446666;
	background-color:underline;	
}


#page_top #acknowledgements img{
	border:none;
}	



#page_top h2 {
	color:brown;
	font-weight:400;
	padding-top:0px;
	padding-right:20px;
	padding-left:20px;
	margin-top:25px;
	margin-left:40px;
	margin-right:20px;
	padding-bottom:0px;
	font-size:220%;
	float:left;
	border:5px solid white;
	font-weight:800;
	background-color:clear;
}

#page_top h2 #home {
	font-size:80%;
	
}

#page_top h3 {
	margin-top:-5px;
	color:#404060;
	font-weight:600;
	font-size:90%;
	margin-left:470px;
}

#page_top h4 {
	margin-top:-15px;
	color:#404060;
	font-weight:600;
	font-size:70%;
	margin-left:470px;
}


#page_content h1 {
	font-size:150%;
	color:#404060;
	font-weight:800;
}

#copyright a, #unit_links a, #unit_links a:visited {
	text-decoration:none;
	color:#000000;
	padding:3px;
}

#nav_path a{
	text-decoration:none;
	color:#ffffff;
	padding:3px;
}


#copyright a:hover, #unit_links a:hover{
	color:#B22222;
	text-decoration:underline;
}

#nav_path a:hover{
	color:yellow;
	text-decoration:underline;
}

.invisibleLink {
	visibility:hidden;
}

.instructionalContent {
	margin-left: 5px;
}

.link_image {
	border:solid 2px #ffffff;
	display:inline-block;
	height:120px;
	width:220px;
	padding-top:7px;
	margin:5px;
	background-color:#ddddaa;
	position:relative;
	zoom:1; 
	*display: inline; 
}

/**
	height:120px;
	width:220px;
**/

.link_image a:hover {
	color:#222200;
	text-decoration:underline;
}

.link_image a {
	color:#002200;
	text-decoration:none;
	font-size:85%;
	top:20;
}

.imgTrans{
	filter:blendTrans(duration=0.6);
	border:0px;
}

#copyright {
	padding:5px;
	clear:left;
	margin-left:0px;
	margin-top:5px;
	font-size:60%;
	background-color:none;
	height:15px;
}

#leftalign {
	float:left;	
}

#rightalign {
	float:right;	
}

.nestedMenu {
		padding:0;
		margin-left:5px;
	}
		
	.menuSub {
		list-style: circle;
		margin:0;
		padding:0;
		margin-left:10px;
	}
	
	.menumain {
		list-style: square;
		margin:0;
		padding:0;
		margin-left:0px;
	}
	
	.menu {
		list-style: circle;
		margin:0;
		margin-left:20px;
		padding:0;
	}
	
	#menus {
		margin:0;
		margin-left:20px;
	}
	
	#page_content #left_page #menus li{
	  height:25;
	  background-color: 
  }
	
	#page_content #left_page .menufolder {
		margin:0;
	  padding:5;
	  height:25;
	  list-style: square;
	}
	
	#page_content #left_page .menufolderopen {
		margin:0;
	  padding:5;
	  height:25;
	  list-style: disc;
	}
	
	.current_unit {	
		padding-left:3px;
		padding-right:3px;
		color:#B22222;
		font-weight:bold;
	}
	
	.imgdivbig {
		float:right;
		width:290px;
		padding:3px;
		font-size:80%;
		border:#CCCCCC solid 1px;
		margin-left:5px;
		background-color:#F9F9F9;
		display:none;
	}
	
		
	#main_content {
	  position:relative;
	  padding:10px;
	  padding-top:1px;
	  background-color:#ffffff;
	  min-height:600px;
	  opacity:none;
	}
	
	
	#control_buttons{
		font-size:75%;
		float:right;
		margin-right:25px;
		margin-top:7px;
  }

  #style_buttons{
		font-size:85%;
		float:right;
		margin-right:5px;
		margin-top:10px;
}

	
  #control_buttons{
		font-size:75%;
		text-align:right;
		margin-right:0px;
		margin-top:0px;
		margin-left:92%;
		margin-bottom:20px;
		width:60px;
}	

	#style_buttons span, #control_buttons span{
		background-color:#eeeeee;
		border:solid 1px #dddddd;
		margin-left:5px;
		padding-left:5px;
		padding-right:5px;
		cursor:hand;
	}
	
  	
	#page_heading_jff {
		background-image:url(../images/just_for_fun.jpg);
		width:100%;
		height:40px;
		background-repeat:no-repeat;
		color:yellow;
		background-color:yellow;
  }	
  
  #page_heading_jff h2 {
		text-align:center;
	}	
	
	#page_heading {
		padding:0px
		margin:0px;
		background-image:url(../images/bluegrad.jpg);
		width:100%;
		height:30px;
		background-color:#CCCCCC;
		margin:5px;
  }	
  
	#page_heading h2 {
		padding:0px;
		margin:0px;
		padding-left:10px;
		padding-top:5px;
		color:#224466;
		float:left;
	}

	
 #control_buttons a, #style_buttons a, #take_awayable a, 
 #GoToButton a, .slide_content a, #word_assn a, .content_link a {
		color:#0000ff;
  }

 #control_buttons a:hover, #style_buttons a:hover, 
 #take_awayable a:hover, #GoToButton a:hover, .slide_content a:hover, #word_assn a:hover, .content_link a:hover {
		color:#444488;
		text-decoration:underline;
 }
 
 /** popup styles **/
 
	#popup_page_content #right_page {
		background-color:#222233;
		text-align: left;
		font-size:90%;
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 5px;
		border: none #000000 1px;
		width: auto;
		min-height: 600px;
	}
	
 	#popup_main_content {
	  position:relative;
	  padding:10px;
	  margin-bottom:10px;
	  background-color:#ffffff;
		min-height: 520px;
	}
	
	td, th {
		margin:0px;
		padding:0px;
		border:solid 1px;	
	}
	
		
	table {
		border: #ECECEC 1px solid;
		padding:2px;
		margin:0px;
		margin-left:20px;
	}
	
	.greyHeader {
		background-color:#D3D3D3;
    text-align:center;
    padding:8px;
    border-style:solid;
		border-width:1px;
		border-color:black;
	}
	
	.tableContent {
		margin-left:15px;
		border-style:solid;
		border-width:1px;
		border-color:black;
		border-collapse:collapse;
		padding:5px;
		font-size: 95%;
	}
	
	.glossary_table {
		border: #000000 1px solid;
		padding:2px;
		margin:0;
		font-size:80%;
		border-style:none;
	}
	
	
	.table_row_light {
		background-color:#FFFFFE;

	}
	
	.table_row_dark {
		background-color:#F2EEEA;

	}
	
	.table_header {
		background-color:#FFFFFF;
		border-bottom:#000000 2px solid;
		margin-bottom:10px;
		color: #224466;
		border-style:none;
	}
	
	.glossary_table_data {
		border-style:none;
		padding-left: 5px;
	}
	
	.slide_image {
		height:200px;
	  width:250px;
	}
	
	.module {
		margin-bottom:2px;
		padding:0px;
	  border:solid 0px;
	  background-color:#8c6f5f;
	  display:inline-block;
	  color:white;
	  font-weight:600;
	}