body {
	text-align:center;
}

#wrapper {
	width: 755px;
	margin: 0 auto;
	padding:0px;
	background: #FFFFFF url(../images/bg2.gif) repeat-y;
	text-align:left;
}

#pagebody h1,
#pagebody h2 {
	color: #CC0000;
	margin: 0em;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
}

#pagebody h3,
#pagebody h4 {
	color: #BB9E5B;
	font: bold 1em/1.1em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-left:20px;
}

#header {
	background: url(/inc/images/title5.jpg) no-repeat scroll left top;
	margin:0px;
	padding:0px;
	height: 75px;
}

#header h1 {
	color:#FFFFFF;
	font:4px Arial, Helvetica, sans-serif;
	margin:0px 0px 0px -200em;
	padding:0px;
	height:5px;
}

#subtop {
	background: url(/inc/images/subtop.gif) no-repeat scroll top left;
	height:20px;
	width:100%;
	clear:both;
	display:block;
}

#pagebody {
	background: url(../images/) no-repeat scroll left top;
	margin:0px;
	padding:0px;
	width:100%;
}

#nav {
	margin:0px;
	padding:0px;
	width:100%;
}

#content {
	padding:0px;
	margin:0px;
	width:100%;
}

#main {
	width:100%;
	padding:0px;
	margin:0px;
}

#sub {
	margin: 0px;
}

#spacerhack {
	clear:both;
}

#footer {
	clear:both;
	border: none;
	background: url(../images/footer2.gif) no-repeat scroll left bottom;
	height: 42px;
}

p,
li,
dl {
	font: normal .8em/1.2em Geneva, Arial, Helvetica, sans-serif;
	padding:0 0 10px 20px;
	margin:0px;
}

/**/
a:link,
a:visited {
	color: #A30000;
}

h3 a:link,
h3 a:visited {
	color: #BB9E5B;
}

h2 a:link,
h2 a:visited {
	color: #BB9E5B;
}

/*the following are the nav links are used in ie5.2 in mac and are */
	#bread {
	width:100%;
	font-size:93%;
	line-height:normal;
}

#bread ul {
	margin:0;
	padding:52px 10px 0px 30px;
	list-style:none;
}

#bread li {
	display: inline;
	margin:0px;
	padding:0px;
}

#bread a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	background: #ECE9D8;
}

/* navigate commented backslash hack v2 \*/
#bread {
	width:100%;
	font-size:93%;
	line-height:normal;
}

#bread ul {
	margin:0;
	padding:46px 10px 0 30px;
	list-style:none;
}

#bread li {
	float:left;
	margin:0;
	padding:0;
	background:url(../images/tab_unselect_r1_c2.gif) no-repeat right top;
}

#bread a {
	display:block;
	background:url(../images/tab_unselect_r1_c1.gif) no-repeat left top;
	padding:5px 15px 4px;
	text-decoration: none;
	font-weight:bold;
}

#bread a:active,
#bread a:visited {
	color: #392F17;
	font-weight:bold;
}

/* #navigate #current {
   background:url(../inc/images/tab_r1_c2.gif) no-repeat right top;
   
    }
 #navigate #current a {
    background:url(../inc/images/tab_r1_c1.gif) no-repeat left top;
	padding-bottom:5px;
    }*/
	
#sub p {
	color:#000;
}

body {
	background: #D3C196;
}

/* the boxes*/
.loginbox {
	background-color: #D2E9FF;
	border: 1px solid #0066CC;
	margin: 5px;
}

label {
}

.label {
	width: 150px;
	margin: 2px 2px 10px 0px;
	text-align:right;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

fieldset {
	margin-left:100px
}

table p,
table h3 {
	margin:0px;
	padding:0px;
}

.tintone {
	background-color: #FFEED5;
}

.tinttwo,
.tinttwo h3 {
	background-color: #FF6600;
	font-weight: bold;
	color: #FFFFFF;
}

#reading,
#writing,
#math {
	border: 1px solid #fff;
}

.test {
	width: 500px;
	height: 600px;
}

#navigate {
	float:left;
	width:100%;
	background: #FFBE5E url(/inc/images/bg.gif) repeat-x scroll bottom;
	font-size:93%;
	line-height:normal;
}

#navigate ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}

#navigate li {
	float:left;
	margin:0;
	padding:0;
	background:url(/inc/images/tab_unselect_r1_c2.gif) no-repeat right top;
	display:block;
}

#navigate a:link {
	display:block;
	background:url(/inc/images/tab_unselect_r1_c1.gif) no-repeat left top;
	padding:5px 15px 4px;
	text-decoration: none;
}

/*hack to keep alignment form link*/
	
	#linky {
	display:inline;
	background:none;
}

#teacherpage #home a,
#resourcespage #resources a,
#assessland #assess a,
#librarypage #library a,
#helppage #help a,
#interpretpage #interpret a {
	color:#a30000;
	background-color:#fff;
	font-weight:bold;
}

/* navigate commented backslash hack v2 \*/
#teacherpage #home,
#resourcespage #resources,
#assessland #assess,
#librarypage #library,
#helppage #help,
#studentland #student {
	background:url(/inc/images/whitebut_r1_c2.gif) no-repeat right top;
}

#teacherpage #home a,
#resourcespage #resources a,
#assessland #assess a,
#librarypage #library a,
#helppage #help a,
#studentland #student a {
	background:url(/inc/images/whitebut_r1_c1.gif) no-repeat left top;
	padding-bottom:5px;
	color:#a30000;
	font-weight:bold;
}

/*The formatting for the activity forms*/
	
	.items {
	margin-left:30px;
}

table {
	margin: 2em;
}

/*selection wizard*/

.wizard h2 {
}

.wizard #sub {
	display:block;
}

.wizard #content {
	background: url(../images/wizard.gif) no-repeat scroll right bottom;
}

/*test box*/
.sidebox {
	margin: 0;
	padding:0px; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(/inc/images/box/box_04.gif) no-repeat bottom right;
}

.boxhead {
	background: url(/inc/images/box/box_02.gif) no-repeat top right;
	margin: 0;
	padding: 0 0 0;
	text-align: left;
}

.boxhead h2,
.boxhead h3 {
	background: url(/inc/images/box/box_011.gif) no-repeat top left;
	margin: 0;
	padding-top:10px;
	color: #A30000;
}

.boxhead h3 a:link,
.boxhead h3 a:visited {
	color: #A30000;
	margin-bottom:0px;
}

.boxbody h3 a:link,
.boxbody h3 a:visited {
	color: #A30000;
}

.boxbody {
	background: url(/inc/images/box/box_03.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 10px 10px;
}

#name {
	width: 9em; /* ems so it will grow */
}

/*second box*/
.sidebox2 {
	margin: .5em 0 0 0;
	padding:0px; /* center for now */
	width: 100%; /* ems so it will grow */
	/*background: url(/inc/images/box/bbox_03.gif) no-repeat bottom right;*/
	background-color:#fff;
}

.boxhead2 {
	/*background: url(/inc/images/box/bbox_02.gif) no-repeat top right;*/
	margin: 0;
	padding: 0 0 0;
	text-align: left;
}

.boxhead2 h2,
.boxhead2 h3 {
	/*background: url(/inc/images/box/bbox_01.gif) no-repeat top left;*/
	margin: 0;
	padding-top:10px;
	color: #0066CC;
}

.boxhead2 h3 a:link,
.boxhead2 h3 a:visited {
	color: #0066CC;
	margin-bottom:0px;
}

.boxbody3 h3 a:link,
.boxbody2 h4 a:visited {
	color: #003D79;
	font-size:0.8em;
}

.boxbody2 {
	/*background: url(/inc/images/box/bbox_04.gif) no-repeat bottom left;*/
	margin: 0;
	padding: 5px 10px 10px 10px;
}

#name {
	width: 11em; /* ems so it will grow */
}

/*box for class*/
#classbox {
	margin: 0;
	padding:0px; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(/inc/images/class_top.jpg) no-repeat top left;
	background-color: #30A530;
}

#classbox .boxhead {
	background: none;
	margin: 0;
	padding: 0 0 0;
	text-align: left;
	padding-bottom: 20px;
}

#classbox .boxhead h2 {
	background: none;
	margin: 0;
	padding-top:20px;
	padding-left:100px;
	color: #A30000;
}

.boxhead h3 a:link,
.boxhead h3 a:visited {
	color: #A30000;
	margin-bottom:0px;
}

.boxbody h3 a:link,
.boxbody h3 a:visited {
	color: #A30000;
}

#classbox .boxbody {
	background: none;
	margin: 0;
	padding: 5px 10px 10px 10px;
}

#classnav {
	padding-left:100px;
	margin-bottom: 20px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #ECE9D8;
}

/* controls on teacher page*/
.control {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0 0 2em 10px;
	padding:0;
	padding:0px;
}

.control a {
	color: #999999;
}

ul {
	margin:0px;
	padding:0px 0px 0px 20px;
}

li {
	margin:0px;
	padding:1em 0px 0px 0px;
	list-style: none;
}

li ul {
	margin:0px;
	padding:0px;
}

li ul li {
	margin:0px;
	padding:.5em 0px .5em 0px;
	list-style: none;
}

#whatdohere {
	text-align:right;
}

.padleft {
	padding:10px;
	border-left: 1px solid #D3C196;
}

#intro {
	margin: 0em 0em 1em .5em;
}

#intro h3 {
	color: #000;
	line-height:1.5em;
}

#hometable {
	margin: 0 1em;
}

#hometable p {
	font: 16px Arial, Helvetica, sans-serif;
}