/* ###################################################################
Created Date: 10/24/04 
Created By: Mary Garwood
Inputs:
Outputs:
Purpose: stylesheet for creatingloyalty.com
Usage:
Change log:
	Date		Modifier                Modification
	----------------------------------------------------
######################################################################### */

/* storytitle text, bold */
.storytitle {
	font-size:13pt; 
	color:#3366CC; 
	font-weight:bold;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
}

/* title text, bold */
.title {
	font-size:11pt; 
	color:#3366CC; 
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* subtitle text, bold */
.subtitle {
	font-size:10pt; 
	color:#3366CC; 
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* subtitle text, bold */
.titlewht {
	font-size:10pt; 
	color:#FFFFFF; 
	font-weight:bold;
	padding: 8px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* author */
.author {
	font-size:9pt; 
	color:#3366CC; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* author white text used inside the storys under their pic */
.authorwht {
	font-size:7pt; 
	color:#FFFFFF; 
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* body of paragraph (regular text), same as body class */
p {
	font-size:9pt; 
	color:#000000; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* regular text, same as paragraph (p) class */
.body {
	font-size:9pt; 
	color:#000000; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* regular text, bold */
.bbody {
	font-size:9pt; 
	font-weight:bold;
	color:#000000; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* link, same as body class */
.bluelink {
	font-size:9pt; 
	color:#3366CC; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* small text, ex. privacy statement */
.small {
	font-size:8pt; 
	color:#000000; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/*	for bold small blue text  */
.smallblue {
	font-size:8pt; 
	color:#3366CC; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/*	for bold small blue text  */
.bsmallblue {
	font-size:8pt; 
	color:#3366CC; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* q&a text, bold */
.interview {
	font-size:9pt; 
	color:#000000; 
	padding: 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* menu text, bold */
.menu {
	font-size:9pt; 
	color:#000000; 
	padding: 8px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* for general outlines */
.greyline {
	border:1px solid #CCCCCC;
}

/* this is the "regular" grey line , if a pic is needed in it */
.greylinepic {
	margin: 0;
    padding: 0;
    background-image: url(/pics/grey_pixel.gif);
    background-position: right;
    background-repeat: repeat-n;
    background-color: #CCCCCC;
}

/* for general outlines */
.blueline {
	border:1px solid #3366CC;
}

/* this is the "regular" grey line , if a pic is needed in it */
.bluelinepic {
	margin: 0;
    padding: 0;
    background-image: url(/pics/blue_pixel.gif);
    background-position: right;
    background-repeat: repeat-n;
    background-color: #3366CC;
}

/* for padding tables or text, adds space around it */
.padding {
	padding:8px;
}

A.menu:link {color:#000000; text-decoration:none}
A.menu:visited {color:#000000; text-decoration:none}
A.menu:active {color:#FF6600; text-decoration:none}
A.menu:hover {color:#FF6600; text-decoration:underline}

A.bluelink:link {color:#3366CC; text-decoration:none}
A.bluelink:visited {color:#3366CC; text-decoration:none}
A.bluelink:active {color:#FF6600; text-decoration:none}
A.bluelink:hover {color:#FF6600; text-decoration:underline}

A.authorwht:link {color:#FFFFFF; text-decoration:none}
A.authorwht:visited {color:#FFFFFF; text-decoration:none}
A.authorwht:active {color:#3366CC; text-decoration:none}
A.authorwht:hover {color:#ededed; text-decoration:underline}

A.small:link {color:#999999; text-decoration:none}
A.small:visited {color:#999999; text-decoration:none}
A.small:active {color:#FF6600; text-decoration:none}
A.small:hover {color:#FF6600; text-decoration:underline}


A:link {color:#3366CC; text-decoration:none}
A:visited {color:#3366CC; text-decoration:none}
A:active {color:#FF6600; text-decoration:none}
A:hover {color:#FF6600; text-decoration:underline}