/* CSS Document */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align: center; /* For IE */
	background-color:#6699FF;
	font-size:small;
}
a {
	color:#003366;
	font-weight: bolder;

}
a.glosslink{
		color:#FF0066;
	font-weight: bolder;
	text-decoration:none;
}


td{
padding:10px;
vertical-align:top;
}
caption{
display:none;
}
h2, h2.insetheading{
font-size:x-large;
margin-top:10px;

}
h2.insetheading{
margin-top:0px;
padding:10px 10px 10px 30px;
}
h2.mathead{
display:inline;
line-height:2em;

}
h4{
	padding-top:10px;
	font-size:large;
	font-style: italic;
}
h5{
padding-top:10px; 
font-size:medium;
}
h6{
display:inline; 
font-size:medium;
}
p.setright{
padding-left: 220px;
padding-right: 10px;
line-height:1.5em;
}
p.setleft{
padding-right: 230px;
padding-left: 10px;
line-height:1.5em;
}
ul{
	margin-left:0px;
	padding-left:0px;
	}

#container {
    margin: 0px auto;
    text-align: left;
	position: relative;
	width: 800px !important;
	background-color:#6699FF;
	border: 10px solid #6699FF;
	padding: 0px;

}
#matheader{
	width:798px;
	height:75px;
	background-color:#6699FF;
	background-image:url(images/banner.jpg);
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	background-repeat: no-repeat;
}
#navbar{
	width:798px;
	height:35px !important;
	background-color:#6699FF;
	border: 1px solid #fff;
	margin-bottom:8px;

}

#floatcurator,#floatcurator_stretch,#floatmainimg{
	position:absolute;
	left:2px;
	top:114px;

}
#leftcolumn, #floatcurator{
	width:200px;
	background-color:#99ccff;
	border: 1px solid #fff;
	margin-bottom:12px;
	margin-top:13px;
	
	
}
#floatcurator_stretch{
	width:200px;
	background-color:#99ccff;
	border: 1px solid #fff;
	margin-bottom:12px;
	margin-top:13px;
	
}
img{
border: 1px solid #fff;
text-align:center;
}
#leftcolumn img, #floatcurator img, #floatcurator_stretch img, #bluecontent img, #floatmainimg img{
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:5px;
}
#leftcolumn p, #floatcurator p, #floatcurator_stretch p{
text-align:left;
margin:0px;
padding-left:10px;
padding-right:10px;
}
#rightcolumn{
	position:absolute;
	right:0px;
	top:115px;
	width:590px;
	
	background-color:#6699FF;
	border: 0px;
	margin-bottom:8px;
}

#horitontalspan, #bluecontent{
	width:798px;
	background-color:#99ccff;
	margin-bottom:12px;
	border: 1px solid #fff;
}

#horitontalspan img{
border: 0px;

}
#bluecontent, div.bluecontentshort{
    margin-top:13px;
}



div.bluecontentshort{
	margin-left:213px;
	background-color:#99ccff;
	margin-bottom:12px;
	border: 1px solid #fff;
	padding-left:10px;
	
}
/*footer*/

#footer{
	width:798px;
	background-color:#99cc33;
	border: 1px solid #fff;
	
}
#footer li{
	list-style:none;
	display:inline;
padding:8px;
}
#footer ul{
	padding:5px;
	margin:0px;
}



/*Navigation*/
#nav{
padding:0px;
margin:0px;
list-style:none;
display:inline;
overflow:hidden;

}

#nav li{
padding:0px;
margin:0px;
list-style:none;
display:inline;
}

#nav a {
float:left;
padding:35px 0 0 0;
overflow:hidden;
height:0px !important;
border-right: 1px solid #FFFFFF
}


#butmat a{
width:200px;
background: url(images/materials_btn.jpg) top left no-repeat;
}
#butmat a:hover{
background: url(images/materials_btn_over.jpg) top left no-repeat;
}
#butgallery a{
width:199px;
background: url(images/gallery_btn.jpg) top left no-repeat;
}
#butgallery a:hover{
background: url(images/gallery_btn_over.jpg) top left no-repeat;
}
#butgloss a{
width:198px;
background: url(images/glossary_btn.jpg) top left no-repeat;
}
#butgloss a:hover{
background: url(images/glossary_btn_over.jpg) top left no-repeat;
}
#butteach a{
width:198px;
background: url(images/teachers_btn.jpg) top left no-repeat;
border-right: 0;
}
#butteach a:hover{
background: url(images/teachers_btn_over.jpg) top left no-repeat;

}
/* Materials navigation*/
#navmat{
list-style:none;
margin-left:10px;
}
#navmat li{
width:100%;
line-height:45px;

}
#navmat a{
width:100%;
padding-top:14px;
padding-bottom:14px;
padding-left:50px;
text-decoration:none;

}
#navmat a:hover{
text-decoration:underline;
}
#buttypes a{
background: url(images/icons/icontype.jpg) top left no-repeat;

}
#buttypes a:hover{
background: url(images/icons/icontype_over.jpg) top left no-repeat;

}
#butwhere a{
width:100px;
background: url(images/icons/iconworld.jpg) top left no-repeat;
}
#butwhere a:hover{
background: url(images/icons/iconworld_over.jpg) top left no-repeat;

}
#butprocess a{
width:100px;
background: url(images/icons/iconprocesses.jpg) top left no-repeat;
}
#butprocess a:hover{
background: url(images/icons/iconprocesses_over.jpg) top left no-repeat;

}
#butcare a{
width:100px;
background: url(images/icons/iconcare.jpg) top left no-repeat;
}
#butcare a:hover{
background: url(images/icons/iconcare_over.jpg) top left no-repeat;

}
#butactivity a{
width:100px;
background: url(images/icons/iconactivity.jpg) top left no-repeat;
}
#butactivity a:hover{
background: url(images/icons/iconactivity_over.jpg) top left no-repeat;

}
#butteachers a{
width:100px;
background: url(images/icons/iconteach.jpg) top left no-repeat;
}
#butteachers a:hover{
background: url(images/icons/iconteach_over.jpg) top left no-repeat;

}


/*Object Pages*/
#floatmainimg{
padding:5px;
width:48%;
	text-align: center;
}
#labeltext, #objectleft, #objectright{
line-height:25px;
font-size:14px;
}


#labeltext{
margin:10px 0 0 10px;
padding-left: 400px;
}
#labeltext{
padding-top:10px
}

#objectleft{
margin:30px 10px 10px 10px;
width:65%;

}
#objectright{
margin:30px 10px 10px 10px;
padding-left:32%;
}
#detail1{
float:right;
width:30%;
text-align: center;
}
#detail2{
float:left;
width:30%;
text-align: center;
}
#detail1, #detail2{
padding-top:10px;
}
.collapsable{
	width:520px;
	padding:10px;
	padding-left:270px;
	background-color:#FF9933;
	margin-bottom:12px;
	border: 1px solid #fff;
	background-image:url(images/curator/teacherimage.jpg);
	background-repeat: no-repeat;
}
.collapsable p{
line-height:1.5em;
}
.materialtext{
line-height:1.5em;
padding-right:10px;
}
.leftbox{
float:left;
width:30%;
text-align: center;
}

.rightbox{
float:right;
width:30%;
text-align: center;
padding-right: 40px;
}

img.noborder{
border:0px;
padding:0px;
margin:0px;
}
#floatcurator_stretch a:hover{
color:#669900;
}
#floatcurator_stretch h2{
padding-left:14px;
}
a.greenlink{
color:#9C3;
}