/* Styles for Connected Mathematics 2 */

* 	{
	margin: 0;
	padding: 0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	background-color: #CDC9A4;
	}
	
#header {
	width: 780px;
	height: 110px;
	background: url("../images/top_banner.gif") no-repeat;
	}

a {
	color: #000000;
	text-decoration: underline;
	}	

a:hover {
	font-weight: normal;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	}

#copy {
	font-size: 9px;
	line-height: 11px;
	padding-top: 5px;
	padding-bottom: 15px;	
	width: 780px;
	text-align: center;
	}

#nav {
    width: 257px; 
    height: 32px;
    background: url("../images/nav_bg.gif");
    margin: 0px; 
    padding: 0px;
    position: relative;
    }
  
#nav li {
    margin: 0px; 
    padding: 0px; 
    list-style: none;
    position: absolute;
    top: 0px;
    }

#nav li, #nav a {
    height: 32px; 
    display: block;
    }

#home_btn {
	left: 0; 
	width: 65px;
	}
  
#grade6_btn {
	left: 65px;
	width: 64px;
	}

#grade7_btn {
	left: 129px;
	width: 63px;
	}

#grade8_btn {
	left: 191px; 
	width: 65px;
	}

#home_btn a:hover {
    background: transparent url("../images/nav_btn_roll.gif") 0px 0px no-repeat;
    }

#grade6_btn a:hover {
    background: transparent url("../images/nav_btn_roll.gif") -65px 0px no-repeat;
    }

#grade7_btn a:hover {
    background: transparent url("../images/nav_btn_roll.gif") -129px 0px no-repeat;
    }

#grade8_btn a:hover {
    background: transparent url("../images/nav_btn_roll.gif") -191px 0px no-repeat;
    }

#home_btn span a {
    background: transparent url("../images/nav_btn_active.gif") 0px 0px no-repeat;
    }

#grade6_btn span a {
    background: transparent url("../images/nav_btn_active.gif") -65px 0px no-repeat;
    }

#grade7_btn span a {
    background: transparent url("../images/nav_btn_active.gif") -129px 0px no-repeat;
    }

#grade8_btn span a {
    background: transparent url("../images/nav_btn_active.gif") -191px 0px no-repeat;
    }

#content6_wapper_header {
	width: 780px;
	height: 60px;
	background: transparent url("../images/wapper6_header.gif") 16px 38px no-repeat;
	background-color: #E6162E;
	}

#content6_wapper_body {
	width: 780px;
	background-color: #E6162E;
	}
	
#content_home_wapper_header {
	width: 780px;
	height: 60px;
	background: transparent url("../images/wapper_home_header.gif") 16px 38px no-repeat;
	background-color: #8F1C70;
	}

#content_home_wapper_body {
	width: 780px;
	background-color: #8F1C70;
	}	
	
#content_wapper_body1 {
	width: 748px;
	margin: 0px 16px 0px 16px;
	padding: 4px 0px 0px 0px;
	background-color: #ffffff;
	}
	
#content7_wapper_header {
	width: 780px;
	height: 60px;
	background: transparent url("../images/wapper7_header.gif") 16px 38px no-repeat;
	background-color: #005AAC;
	}

#content7_wapper_body {
	width: 780px;
	background-color: #005AAC;
	}
	
#content8_wapper_header {
	width: 780px;
	height: 60px;
	background: transparent url("../images/wapper8_header.gif") 16px 38px no-repeat;
	background-color: #14A910;
	}

#content8_wapper_body {
	width: 780px;
	background-color: #14A910;
	}

#header_title {
	width: 650px;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	display: inline;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 16px;
	}
	
#header_menu6_btn {
	width: 98px;
	height: 28px;
	float: left;
	background: url("../images/menu_btn_bg.gif") 0px 0px no-repeat;
	top: 5px;
	margin: 0px;
	padding: 0px;	
	position: relative;
	}
	
#header_menu6_btn a {
    height: 28px; 
    display: block;
    }
    
#header_menu6_btn a:hover {
    background: transparent url("../images/menu_btn_roll.gif") 0px 0px no-repeat;
    }
    
#header_menu7_btn {
	width: 98px;
	height: 28px;
	float: left;
	background: url("../images/menu_btn_bg.gif") -98px 0px no-repeat;
	top: 5px;
	margin: 0px;
	padding: 0px;	
	position: relative;
	}
	
#header_menu7_btn a {
    height: 28px; 
    display: block;
    }
    
#header_menu7_btn a:hover {
    background: transparent url("../images/menu_btn_roll.gif") -98px 0px no-repeat;
    }
    
#header_menu8_btn {
	width: 98px;
	height: 28px;
	float: left;
	background: url("../images/menu_btn_bg.gif") -196px 0px no-repeat;
	top: 5px;
	margin: 0px;
	padding: 0px;	
	position: relative;
	}
	
#header_menu8_btn a {
    height: 28px; 
    display: block;
    }
    
#header_menu8_btn a:hover {
    background: transparent url("../images/menu_btn_roll.gif") -196px 0px no-repeat;
    }
    
#content {
	width: 700px;
	margin: 0px 24px 0px 24px;
	padding: 0px;
	text-align: left;
	}

#content_left {
	width: 220px;
	height: 350px;
	float: left;
	display: inline;
	text-align: left;
	margin: 0px 10px 0px 24px;
	padding: 0px;
	}

#content_center {
	width: 220px;
	height: 350px;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	}
	
#content_right {
	width: 220px;
	height: 350px;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

#content_group {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

#content_group p {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	}

#activity_container {
	width: 700px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	}
	
#activity_copy {
	margin-top: 12px;
	font-size: 9px;
	}

#group_title {
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	}
	
#content_text {
	margin-top: 12px;
	}
	
#instruct_banner {
	width: 100%;
	height: 38px;
	text-align: left;
	}

#instruct_title {
	width: 110px;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	display: inline;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 16px;
	}
	
#instruct_close6_btn {
	width: 98px;
	height: 28px;
	float: right;
	background: url("../images/close_btn_bg.gif") 0px 0px no-repeat;
	right: 16px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	position: relative;
	}
	
#instruct_close6_btn a {
    height: 28px; 
    display: block;
    }
    
#instruct_close6_btn a:hover {
    background: transparent url("../images/close_btn_roll.gif") 0px 0px no-repeat;
    }
    
#instruct_close7_btn {
	width: 98px;
	height: 28px;
	float: right;
	background: url("../images/close_btn_bg.gif") -98px 0px no-repeat;
	right: 16px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	position: relative;
	}
	
#instruct_close7_btn a {
    height: 28px; 
    display: block;
    }
    
#instruct_close7_btn a:hover {
    background: transparent url("../images/close_btn_roll.gif") -98px 0px no-repeat;
    }
    
#instruct_close8_btn {
	width: 98px;
	height: 28px;
	float: right;
	background: url("../images/close_btn_bg.gif") -196px 0px no-repeat;
	right: 16px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	position: relative;
	}
	
#instruct_close8_btn a {
    height: 28px; 
    display: block;
    }
    
#instruct_close8_btn a:hover {
    background: transparent url("../images/close_btn_roll.gif") -196px 0px no-repeat;
    }
    
#help_close_btn {
	width: 98px;
	height: 28px;
	float: right;
	background: url("../images/close_btn_bg.gif") -294px 0px no-repeat;
	right: 16px;
	top: 5px;
	margin: 0px;
	padding: 0px;
	position: relative;
	}
	
#help_close_btn a {
    height: 28px; 
    display: block;
    }
    
#help_close_btn a:hover {
    background: transparent url("../images/close_btn_roll.gif") -294px 0px no-repeat;
    }      
        
ol.custom {
	text-align: left;
	padding: 24px 16px 16px 39px;
	}
	
ol.custom li {
	margin: 0px 0px 12px 0px;
	}
	
ul.custom {
	text-align: left;
	padding: 24px 16px 16px 34px;
	}
	
ul.custom li {
	margin: 0px 0px 12px 0px;
	}

#instruct_text {
	text-align: left;
	padding: 12px 16px 16px 16px;
	}