@charset "utf-8";
/* CSS Document */

/* ================================ 
JOY FILTERS 2009
================================ */

/* LAYOUT
=================== */
body {
	background-image: url(images/bkg-page.gif);
	background-repeat: repeat-x;
	background-color: #83B8C0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* TYPE
=================== */
h1 {
    font-family: Arial, Helvetica, sans-serif;
	color: #71A7C4;
}

.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #224E84;
	font-weight: bold;
	padding: 2px;
}

.subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000080;
	font-weight: bold;
}

.legal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #454545;
	font-size: 9px;
}

.products {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #454545;
	font-size: 14px;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	line-height: 18px;
}

/* LINKS
=================== */
.maintext a:link {
	color: #000080;
	text-decoration: none;
}
.maintext a:visited {
	text-decoration: none;
	color: #000080;
}
.maintext a:hover {
	text-decoration: underline;
	color: #000080;
}
.maintext a:active {
	text-decoration: none;
	color: #000080;
}

/*=================== */

.nav a:link {
	color: #224E84;
	text-decoration: none;
}
.nav a:visited {
	text-decoration: none;
	color: #224E84;
}
.nav a:hover {
	text-decoration: none;
	color: #CADDE8;
	outline: none;
	background-color:#224E84;
}
.nav a:active {
	text-decoration: none;
	color: #224E84;
}

/*=================== */

.subnav a:link {
	color: #000080;
	text-decoration: none;
}
.subnav a:visited {
	text-decoration: none;
	color: #000080;
}
.subnav a:hover {
	text-decoration: none;
	color: #CADDE8;
	outline: none;
	background-color:#000080;
}
.subnav a:active {
	text-decoration: none;
	color: #000080;
}

/*=================== */

.legal a:link {
	color: #000080;
	text-decoration: none;
}
.legal a:visited {
	text-decoration: none;
	color: #000080;
}
.legal a:hover {
	text-decoration: none;
	color: #CADDE8;
	outline: none;
	background-color:#000080;
}
.legal a:active {
	text-decoration: none;
	color: #000080;
}


/* IMAGE STYLE
=================== */

.imgRight {
	float: right;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 12px;
	border: 0px;
}

.imgLeft {
	float: left;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
}