/* Cascading style sheet for SM100 site */

/* Layout elements */	
BODY
{
	margin: 0px;
	color: black;
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 12pt; 
	font-weight: normal;
	background-color: #d70000;
	overflow: auto;
}

DIV.TOP
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: auto;
	min-width: 1000px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

DIV.LOGO
{
	position: absolute;
	left: 5px;
	top: 5px;
	width: auto;
	height: auto;
	z-index: 20;
}

DIV.BLURB
{
	position: absolute;
	left: 150px;
	top: 26px;
	width: auto;
	height: auto;
	z-index: 10;
}

DIV.MENU
{
	position: absolute;
	width: 150px;
	top: 60px;
	left: 0px;
	height: 550px;
	padding-top: 5px;
	padding-left: 5px;
	margin: 0px;
	color: white;
	font-weight: bold;
	font-size: 12pt; 
}

DIV.MENUBOTTOM
{
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 8pt; 
	text-align: center;
}


DIV.MAIN
{
	position: absolute;
	left: 150px;
	top: 60px;
	width: 850;
	height: 550px;
	overflow: auto;

	padding: 15px;
	background-color: #ffffff;
	color: black;
	font-size: 10pt; 

	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

DIV.BANNER /* sibling of MAIN */
{
	position: absolute; 
	left: 210px; 
	bottom: 25px;
	align: center;
}

/* Design elements */	

H1,.KOP,.VET,.SMALL,TD,NEW
{
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12pt;
	color: black;
}

H1 { font-size: 12pt; font-weight: bold; margin-bottom: 1px; margin-top: 1px; }
P { margin-bottom: 1px; margin-top: 5px; }
P.COPY { font-size: 7pt; font-weight: normal; color: #c0c0c0; text-align: center; }
.TINY { font-size: 7pt; }
.NEW { font-size: 10pt; color: red;}
.SMALL { font-size: 10pt;}
LI { margin-bottom: 20px; margin-top: 20px; }

UL.CHECK { list-style-image: url('/pix/checkmark-green.gif'); }
UL.BULLIT { list-style-image: url('/pix/bullet-blue.gif'); }