/*  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 BLUE ----- */

.blue .announcement1 { color: #112277; }
.blue .announcement2 { color: #112277; }
.blue .announcement3 { color: #112277; }
.blue .announcement4 { color: #3333cc; }
.blue .announcement5 { color: #3333cc; }
.blue .announcement6 { color: #3333cc; }
.blue .announcement7 { color: #3333cc; }
.blue .announcement8 { color: #3333cc; }
.blue .announcement9 { color: #3333cc; }

.blue A {	color: #3333cc;}
.blue .mainhead1 { color: #699DB6; }
.blue .mainhead2 { color: #699DB6; }
.blue .mainhead3 { color: #699DB6; }
.blue .title { color: #699DB6; }
.blue .subtitle { color: #699DB6; }
.blue .body1 { color: #000000; }
.blue .body2 { color: #000000; }
.blue .body3 { color: #000000; }
.blue .bodyvar1 { color: #4C719E; }
.blue .bodyvar2 { color: #4C719E; }
.blue .bodyvar3 { color: #112277; }
.blue .highlight1 { color: #94C2D7; }
.blue .highlight2 { color: #94C2D7; }
.blue .highlight3 { color: #94C2D7; }
.blue .nav1there { color: #A2D6FB; }

body
{
	font-family: Arial, Helvetica, sans-serif;
}

.clever
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px; 
	color:#112277; 
}
.clever1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #112277; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.clever_highlight
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px; 
	color:#ff6600; 
}

/* ----- 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 {	text-decoration: none; }

A:hover { text-decoration: none;}

A:active { text-decoration: underline; }

A:visited {	text-decoration: none; }


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

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


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

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

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

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

A.product_h:active
{
	color: #ff6600;
	text-decoration: none;
	cursor:hand;
}
A.product_h:link
{
	color: #ff6600;
	text-decoration: none;
	cursor:hand;
}
A.product_h:hover
{
	color: #ff6600;
	text-decoration: none;
	cursor:hand;
}
A.product_h:visited
{
	color: #ff6600;
	text-decoration: none;
	cursor:hand;
}

A.product:active
{
	color: #112277;
	text-decoration: none;
	cursor:hand;
}
A.product:link
{
	color: #112277;
	text-decoration: none;
	cursor:hand;
}
A.product:hover
{
	color: #112277;
    text-decoration: none;
	cursor:hand;
}
A.product:visited
{
	color: #112277;
	text-decoration: none;
	cursor:hand;
}

A.trial:active
{
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
A.trial:link
{
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
A.trial:hover
{
	text-decoration: underline;
	color: #ffffff;
	font-weight:bold;
}
A.trial:visited
{
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}


A.latest:active
{
	color: #444444;
	text-decoration: none;
	font-weight:bold;
}
A.latest:link
{
	color: #444444;
	text-decoration: none;
	font-weight:bold;
}
A.latest:hover
{
	text-decoration: underline;
	color: #444444;
	font-weight:bold;
}
A.latest:visited
{
	color: #444444;
	text-decoration: none;
	font-weight:bold;
}



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

.announcement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px; }	
	
.announcement10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px; }

.announcement1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px; }
	
.announcement4 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px; 
}

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

}

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

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

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

.announcement8 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px; 
}

.announcement2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 19px; }
	
.announcement3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style:italic;
	line-height: 19px; }	


.superhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px; 
	color: #333399; }
	
.superhead1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px; 
	color: #ff8800; }

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

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

.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: 14px;
	font-weight: bold;
	line-height: 20px; }	

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

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

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

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

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

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

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

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


.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;}

.nav1there   {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px; 
	text-indent: 0px;
	color: #A2D6FB;
	text-decoration: none;}

.copyright {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	line-height: 12px;}
	
.clicktitle{
    font-size:16px}

.request_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.request_textB {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 17px;
	font-weight: bold;
}

/* ------------ END SANS SERIF ------------*/
#content {
	color: #009933;
	marin: 0 auto;
}
