html * {
padding: 0;
margin: 0;
border: 0;
}

body.home {
	background-color:#003;
	background-image: url(images/lego_background/Brick_bkgd-Turquoise.png);
}

#box_gallery.box_gallery{
	background-color:#003;
}

body.math {
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
    color: #0000CC;
    margin: 0px;
    background-color: #634ADF;
    background-position: center;
    padding: 0px;
    background-image: url(images/pattern_061.gif);
    background-repeat: repeat;
}
h1,h2,h3,h4,h5,h6,h7,pre {
    margin-top: 0px;
    margin-left: 4px;
    padding-top: 0px;
}

#banner{
	left:116px;
	position: absolute;
	top: 0px;
}
#menu_float_div{
	postion: absolute;
	width: 100px;
	z-index:2;
	margin-top:10px;
}
.test {
	background-color: #0F6;
	color: black;
	z-index:100;
	top: 100px;
}
#math_stuff{
	z-index:1;
	top: 10px;
	left: 110px;
	position: absolute;
}

pre {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
    	font-size: 12px;
    	color: #0000CC;
}

img {
	border: 0px solid;
	
}

.title{
	margin-top: 10px;
	margin-left: 90px;
	font-size: 50px;
	height: 30px;
	width: 600px;
	color: red;
	text-align: center;
	z-index:1;
}

#main {
	width: 450px;
	height: 400px;
	background-color: white;
	margin-left: 150px;
	margin-top: 50px;
	color:black;
	z-index:1;
}

#number1, #number2 {
	font-size: 100px;
	background-color: white;
	color: blue;
	width: 120px;
	position:  absolute;
	text-align: right;
	z-index:1;	
}

#number1{
	left:250px;
	z-index:1;
}
#number2{
	left:250px;
	top: 200px;
	z-index:1;
}
#operator1{
	font-size: 100px;
	width: 100px;
	background-color: white;
	position:  absolute;
	left:200px;
	top:200px;
	z-index:1;
	
}
#line{
	position:absolute;
	width: 200px;
	height: 4px;
	background-color: blue;
	top:302px;
	left:220px;
	z-index:1;
	
}
#answer{
	font-size: 100px;
	background-color: white;
	color: blue;
	width: 120px;
	position:  absolute;
	left:250px;
	top:330px;
	border:  2px solid blue;
	text-align: right;
	z-index:1;
}
#checkbutton, #newbutton{
	position:absolute;
	width: 150px;
	height: 60px;
	font-size: 50px;
	cursor: pointer;
	background-color: #7FFFFF;
	color:  blue;
	border: 1px solid blue;
	text-align: center;
	z-index:1;
}
#checkbutton{
	position:absolute;
	top:350px;
	left:400px;
	z-index:1;
}

#newbutton{
	position:absolute;
	top:150px;
	left:400px;
	z-index:1;
}

#newbutton:hover, #checkbutton:hover {
	color: red;
	background-color: #FFAAAA;
}



#setup{
	margin-top: 50px;
	margin-left: 130px;
	height: 50px;
	width: 490px;
	background-color: #AAD4FF;
	text-align: center;
	z-index:1;
}

#maxanswer{
	padding-left: 3px;
	z-index:1;
}

#response{
	position: absolute;
	top:  250px;
	left:380px;
	background-color: #FFFFAA;
	border: 2px solid blue;
	width: 500px;
	font-size: 60px;
	z-index: 2;
	cursor:pointer;
	visibility: hidden; 
	text-align: center;

}




/* comments  */
/*
html selector (use html selector):
body { stuff }

class selector:
.something { stuff }

id selector (normally used only once per page so you can reference with javascript etc):
#something { stuff }

PSEUDO-CLASSES AND PSEUDO-ELEMENTS:
:link
:active
:visited
:hover
:first-line
:first-letter

FONT CONTROLS:
font-family:
font-style:
font-variant;
font-weight:
font-size:
or font:    put more than one

TEXT CONTROLS:
color:
word-spacing:
letter-spacing:
vertical-align:
line-height:
text-decoration:
text-transform:
text-align:
text-indent:
direction:
unicode-bidi:
page-break-before:
page-break-after:
white-space:

ELEMENT CONTROLS:
margin-top:
margin-right:
margin-bottom:
margin-left:
margin:  for all the same
padding-top:
padding-right:
padding-bottom:
padding-left:
padding:  for all the same
border-color:
border-style:
border-top:
border-right:
border-bottom:
border-left:
border:  for all the same
border-top-width:
border-right-width:
border-bottom-width:
border-left-width:
border-width:  for all the same
width:
height:
max-width:
max-height:
min-width:
min-height:
float:
clear:
display:
background-color:
background-image:
background-repeat:
background-attachment:
background-postiion:
background:  put more than one
position:
left:
top:
bottom:
right:
z-index:

ELEMENT VISIBILITY CONTROLS:
clip:
overflow:
visibility:

LIST, TABLE and INTERFACE CONTROLS
list-style-type:
list-style-image:
list-style-position:
list-style:  put more than one
border-collapse:
caption-side:
cursor:

EXAMPLES:

body {
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
    font-size: xxpx;
    color:  ;
    margin: Xpx;
    background-color: ;
    background-position: center;
}

h1,h2,h3,h4,h5,h6,h7 {
    margin-top: 0px;
    margin-left: 4px;
    padding-top: 0px;
}

img {
	border: 0px solid;
}

a.nav:link {
	text-decoration:none;
	color:#0000FF;
	background:white;
	background-image: url(images/web_page_elements/bottom_l1_down.jpg);
	font-weight : bold;
	width: 150px;
	height: 20px;
	display:block;
	margin-bottom: 2px;
	margin-top: 2px;
}

a.nav:visited {
	text-decoration:none;
	color:#0000FF;
	background:white;
	background-image: url(images/web_page_elements/bottom_l1_down.jpg);
	font-weight : bold;
	width: 150px;
	height: 20px;
	display:block;	
	margin-bottom: 2px;
	margin-top: 2px;
}

a.nav:hover, a.nav_present{
	text-decoration:none;
	color:#336600;
	background: red;
	background-image: url(images/web_page_elements/bottom_l1_over.jpg);
	font-weight:bold;
	width: 150px;
	height: 20px;
	display:block; 
	margin-bottom: 2px;
	margin-top: 2px;
}

a.nav:active{
	text-decoration:none;
	color:#0000FF;
	background: red;
	background-image: url(images/web_page_elements/bottom_l1_over.jpg);
	font-weight:bold;
	width: 150px;
	height: 20px;
	display:block;
	margin-bottom: 2px;
	margin-top: 2px;
}

NOW GO AT IT!
*/