/*  FONTS: TAHOMA 
    HEADERS: TAHOMA */
	
/* Page background color, shading and repeat style, plus page margins. */
body {
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	background-color: #990099;   /* <<<- CHANGE THIS */
	background-image: url(/images/bg-purple-stripes.jpg);  /* <<<- CHANGE THIS */
	background-repeat: repeat-x;
	background-attachment: fixed;
}

/* This is the default setting for all fonts. Changing font-family will change ALL fonts. */
body,td,th {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
}

/* These are the defaults for all links. */
a:link {
	color: #0000CC;
	text-decoration: none;
}
a:hover {
	color: #CC0000
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}

/* Font settings for the header strip (product name). */
.header {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	word-spacing: -0.04em;
	letter-spacing: -0.02em;
}

/* Font setting for footer strip (copyright statements). */
.footer {
	font-size: 10px;
}

/* Settings for COLOURED headlines. */
.h1c, .h2c, .h3c, .h4c, .h5c, .h6c { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #990099; word-spacing: -0.04em; letter-spacing: -0.02em}
.h1c { font-size: 30px}
.h2c { font-size: 27px}
.h3c { font-size: 24px}
.h4c { font-size: 18px}
.h5c { font-size: 15px}
.h6c { font-size: 12px}

/* Settings for BLACK headlines. */
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	word-spacing: -0.04em;
	letter-spacing: -0.02em;
}
.h1 { font-size: 30px}
.h2 { font-size: 27px}
.h3 { font-size: 24px}
.h4 { font-size: 18px}
.h5 { font-size: 15px}
.h6 { font-size: 12px}

/* Font settings for RED headlines. */
.h1r, .h2r, .h3r, .h4r, .h5r, .h6r { 
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #bc0000;
	word-spacing: -0.02em;
	letter-spacing: -0.01em;
}
.h1r { font-size: 30px}
.h2r { font-size: 27px}
.h3r { font-size: 24px}
.h4r { font-size: 18px}
.h5r { font-size: 15px}
.h6r { font-size: 12px}


/* SUPER headlines - BLACK */
.headline84, .headline72, .headline66, .headline60, .headline54, .headline48, .headline42, .headline36, .headline30	{ font-family: Impact; line-height: 110%; color:#000000; word-spacing: -0.025em; letter-spacing: -0.022em}
.headline84	{ font-size: 84px; line-height: 84px}
.headline72	{ font-size: 72px; line-height: 72px}
.headline66	{ font-size: 66px; line-height: 66px}
.headline60	{ font-size: 60px; line-height: 60px}
.headline54	{ font-size: 54px; line-height: 54px}
.headline48	{ font-size: 48px; line-height: 48px}
.headline42	{ font-size: 42px; line-height: 42px}
.headline36	{ font-size: 36px; line-height: 36px}
.headline30	{ font-size: 30px; line-height: 30px}

/* SUPER headlines - colored */
.headline84c, .headline72c, .headline66c, .headline60c, .headline54c, .headline48c, .headline42c, .headline36c, .headline30c { font-family:Impact; line-height:110%; color:#990099; word-spacing:-0.025em; letter-spacing: -0.022em}
.headline84c	{ font-size: 84px; line-height: 84px}
.headline72c	{ font-size: 72px; line-height: 72px}
.headline66c	{ font-size: 66px; line-height: 66px}
.headline60c	{ font-size: 60px; line-height: 60px}
.headline54c	{ font-size: 54px; line-height: 54px}
.headline48c	{ font-size: 48px; line-height: 48px}
.headline42c	{ font-size: 42px; line-height: 42px}
.headline36c	{ font-size: 36px; line-height: 36px}
.headline30c	{ font-size: 30px; line-height: 30px}

/* Font settings for RED SUPER headlines */
.headline84r, .headline72r, .headline66r, .headline60r, .headline54r, .headline48r, .headline42r, .headline36r, .headline30r	{ font-family: Impact; line-height: 110%; color: #bc0000; word-spacing: -0.025em; letter-spacing: -0.022em}
.headline84r	{ font-size: 84px; line-height: 84px}
.headline72r	{ font-size: 72px; line-height: 72px}
.headline66r	{ font-size: 66px; line-height: 66px}
.headline60r	{ font-size: 60px; line-height: 60px}
.headline54r	{ font-size: 54px; line-height: 54px}
.headline48r	{ font-size: 48px; line-height: 48px}
.headline42r	{ font-size: 42px; line-height: 42px}
.headline36r	{ font-size: 36px; line-height: 36px}
.headline30r	{ font-size: 30px; line-height: 30px}


/* Settings for text sizes. */
.size20 { font-size: 20px}
.size18 { font-size: 18px}
.size16 { font-size: 16px}
.size15 { font-size: 15px}
.size13 { font-size: 13px}
.size12 { font-size: 12px}
.size11 { font-size: 11px}
.size10 { font-size: 10px}
.size9 { font-size: 9px}

/*  Color settings for general text (any size or font) -- DO NOT CHANGE THESE!  */
/*  You can use these pre-set color classes with any text or headings by adding them to the class tags, like these examples:  */
/*  <p align="left" class="color-blue">  */
/*  <span class="size12 color-orange">  */

.color-white	{ color:#ffffff}
.color-black	{ color:#000000}
.color-grey-lite	{ color:#cccccc}
.color-grey-mid	{ color:#999999}
.color-grey-dark	{ color:#666666}
.color-blue	{ color:#0000cc}
.color-red	{ color:#cc0000}
.color-orange	{ color:#ff6600}
.color-purple	{ color:#990099}
.color-magenta	{ color:#CC00CC}

/* Settings for LARGE links (eg: download links). */
.biglink {
	font-size: 18px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
}

/* Settings for PRE-SET Margins  */

.marginleft10	{ margin-left: 10px}
.marginleft7	{ margin-left: 7px}
.marginleft3	{ margin-left: 3px}
.marginright10	{ margin-right: 10px}
.marginright7	{ margin-right: 7px}
.marginright3	{ margin-right: 3px}
.margintop10	{ margin-top: 10px}
.margintop7		{ margin-top: 7px}
.margintop3		{ margin-top: 3px}
.marginbottom10	{ margin-bottom: 10px}
.marginbottom7	{ margin-bottom: 7px}
.marginbottom3	{ margin-bottom: 3px}


/* Setting for PRE-SET padding (from left margin) */

.padleft10	{ padding-left: 10px}
.padleft30	{ padding-left: 30px}
.padleft60	{ padding-left: 60px}

/* Default color setting for copyright statements. */
.copyright { color: #DD99DD}

/* Default color setting for YELLOW HIGHLIGHTER. */
.highlight { background-color: #FFFF66}



/*  COPYRIGHT STATEMENT -- Must be left intact under the terms of your licence.  */
.copyright	{
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}
.copyright a:link {
	color: #FFFFFF;
	font-decoration: none;
}
.copyright a:hover {
	color: #FFFFFF;
	font-decoration: underline;
}
.copyright a:active {
	color: #DEDEDE;
	font-decoration: underline;
}
.copyright a:visited {
	color: #EEEEEE;
	font-decoration: none;
}