P, TABLE, TD, TH, TR ,OL, UL, LI, DIV, BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	

.logo {
	visible: false;
	font-weight: bold;
	color: #000000;
	}

.leftmenu {
	visible: false;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 0px;
	}

	
/* don't center align table headers by default */

TH  {
	visible: false;
	text-align: left;
	}


/* Headline styles */


H2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #660099; 
	font-weight: bold;
	margin-bottom: 0px;
	}


H3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #454545; 
	font-weight: bold;
	margin-bottom: 0px;
	}


H4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099; 
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	}


   
/* classes */
/* HELPFUL */
	/* gets nested underneathe headers, and avoids the large bottom margin below them.
	example: <H3>Title<span class ="subheaader"><br>&nbsp;&nbsp;&nbsp;my subheader </span></H3>*/
	
.purpleheader {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size: 12px;
	font-weight: bold;
	caption: Purple Bold Regular Subtitle;
	}
	 
.subheader {
	font-family: Arial, Helvetica, sans-serif;
    color: #000000;
	font-size: 14px;
	font-weight: bold;
	caption: Black Title;
	} 
	
.purpleText {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size: 12px;
	font-weight: normal;
	caption: Purple Regular Text;
	}  

	/* makes a skinny HR that looks good in NN4 */
HR  {
	visible: false;
	height: 1px;
	}


/* FORM specific styles - from AT and most from the WAC*/
/* setting margins on form style is useful in exact positioning in thin headers etc.*/
form {
	visible: false;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	}

.formheader {
	visible: false;
	color: #996600;
	}

.formheaderbold {
	visible: false;
	color: #996600;
	font-weight: bold;
	}

input {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;  
	font-weight: normal; 
	font-size: 12px; 
	}

select	{
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 12px; 
	}
	
textarea {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 12px; 
	}
	
.button {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6633cc;
	}


/*begin general WAC styles */

.formText {
	visible: false; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	}

.formOptin {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	color: #FFFFFF;
	}

.formField {
	visible: false;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.bodyText {
	visible: false; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.smallText {
	caption: Small Text;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
.formTextColor {
	visible: false; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	color: #006600;
	}	
	

/* makes the bold red asterisk on forms - the required fields */

.required {
	visible: false;
	font-weight: bold;
	color: #CC0000;
	}

/* General styles not form related */


	
/* all the link styles set here */

a:link, a:visited {
	visible: false;
	color: #660099;
	text-decoration: none;
	}
   
a:hover, a:active {
	visible: false;
	color: #660099;
	text-decoration: underline;
	} 
	
a.bigPurpleLink:link, a.bigPurpleLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	caption: Link Regular Bold Purple;
	}
   
a.bigPurpleLink:hover, a.bigPurpleLink:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	caption:  Link Regular Bold Purple;
	} 

a.smallPurpleLink:link, a.smallPurpleLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	visible: false;
	}
   
a.smallPurpleLink:hover, a.smallPurpleLink:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #660099;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	visible: false;
	} 

a.logo:link, a.logo:visited {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000; 
	}
	
a.logo:hover {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #0000FF; 
	}
	
a.accessible:link, a.accessible:visited {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	text-decoration: underline;
	color: #e6d5ee; 
	}
	
a.accessible:hover {
	visible: false;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	text-decoration: underline;
	color: #e6d5ee; 
	}