/* Cascading style sheet for Mix Maker site */

/* Layout elements */	
BODY
{
	margin: 0px;
	color: black;
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 12pt; 
	font-weight: normal;
	background-color: #4076ba;
	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: 10;
}

DIV.BLURB
{
	position: absolute;
	left: 229px;
	top: 28px;
	width: auto;
	height: auto;
	z-index: 12;
}

DIV.MENU
{
	position: absolute;
	width: 150px;
	top: 60px;
	left: 0px;
	height: 540px;
	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: 540px;
	overflow: auto;

	padding: 5px;
	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: 175px; 
	bottom: 25px;
	text-align: center;
	width: 500px;
	height: auto;
	border: 1px solid silver;
	background-color: #f0f0f0;
	font-size: 24pt;
	font-weight: bold;
	padding: 10px;
}

div.adbanner /* sibling of MAIN */
{
	position: absolute; 
	left: 190px; 
	bottom: 25px;
	text-align: center;
	width: 468px;
	height: auto;
}

DIV.CONTACT 
{
	position: absolute; 
	text-align: center;
	padding: 5px;
	left: 15%;
	width: 70%;
	top: 10%;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #ddfaff;
}

/* Design elements */	

H1,.KOP,.VET,.SMALL,TD
{
	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; }
.small { font-size: 9pt; }


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