/*  this defines the relational palette for text elements in an article:
 positioning of background image is still outstanding/incorrect 
 there are about 6 relational palettes used on getcrafty
 this would be the css for a purple article- is this inefficient? 
 should all articles be handled in one css?*/

/* -------------------- BEGIN COLOR PALETTES -------------------- */

/* ----- BEGIN OMIBOX ----- */

.omi A {	color: #175184;}
.omi .mainhead1 { color: #000000; }
.omi .mainhead2 { color: #000000; }
.omi .mainhead3 { color: #000000; }
.omi .title { color: #000000; }
.omi .subtitle { color: #000000; }
.omi .body1 { color: #000000; }
.omi .body2 { color: #000000; }
.omi .body3 { color: #000000; }
.omi .bodyvar1 { color: #356895; }
.omi .bodyvar2 { color: #356895; }
.omi .bodyvar3 { color: #356895; }
.omi .highlight1 { color: #cccccc; }
.omi .highlight2 { color: #cccccc; }
.omi .highlight3 { color: #cccccc; }
.omi .nav1 { color: #FFFFFF; }
.omi .nav2 { color: #FFFFFF; }

/* ----- END OMIBOX ----- */


/* ----- BEGIN WEBSAFE RED ----- */

.red A {	color: #CC3333;}
.red .mainhead1 { color: #990000; }
.red .mainhead2 { color: #990000; }
.red .mainhead3 { color: #990000; }
.red .title { color: #660000; }
.red .subtitle { color: #660000; }
.red .body1 { color: #330000; }
.red .body2 { color: #330000; }
.red .body3 { color: #330000; }
.red .bodyvar1 { color: #FF6666; }
.red .bodyvar2 { color: #FF6666; }
.red .bodyvar3 { color: #FF6666; }
.red .highlight1 { color: #330000; }
.red .highlight2 { color: #330000; }
.red .highlight3 { color: #330000; }

.red .mainhead1serif { color: #990000; }
.red .mainhead2serif { color: #990000; }
.red .mainhead3serif { color: #990000; }
.red .titleserif { color: #660000; }
.red .subtitleserif { color: #660000; }
.red .body1serif { color: #330000; }
.red .body2serif { color: #330000; }
.red .body3serif { color: #330000; }
.red .bodyvar1serif { color: #FF6666; }
.red .bodyvar2serif { color: #FF6666; }
.red .bodyvar3serif { color: #FF6666; }
.red .highlight1serif { color: #330000; }
.red .highlight2serif { color: #330000; }
.red .highlight3serif { color: #330000; }

/* ----- END WEBSAFE RED ----- */

/* ----- BEGIN olive ----- */

.olive A {	color: #A6C20A;}
.olive .mainhead1 { color: #3E4101; }
.olive .mainhead2 { color: #3E4101; }
.olive .mainhead3 { color: #3E4101; }
.olive .title { color: #655800; }
.olive .subtitle { color: #655800; }
.olive .body1 { color: #535606; }
.olive .body2 { color: #535606; }
.olive .body3 { color: #535606; }
.olive .bodyvar1 { color: #8A8F03; }
.olive .bodyvar2 { color: #8A8F03; }
.olive .bodyvar3 { color: #8A8F03; }
.olive .highlight1 { color: #535606; }
.olive .highlight2 { color: #535606; }
.olive .highlight3 { color: #535606; }

.olive .mainhead1serif { color: #3E4101; }
.olive .mainhead2serif { color: #3E4101; }
.olive .mainhead3serif { color: #3E4101; }
.olive .titleserif { color: #655800; }
.olive .subtitleserif { color: #655800; }
.olive .body1serif { color: #535606; }
.olive .body2serif { color: #535606; }
.olive .body3serif { color: #535606; }
.olive .bodyvar1serif { color: #8A8F03; }
.olive .bodyvar2serif { color: #8A8F03; }
.olive .bodyvar3serif { color: #8A8F03; }
.olive .highlight1serif { color: #535606; }
.olive .highlight2serif { color: #535606; }
.olive .highlight3serif { color: #535606; }

/* ----- END olive ----- */

/* ----- BEGIN WEBSAFE ORANGE ----- */

.orange A {	color: #FF9900;}
.orange .mainhead1 { color: #FF6600; }
.orange .mainhead2 { color: #FF6600; }
.orange .mainhead3 { color: #FF6600; }
.orange .title { color: #CC3300; }
.orange .subtitle { color: #CC3300; }
.orange .body1 { color: #993300; }
.orange .body2 { color: #993300; }
.orange .body3 { color: #993300; }
.orange .bodyvar1 { color: #CC6600; }
.orange .bodyvar2 { color: #CC6600; }
.orange .bodyvar3 { color: #CC6600; }
.orange .highlight1 { color: #993300; }
.orange .highlight2 { color: #993300; }
.orange .highlight3 { color: #993300; }

.orange .mainhead1serif { color: #FF6600; }
.orange .mainhead2serif { color: #FF6600; }
.orange .mainhead3serif { color: #FF6600; }
.orange .titleserif { color: #CC3300; }
.orange .subtitleserif { color: #CC3300; }
.orange .body1serif { color: #993300; }
.orange .body2serif { color: #993300; }
.orange .body3serif { color: #993300; }
.orange .bodyvar1serif { color: #CC6600; }
.orange .bodyvar2serif { color: #CC6600; }
.orange .bodyvar3serif { color: #CC6600; }
.orange .highlight1serif { color: #993300; }
.orange .highlight2serif { color: #993300; }
.orange .highlight3serif { color: #993300; }

/* ----- END WEBSAFE ORANGE ----- */

/* ----- BEGIN ifb ----- */

.ifb A {	color: #FF9900;}
.ifb .mainhead1 { color: #330099; }
.ifb .mainhead2 { color: #330099; }
.ifb .mainhead3 { color: #330099; }
.ifb .title { color: #CC3300; }
.ifb .subtitle { color: #330099; }
.ifb .body1 { color: #000000; }
.ifb .body2 { color: #000000; }
.ifb .body3 { color: #000000; }
.ifb .bodyvar1 { color: #CC6600; }
.ifb .bodyvar2 { color: #CC6600; }
.ifb .bodyvar3 { color: #CC6600; }
.ifb .highlight1 { color: #000000; }
.ifb .highlight2 { color: #000000; }
.ifb .highlight3 { color: #000000; }

.ifb .mainhead1serif { color: #330099; }
.ifb .mainhead2serif { color: #330099; }
.ifb .mainhead3serif { color: #330099; }
.ifb .titleserif { color: #CC3300; }
.ifb .subtitleserif { color: #330099; }
.ifb .body1serif { color: #000000; }
.ifb .body2serif { color: #000000; }
.ifb .body3serif { color: #000000; }
.ifb .bodyvar1serif { color: #CC6600; }
.ifb .bodyvar2serif { color: #CC6600; }
.ifb .bodyvar3serif { color: #CC6600; }
.ifb .highlight1serif { color: #000000; }
.ifb .highlight2serif { color: #000000; }
.ifb .highlight3serif { color: #000000; }

/* ----- END ifb ----- */


/* ----- BEGIN BLUE ----- */

.blue A {	color: #699DB6;}
.blue .mainhead1 { color: #699DB6; }
.blue .mainhead2 { color: #699DB6; }
.blue .mainhead3 { color: #699DB6; }
.blue .title { color: #699DB6; }
.blue .subtitle { color: #699DB6; }
.blue .body1 { color: #999999; }
.blue .body2 { color: #999999; }
.blue .body3 { color: #999999; }
.blue .bodyvar1 { color: #94C2D7; }
.blue .bodyvar2 { color: #94C2D7; }
.blue .bodyvar3 { color: #94C2D7; }
.blue .highlight1 { color: #94C2D7; }
.blue .highlight2 { color: #94C2D7; }
.blue .highlight3 { color: #94C2D7; }

.blue .mainhead1serif { color: #699DB6; }
.blue .mainhead2serif { color: #699DB6; }
.blue .mainhead3serif { color: #699DB6; }
.blue .titleserif { color: #699DB6; }
.blue .subtitleserif { color: #699DB6; }
.blue .body1serif { color: #999999; }
.blue .body2serif { color: #999999; }
.blue .body3serif { color: #999999; }
.blue .bodyvar1serif { color: #94C2D7; }
.blue .bodyvar2serif { color: #94C2D7; }
.blue .bodyvar3serif { color: #94C2D7; }
.blue .highlight1serif { color: #94C2D7; }
.blue .highlight2serif { color: #94C2D7; }
.blue .highlight3serif { color: #94C2D7; }

/* ----- END BLUE ----- */


/* -------------------- END COLOR PALETTES -------------------- */



/* --------------------BEGIN STYLE PROPERTIES: FONT, SIZES, DECORATIONS...-------------------- */

BODY { 
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;}


A:link {text-decoration: none;} 
A:visited {text-decoration: none;}  
A:active {text-decoration: none;} 
A:hover {text-decoration: underline;}


/* ------------ BEGIN SANS SERIF ------------*/	

.mainhead1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px; }	

.mainhead2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px; }

.mainhead3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px; }

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px; }	

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;}

.body1 {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 12px;}

.body2 {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 14px;}	

.body3 {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height: 16px;}			

.bodyvar1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;}

.bodyvar2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;}

.bodyvar3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;}


.highlight1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	background-color: #cccccc;}

.highlight2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	background-color: #cccccc;}

.highlight3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	background-color: #cccccc;}

.navthere1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px; 
	text-indent: 7px;
	color: #114B7E;}

.navthere2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px; 
	text-indent: 18px;
	color: #114B7E;} 


.nav1 {color: #ffffff;}
A.nav1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px; 
	text-indent: 7px;
	color: #ffffff;
	text-decoration: none;}
A.nav1:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px; 
	text-indent: 7px;
	color: #ffffff;
	text-decoration: none;}
A.nav1:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px; 
	text-indent: 7px;
	color: #FFA040;
	text-decoration: none;}

A.nav1:active   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px; 
	text-indent: 7px;
	color: #FFA040;
	text-decoration: none;}


.nav2 {color: #ffffff;}
A.nav2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px; 
	text-indent: 18px;
	color: #ffffff;
	text-decoration: none;}
A.nav2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px; 
	text-indent: 18px;
	color: #ffffff;
	text-decoration: none;}
A.nav2:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px; 
	text-indent: 18px;
	color: #FFA040;
	text-decoration: none;} 
A.nav2:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px; 
	text-indent: 18px;
	color: #FFA040;
	text-decoration: none;} 

/* ------------ END SANS SERIF ------------*/