BODY 
{
	FONT-SIZE: 0.8em; 
	MARGIN: 0px; 
	Margin-Top: 13px;
	COLOR: black; 
	FONT-FAMILY: Arial, Helvetica, tahoma; 
	TEXT-ALIGN: justify;
}

a 
{
	text-decoration:none; 
}

/* NOTE: To make the hover style work on visited links, the style must be declored in this order
         us "LoVeHAte" to remember the order :-) */
a:link
{
	text-decoration:none; 
	color: #21599C;
}

a:visited 
{
	color: #663399; 
}

a:hover 
{
	color: #b51818; 
}

a:active
{
	color: #b51818; 
}

#wrapper
{
	margin: auto;
	width: 960px;
	height: auto;
	background-image: url('../images/tinted_line.bmp'); 
	background-repeat: repeat-y;
}


/* Style used to indicate the item in the left navigation 
   page which is currently selected */
.CurrentPageItem
{
	background-color : #D5DEE9 ;
}

.common 
{
	POSITION: absolute; 
	TOP: 13px;
}

H1 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 2em; 
	COLOR: #21599C; 
	text-align: left;
}


H2 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.5em; 
	COLOR: #b51818; 
	text-align: left;
}


H3 
{
	FONT-SIZE: small; 
	MARGIN: 0px; 
	TEXT-ALIGN: left
}


.form-field
{
	display:block;
	float:left;
	width:120px;
}

/* columnone = side links */
.columnone 
{
	FLOAT: left; 
	padding-LEFT: 25px; /* changed because of alignment issues used to be margin-left */ 
	WIDTH: 250px; 
	LINE-HEIGHT: 1.5em; 
	FONT-FAMILY: arial, tahoma, verdana;
	COLOR: #004080;
	TEXT-ALIGN: left;
	FONT-SIZE: 1.0em;
	overflow:auto;
}

.columnone a
{
	/*font-weight:bold;*/
}

.columnone_heading
{
	/*padding-top: 25px;
	padding-bottom: -25px;*/
	margin-top: 1em;
	text-align: center;
	color: #B51818;
	font-size: 1.0em;
	width: auto;
}

.columnone ul 
{
	margin-top: 4px;
	color: #B51818;
	font-family: arial, tahoma, verdana;
	text-align: left;
}


.columnone li 
{
	padding: 8px 0px 0px 0px;
	list-style-type: square;
	border-bottom-color: #E7E7EF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	font-size: 0.90em;
	color: #004080;
	MARGIN-LEFT: -15px;

	list-style-position: outside;
}

.columnone_heading2
{
	padding-top: 25px;
	color: #000000;
	font-size: 1.2em;
	padding-left: 25px;
	width: 180px;
}




.columnone_2 ul 
{
	padding: 0px 5px 10px 5px;
	color: #004080;
	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columnone_2 li 
{
	padding: 0px 1px 11px 0px;
	list-style-type: square;
	border-bottom-color: #E7E7EF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	font-size: 0.90em;
	color: #004080;
	list-style-position: outside;
}

/* columntwo = Main body */
.columntwo 
{
	PADDING-RIGHT: 8px; 
	MARGIN-TOP: -12px; 
	/*MARGIN-LEFT: 5px; /* Needed to be changed to align originally 25px */
	PADDING-LEFT: 35px;
	FLOAT: left; 
	PADDING-BOTTOM: 8px; 
	WIDTH: 590px; /* Needed to be changed to align originally 600px */
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 8px;
}


.columntwo_bullet ul 
{
	padding: 0px 5px 10px 5px;
	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columntwo_bullet li 
{
	padding: 0px 5px 10px 5px;
	list-style-type: square;
	font-size: 1em;
	list-style-image: url(../images/bullet_tbl2a.bmp);
	list-style-position: outside;
}

.columntwo_bullet_table ul 
{
    padding: 20px 20px 20px 5px;
	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columntwo_bulletlink ul 
{
	padding: 0px 5px 10px 5px;
	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columntwo_bullet_table_high ul 
{
    padding: 0px 0px 0px 5px;

	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columntwo_bullet_table_high li 
{
	padding: 20px 26px 0px 5px;
	list-style-type: square;
	font-size: 1em;
	list-style-image: url(../images/bullet_tbl2.bmp);
	list-style-position: outside;
	width: 250px;
	margin-left: 22px;
}

.columntwo_bullet_table li 
{
	padding: 5px 26px 0px 5px;
	list-style-type: square;
	font-size: 1em;
	list-style-image: url(../images/bullet_tbl2.bmp);
	list-style-position: outside;
	width: 250px;
	margin-left: 22px;
}

.columntwo_bullet_table_special li 
{
	padding: 5px 6px 16px 5px;
	list-style-type: square;
	font-size: 1em;
	list-style-image: url(../images/bullet_tbl2.bmp);
	list-style-position: outside;
	width: 250px;
	margin-left: 22px;
}

li.bullet
{
	list-style-image: url(../images/bullet_tbl2.bmp);
	list-style-position: outside;
	list-style-type: square;
	margin-left: 6px;
	margin-right: 4px;
}

td.tbl_column 
{
	width: 250px;
	padding: 5px 5px 5px 25px;
}

img.tblbullet_align 
{
	padding-bottom: 17px;
	padding-right: 5px;
}

img.tblbullet_align2
{
	padding-bottom: 1px;
	padding-right: 5px;
}


img.tblbullet_align3
{
	padding-bottom: 30px;
	padding-right: 5px;
}

img.hyperlink
{
	border:0;
}

img.download
{
	float:left;
	border:0;
	margin:5px;
}

td.verticalline 
{
	background-image: url(../images/verticalline.bmp);
	background-repeat: repeat-y;
	padding-right: 12px;
}

.columntwo_bullet_table_special ul 
{
    padding: 70px 70px 70px 5px;
	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columntwo_bulletlink li 
{
	padding: 0px 5px 10px 5px;
	margin-left: 174px;
	list-style-type: square;
	font-size: 1em;
	list-style-image: url(../images/bullet.bmp);
	list-style-position: outside;
	font-weight: bold;
}


.columntwo_bullet2 ul 
{
	padding: 0px 5px 10px 5px;
	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columntwo_bullet2 li 
{
	padding: 0px 5px 10px 5px;
	list-style-type: square;
	font-size: 1em;
	list-style-image: url(../images/bullet2.bmp);
	list-style-position: outside;
}

.columntwo_bullet3 ul 
{
	padding: 0px 5px 10px 5px;
	font-family: arial, tahoma, verdana;
	text-align: left;
}

.columntwo_bullet3 li 
{
	padding: 0px 5px 10px 5px;
	list-style-type: square;
	font-size: 1em;
	list-style-image: url(../images/bullet3.bmp);
	list-style-position: outside;
}

/* ___________________ */

.sectiontitle 
{
	padding: 12px 0px 10px 0px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 2em; 
	COLOR: #21599C; 
	text-align: left; 
	border-bottom-style: double;
	BORDER-bottom: #E7E7EF thin 1px;
	line-height:1.0em;
}

.heading
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.5em; 
	MARGIN-left: 0px;  
	COLOR: #b51818; 
	text-align: left;
}
	
.heading1 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.5em; 
	MARGIN-top: 0px; 
	COLOR: #b51818; 
	text-align: left;
}

.heading2 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.25em; 
	MARGIN-left: 0px;  
	COLOR: #b51818; 
	text-align: left; 
}


.heading3 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.0em; 
	MARGIN-left: 0px; 
	text-align: left; 
	COLOR: #21599C; 
}


.heading4 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 0.75em; 
	MARGIN-left: 34px; 
	text-align: left; 
}


.main 
{
	WIDTH: 940px; 
	POSITION: relative; 
	TOP: 0px;
	height: auto;
	background-image: url('../images/back.bmp');
	background-repeat: repeat-y;
}


.header 
{
	WIDTH: 960px;
}

#menu2 
{
	margin-left: 16px;
}

#menu 
{
	background-image: url('../images/tinted_line.bmp');
	height: 31px;
}


.footer 
{
	background-image: url('../images/footer.bmp'); 
	background-repeat: no-repeat; 
	CLEAR: both; 	
	FONT-SIZE: 0.8em;  
	WIDTH: 960px;
	COLOR: #FFFFFF;
	PADDING-LEFT: 5px;
	
	PADDING-TOP: 4px;
	FONT-FAMILY: Arial, Helvetica, Tahoma; 
	HEIGHT: 35px; 
	TEXT-ALIGN: left;
}

.footer a 
{
	text-decoration:none; 
	color: #FFA500; 
}

.footer a:visited
{
	color: #FFFFFF;
}

.footer a:hover 
{
	color: #FFFFFF; 
}

.footer a:active
{
	color: red;
}

 
.top
{
	text-align: right;
	font-family: 'Courier New';
}


.highlight
{
	font-weight:bold;
}

.singleborder
{
	border-collapse:collapse;
	margin:auto;
}

.singleborder td
{	
	padding:6px;
	border-width:thin;
	border-color:Black;
	border-style:solid;
}

navigate
{	
	clear:both;
}
.navigateback
{	
	float: left;
	text-align: left;
	width:300px;
}
.navigateforward
{	
	float: right;
	text-align: right;
	width:300px;
}

/* Spotlight Enterprise Applications framework */

#spotlighttext
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.5em; 
	TEXT-ALIGN: center; 
	COLOR: orange;
	WIDTH: 220px;
	LINE-HEIGHT: 1.5em; 
}


.spotlighttext_framework a 
{
	text-decoration:none; 
}

.spotlighttext_framework a:link
{
	text-decoration:none; 
	color: white;
}

.spotlighttext_framework a:active
{
	color: white; 
}

.spotlighttext_framework a:hover 
{
	color: white; 
}

.spotlighttext_framework a:visited 
{
	color: white; 
}

.width
{
	width: 180px;
}

a.spotlighttext_framework
{
	PADDING-RIGHT: 8px;
	float: left;
	PADDING-LEFT: 12px;
	WIDTH: 180px; /* May need to set this to auto */
	MARGIN-LEFT: 20px;
	MARGIN-bottom: 4.5px;
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 8px;
	PADDING-BOTTOM: 8px;
	BACKGROUND: #841212;
	COLOR: white;
	BORDER: solid thin #ffffff;
	FONT-WEIGHT: bold;
	text-align: center;
	border-style : outset ;border-color :#F5D996 ;border-width : 4px
}

a.spotlighttext_framework:hover
{
	PADDING-RIGHT: 8px;
	float: left;
	PADDING-LEFT: 12px;
	WIDTH: 180px; /* May need to set this to auto */
	MARGIN-LEFT: 20px;
	MARGIN-bottom: 4.5px;
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 8px;
	PADDING-BOTTOM: 8px;
	BACKGROUND: #841212;
	COLOR: orange;
	BORDER: solid thin #ffffff;
	FONT-WEIGHT: bold;
	text-align: center;

	border-style : outset ;border-color :#BC8000 ;border-width : 4px
}

a.spotlighttext_framework:visited
{
	color: white;
	MARGIN-bottom: 4.5px;
	border-style : outset ;border-color :red ;border-width : 4px
}

#framework_color
{
	BACKGROUND: #841212;
}

#framework_color2
{
	BACKGROUND: #BF1919;
}


#framework_color3
{
	BACKGROUND: #E43838;
}

#framework_color4
{
	BACKGROUND: #EE7272;
}

.tbl_customer
{
	text-align: left;
	margin: auto;
	color: gray;
}

#italic
{
	font-style: italic;
}

.line 
{
	border: 1px solid #C0C0C0;
}

.ladyonphone
{
	width: 249px;
	height: 123px;
	background-image: url('../images/tinted_line.bmp'); 
	border: medium double rgb(250,0,255)
}

.pivetalanimation
{
	width: 249px;
	height: 168px;
	background-image: url('../images/PivetalAnimated v3.gif'); 
	border: medium double rgb(250,0,255)
}


.keyboardbottom
{
	width: 942px;
	height: 87px;
	background-image: url('../images/keyboard_bottom.png'); 
	margin-left: 45px;
}

 
 
/*Make sure your page contains a valid doctype at the top*/
#ImageGallery
{ 
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	/* border: 1px solid darkred; */
}

#ImageGallery .gallerydesctext
{ 
	text-align: left;
	padding: 2px 5px;
}

