/* * * * * * * * * * * *  PAGE ELEMENTS * * * * * * * * * * * */

body
{
	padding: 10px;
	background: url(../graphics/edu_bkgrn2.gif) #e2ffcc no-repeat left top;
	margin: 0;
	font-family: Verdana,Helvetica,Sans-Serif;
    color: Black;
    font-size: 11px;
}
h2
{
	font-size: 12px;
	clear: both;
}
h3
{
	font-size: 12px;
}
p
{
	margin-top: 10px;
	margin-bottom:10px;
}
form
{
    COLOR: #666666;
}
cite
{
	font-size: smaller;
}
img
{
	border: 0;
}

/* * * * * * * * * * * *  PAGE LAYOUT * * * * * * * * * * * */

#wrap
{
	width: 720px;
}
#defaultPage
{
	background: url(../graphics/edu_bkgrn.gif) #e2ffcc no-repeat left top; /* Big logo */
}
#defaultPage .content
{
	width: 360px;
	margin-left: 360px;
	padding-top: 0;
}
.content
{
	width: 470px;
	margin-left: 250px;
	padding-top: 75px;
}

/* * * * * * * * * * * *  MENUS * * * * * * * * * * * */

#menu0
{
	FONT-FAMILY: arial,helvetica,sans-serif;
    FONT-SIZE: 12px;
    LEFT: 425px;
    VISIBILITY: hidden;
    POSITION: absolute;
    TOP: 70px;
    BACKGROUND-COLOR: #66cc33;
	Z-INDEX:2;
	BORDER-TOP:1px solid #000099;
	BORDER-BOTTOM:1px solid #000099;
}
#menu1
{
    FONT-SIZE: 12px;
    LEFT: 480px;
    VISIBILITY: hidden;
    POSITION: absolute;
    TOP: 70px;
    BACKGROUND-COLOR: #66cc33;
}
.submenu
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}
.submenu2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    LINE-HEIGHT: 14px;
	border-bottom:1px solid #000099;
	border-right:1px solid #000099;
}
.sidemenu
{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 180px;
	background-color: #66cc33;
	border: 1px solid #000099;
	z-index: 3;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	visibility: hidden;
}
.sidemenu2
{
	POSITION:absolute;
	TOP:110px;
	LEFT:180px;
	WIDTH:180px;
	BACKGROUND-COLOR:#66cc33;
	BORDER: 1px solid #000099;
	Z-INDEX:3;
	FONT-WEIGHT:normal;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	VISIBILITY:hidden;
}

/* * * * * * * * * * * *  MISC * * * * * * * * * * * */

.clearBoth
{
	clear: both;
}
.resources
{
	
}
.resources li
{
	list-style-image: url(../graphics/outsidelink.gif);
	margin-bottom: 10px;
}

.resources a
{
	display: block;
}
.addToCart
{
	text-align: center;
	display: inline-block;
	float: right;
	padding: 0 0 10px 10px;
}
.addToCart *
{
	margin: 0 auto; /* center each element */
	display: block; /* put each element on its own line */
}
.addToCart small
{
	font-size: 9px;
	font-style: italic;
}
.cart
{
    FONT-SIZE: 10px;
}
.copy10
{
    font-size: 10px;
}
.qa
{
	font-weight:bold;
	border-bottom:1px solid gray;
}

.imageTable
{
	font-size: 10px;
}
.imageTable td
{
	padding-top: 20px;
	vertical-align: top;
}
.imageTable td *
{
	display: block; /* elements of each td should be vertically stacked */
}
.imageTable img
{
	padding-right: 20px;
	padding-top: 5px;
}

.imageGroup /* For collections of images and captions */
{
	clear: left;
	font-size: 10px;
}
.imageGroup dl /* For a horizontal collection of images (dd) with a caption (dt) at the top */
{
	float: left;
	margin-right: 10px; /* Set horiz. space between each group of images */
}
.imageGroup dt
{
	font-weight: bold;
	margin-right: 25px; /* Ensure captions don't merge */
	margin-bottom: 5px;
	margin-top: 10px;
}
.imageGroup dd
{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	margin:0;
}
.imageGroup dd *
{
	display: block;
}