BODY
{
    font-SIZE: 12px;
    background: #ffffff;
    /*color: #0353a5;*/
    color: #333333;
    font-FAMILY: Arial, Tahoma, Verdana, sans-serif;
    text-align:justify;
}
A
{
    color: #0353a5;
    text-decoration: underline;
}
P
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

IMG
{
	border-style:none;
}

A:visited
{
    COLOR: #0353a5;
}
	
/* the container holds all of the other formating entities including #top, #contents, #leftNav, and #footer*/
#container
{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	/*width: 800px;*/
	padding: 0;
	margin-left: 0;
	border-left: solid 1px navy;
	border-right: solid 1px green;
	background-color: #ffffff;
}

/* top holds #banner, #catchphrase, and #topimageright */
#top
{
	background-image: url(http://www.imagekit.com/i/top_rainbow.jpg);
	/*background-image: url(http://www.imagekit.com/i/top_rainbow_summer.jpg);*/
	background-repeat: repeat;
	/*background-image: url(../i/bluetop.gif);
	background-repeat: repeat-x;*/
	background-position: left bottom;
	background-color: #0353a5;
	height: 80px;
	/*width: 800px;*/
	padding: 0;
	margin: 0;
}

#top h1
{
	padding: 0;
	margin: 0;
}

#banner 
{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	color: #ffffff;
	font-size: 3em;
	text-align: left;
	font-weight: bold;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}

#banner p 
{ 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	color: #ffffff;
	font-size: .3em;
	margin-left: 65px;
	margin-top: 0px;
}
#banner a 
{ 
	color: #ffffff;
	text-decoration: none;
}

#banner a:hover
{
	text-decoration: underline;
	color: #ffffff;
}

#catchphrase
{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	color: #ffffff;
	text-align: right;
	/*width: 200px;*/
	font-weight: bold;
	margin-top: -40px;
	margin-right: 50px;
	/*margin-left: 580px;*/
}

#topimageRight 
{
	height: 70px;
}

/* content holds just that...the content of the website */
#content
{
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	margin-left: 145px;
	padding: 10px;
	background-color: #ffffff;
	/*width: 629px;*/
	border-left: solid 1px teal;
}

#content h1
{ 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	background-color: #ffffff;
	color: #333333;
	text-align:center;
	font-size: 16px;
}

#content h2
{ 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	background-color: #ffffff;
	color: #333333;
	font-size: 14px; 	
}

#content h3
{ 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	font-weight: normal;
	background-color: #ffffff;
	color: #333333;
	font-size: 12px; 
	text-decoration: underline; 
}

#content UL
{ 
	list-style-type: square;
	list-style-position:outside;
}

#content UL LI
{ 
	padding: 5px;
	margin-left: 10px;
}

#content a
{ 
	TEXT-DECORATION: none;
	/*color: #cc0000;*/
	font-weight: normal;
}

#content a:hover
{ 
	text-decoration: underline;
}

/* the following class are used throughout content to add color, background, and other general formatting */
.larger
{       
	font-size: larger;
	font-weight: bold;
}

.orange
{       
	color: #FF6600;
}

.orangeLarge
{       
	color: #FF6600;
	font-size: large;
	font-weight:normal;
}

.orangeback
{       
	background-color: #FF6600;
	color:#ffffff;
	font-weight:bold;
	padding: 2px;
}

.red
{       
	color: #cc0000;
}

.brown
{       
	color: #663300;
}

.purple
{       
	color: #990099;
}

.purpleLarge
{
	color: #990099;
	font-size: large;
	font-weight:normal;
}
.purpleXLarge
{
	color: #990099;
	font-size: x-large;
	font-weight:bolder;
	text-align:center;
}
.purpleback
{       
	background-color: #990099;
	color:#ffffff;
	font-weight:bold;
	padding: 2px;
}
.purplebackLarge
{       
	background-color: #990099;
	color:#ffffff;
	font-size: large;
	font-weight:bold;
	padding: 2px;
}

.blue
{       
	color: #000099;
}
.blueLarge
{
	color: #000099;
	font-size: large;
	font-weight:normal;
}
.blueXLarge
{
	color: #000099;
	font-size: x-large;
	font-weight:bolder;
	text-align:center;
}
.blueXXLarge
{
	color: #000099;
	font-size:xx-large;
	font-weight:bolder;
	text-align:center;
}
.blueback
{       
	background-color: #000099;
	color:#ffffff;
	font-weight:bold;
	padding: 2px;
}
.bluebackLarge
{       
	background-color: #000099;
	color:#ffffff;
	font-size: large;
	font-weight:bold;
	padding: 2px;
}

.green
{       
	color: #009900;
}

.greenLarge
{
	color: #009900;
	font-size: large;
	font-weight:normal;
}
.greenXLarge
{
	color: #009900;
	font-size: x-large;
	font-weight:bolder;
	text-align:center;
}

.greenback
{       
	background-color: #009900;
	color:#ffffff;
	font-weight:bold;
	padding: 2px;
}
.greenbackLarge
{       
	background-color: #009900;
	color:#ffffff;
	font-size: large;
	font-weight:bold;
	padding: 2px;
}

.teal
{       
	color: #008888;
}

.tealLarge
{       
	color: #008888;
	font-size: large;
	font-weight:normal;
}

.tealXLarge
{       
	color: #008888;
	font-size: x-large;
	font-weight:bolder;
	text-align:center;
}

.tealback
{       
	background-color: #008888;
	color:#ffffff;
	font-weight:bold;
	padding: 2px;
}
.tealbackLarge
{       
	background-color: #008888;
	color:#ffffff;
	font-size: large;
	font-weight:bold;
	padding: 2px;
}

.olive
{       
	color: #3D5101;
}

.oliveLarge
{       
	color: #3D5101;
	font-size: large;
	font-weight:normal;
}

.oliveXLarge
{       
	color: #3D5101;
	font-size: x-large;
	font-weight:bolder;
	text-align:center;
}

.oliveback
{       
	background-color: #3D5101;
	color:#ffffff;
	font-weight:bold;
	padding: 2px;
}

.gray
{       
	color: #cccccc;
}

.sourcecodebox
{       
    background: #f1f5f9;
    border-top: #c7cfd5 1px solid;
    border-left: #c7cfd5 1px solid;
    border-right: #c7cfd5 1px solid; 
    padding-top: 8px;
    padding-left: 8px;    
    padding-bottom: 8px;
    padding-right: 8px;        
    margin-left: 20px;    
    margin-right: 100px; 
    font-size: 12px;   
    font-family: monaco, "Courier New", courier, monospace;
    text-align: left
}

.sourcecodebox span
{       
	color: #009900;
}

.notice
{       
    background: #f1f5f9;
    border-top: #c7cfd5 1px solid;
    border-left: #c7cfd5 1px solid;
    border-right: #c7cfd5 1px solid; 
    padding-top: 8px;
    padding-left: 8px;    
    padding-bottom: 8px;
    padding-right: 8px;        
    margin: 30px;     
    font-size: 12px;   
    font-family: monaco, "Courier New", courier, monospace;
}
.announcement
{
	color:#cc0000;
	font-size:large;
	font-weight:bold;
	text-align: center;
	font-style:italic;
}

.code
{       
	color: #0000ff;
}

.comment
{       
	color: #009900;
}


/* #leftNav is for holding the left menu items. It includes #lProducts, #lStore, #lSupport, #lDownloads, #lRegistration, and #lCompany.*/
#leftNav
{    
    top: 20px;
    left: 10px;
    margin-top: 95px;
    margin-left: 10px;
    width: 110px;
    position: absolute;    
}
UL
{
    list-style-type: none;
    margin-left: 10px;
    margin-top: -10px;
}
#leftNav2 H3
{
    color: #ffffff;
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	background-color: #ffffff;
	font-size: 12px; 
	margin: 0;
}
#leftNav2 A
{
    text-decoration: none;
}
#leftNav2 A:hover
{
    text-decoration: underline;
}
#lHolidays
{
    border: #0099FF 1px solid;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #0099FF;    
    width: 110px;    
    color: #ffffff;
    padding-left: 10px;
    font-size: 12px;
}
#lHolidays H3
{
    padding: 2px;
    margin-top: 0px; 
    margin-left: -10px;   
    background: #ffffff; 
    color: #0099FF;   
    text-indent: 5px;
    font-size: 12px;
    font-weight: bold;
    
}
#lHolidays p
{
	margin-top: -10px;
	margin-bottom: 5px;
}
#lProducts
{
    border: #880000 1px solid;
    margin-top: 20px;
    margin-bottom: 0px;
    background: #ffeeee;    
    width: 110px;    
    color: #0353a5;
    padding-left: 10px;
}
#lProducts p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#lProducts A
{
    text-decoration: none;
    color: #0353a5;
}
#lProducts A:hover
{
    text-decoration: underline;
    color: #880000;
}
#lProducts H3
{
    padding: 2px;
    margin-top: 0px; 
    margin-left: -10px;   
    background: #880000;    
    text-indent: 10px;
    
}
#lStore
{    
    border: #008800 1px solid;    
    margin-top: 20px;
    margin-bottom: 0px;
    background: #eeffee;
    width: 110px;    
    color: #008800;
    padding-left: 10px;
}
#lStore p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#lStore A
{
    text-decoration: none;
    color: #0353a5;
}
#lStore A:hover
{
    text-decoration: underline;
    color: #008800;
}
#lStore H3
{    
    margin-top: 0px;
    padding: 2px;
    background: #008800;    
    text-indent: 10px;  
    margin-left: -10px;  
}

#lSupport
{    
    border: #000088 1px solid;
    margin-top: 20px;
    background: #eeeeff;    
    width: 110px;    
    color: #000088;
    padding-left: 10px;
    margin-bottom: 0px;
}
#lSupport p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#lSupport A
{
    text-decoration: none;
    color: #0353a5;
}
#lSupport A:hover
{
    text-decoration: underline;
    color: #000088;
}
#lSupport H3
{    
    margin-top: 0px;
    padding: 2px;
    background: #000088;    
    text-indent: 10px; 
    margin-left: -10px;   
}

#lDownloads
{    
    border: #888800 1px solid;
    margin-top: 20px;
    margin-bottom: 0px;
    background: #ffffee;    
    width: 110px;    
    color: #888800;
    padding-left: 10px;
}
#lDownloads p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#lDownloads A
{
    text-decoration: none;
    color: #0353a5;
}
#lDownloads A:hover
{
    text-decoration: underline;
    color: #888800;
}
#lDownloads H3
{   
    padding: 2px;
    margin-top: 0px;
    background: #888800;    
    text-indent: 10px;
    margin-left: -10px;
}

#lRegistration
{    
    border: #008888 1px solid;
    margin-top: 20px;
    margin-bottom: 0px;
    background: #eeffff;    
    width: 110px;    
    color: #008888;
    padding-left: 10px;
}
#lRegistration p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#lRegistration A
{
    text-decoration: none;
    color: #0353a5;
}
#lRegistration A:hover
{
    text-decoration: underline;
    color: #008888;
}
#lRegistration H3
{   
    padding: 2px;
    margin-top: 0px;
    background: #008888;    
    text-indent: 10px;
    margin-left: -10px;
}

#lCompany
{
    border: #880088 1px solid;
    margin-top: 20px;
    background: #ffeeff;    
    width: 110px;    
    color: #880088;
    padding-left: 10px;
    margin-bottom: 0px;
}
#lCompany p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#lCompany A
{
    text-decoration: none;
    color: #0353a5;
}
#lCompany A:hover
{
    text-decoration: underline;
    color: #880088;
}
#lCompany H3
{
    margin-top: 0px;
    padding: 2px;
    text-indent: 10px;    
    background: #880088;
    margin-left: -10px;
}

/* this holds the footer information */
#footer
{
	clear: both;
	padding: 5px;
	color: #000000;
	background-image: url(http://www.imagekit.com/i/top_rainbow.jpg);
	background-color: #0353a5;
	/*width: 790px;*/
	text-align: center;
}

#footer a 
{ 
	color: #ffffff;
	text-decoration: none;
	padding: 0.5em;
}

#footer a:hover
{
	color: #ffffff;
	text-decoration: underline;
	background-color: Transparent;
	padding: 0.5em;
}

#copyright
{
	color: #ffffff;
	text-align: center;
	vertical-align: text-bottom;
	font-size: 10px;
	line-height: 200%;

}

#ik7
			{
			position:absolute;
			width: 580px;
			height: 250px;
			left:200px;
			top:135px;
			}
			
			#TopPage1
			{
				position:absolute;
				width: 100px;
				height:160px;	
				left:0px;
				top:40px;			
				background-image:url(http://www.imagekit.com/i/ik7AXpkgbutton.png);	
				background-repeat:no-repeat;
				background-position:center center;
				z-index:5;
				
			}
			#TopPage2
			{
				position:absolute;
				width: 460px;
				height:150px;
				left:110px;
				top:50px;
				padding-right:10px;
			}
			#ikLinks
			{
			position:absolute;
			width: 580px;
			height: 30px;
			left:0px;
			top:235px;
			}
			#rs
			{
			position:absolute;
			width: 580px;
			height: 250px;
			left:200px;
			top:440px;
			}
			#TopPage3
			{
				position:absolute;
				width: 100px;
				height:160px;	
				left:0px;
				top:60px;
				/*background-image:url(http://www.imagekit.com/i/ResizeKit2.gif);*/
				background-image:url(http://www.imagekit.com/i/PkgRs15.png);		
				background-repeat:no-repeat;
				background-position:center center;
			}
			#TopPage4
			{
				position:absolute;
				width: 460px;
				height:150px;
				left:110px;
				top:10px;
				padding-right:10px;
			}
			#rsLinks
			{
			position:absolute;
			width: 580px;
			height: 30px;
			left:0px;
			top:270px;
			}

			/*sets the tables on Resizekit.html*/
			#table1 {border-collapse: collapse; border: 1px solid gray; table-layout: fixed; /*width: 600px;*/}
			td {border: 1px solid gray; padding: 0.5em;}
			#r1c1, #r1c2, #r1c3 {color: #ffffff; background: #990099; font-weight: bold; text-align: left;}
			#r2c3 {border-bottom-color:White;}
			#r3c3, #r4c3, #r5c3, #r6c3, #r7c3, #r8c3, #r9c3, #r10c3, #r11c3, #r12c3, #r13c3, #r14c3, #r15c3 {display: none;}
			
			#table2 {border-collapse: collapse; border: none; table-layout: fixed; /*width: 500px;*/ margin-left:100px;}
			#ttr1c1  {background: #eeeeff; text-align: left; border: none; width: 350px;}
			#ttr1c2  {font-weight: bold; text-align: left; border: none;}
			
			/*sets the tables on Imagekit7.html*/
			#table3 {border-collapse: collapse; border: none;}
			#t3r1c1  {text-align: left; border: none;}
			#t3r1c2  {text-align: left; border: none;}
			
			/*sets the tables on ImageKit.NET2 Support page*/
			#table4 {border-collapse: collapse; border: 1px solid gray; table-layout: fixed; width: 600px; font-size: .9em; margin:60px;}
			td {border: 1px solid gray; padding: 0.5em;}
			#row1col1 {color: #ffffff; background: #000099; font-weight: bold; text-align: center; width: 300px;}
			#row1col2 {color: #ffffff; background: #000099; font-weight: bold; text-align: center; width: 100px;}
			#row1col3 {color: #ffffff; background: #000099; font-weight: bold; text-align: center; width: 100px;}
			#row1col4 {color: #ffffff; background: #000099; font-weight: bold; text-align: center; width: 100px;}
			#row2col1, #row3col1, #row4col1 {color: #000000; background: #ffffff; font-weight: normal; text-align: left; width: 300px;}
			#row2col2, #row3col2, #row4col2 {color: #000000; background: #ffffff; font-weight: normal; text-align: center; width: 100px;}
			#row2col3, #row3col3, #row4col3 {color: #000000; background: #ffffff; font-weight: normal; text-align: center; width: 100px;}
			#row2col4, #row3col4, #row4col4 {color: #000000; background: #ffffff; font-weight: normal; text-align: center; width: 100px;}