body         
{	
	font-family: arial, Geneva, Helvetica, sans-serif; 
	color: #333; 
	margin: 0px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 	width: 750px;
	font-size: small;
	line-height: 130%;
	background: #fff url(../images/bg_05.jpg);
	position: relative;	
}
	
p
{
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

h1, h2
{	font-family: Georgia, times, serif; 
	font-size: 150%; 
	font-weight: bold; 
 	text-align: left;
 	margin: 0px;
 	padding: 20px 0px 10px 0px;
	letter-spacing: 1.5px;
	line-height: 125%;
	color: #447;
}

h2
{	padding: 10px 0px 0px 0px;
	font-size: 130%;
	letter-spacing: 1px;
}

h3
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 110%;
	padding-bottom: 0px;
	letter-spacing: 0.5px;
}

ul
{
	margin: 0px;
	padding: 5px 10px 10px 30px;
}

ul li
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

ol
{	margin: -5px 10px 10px 30px;
	padding: 0px;
}

ol li
{
	list-style-type: decimal;
	padding: 5px;
}

img
{
	border: none;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

a:link
{	color: #36316e; 	
}

a:visited
{	
	color: #800080; 	
}

a:hover, a:active
{					
	color: #ba5859;
}

hr
{	color: #436a3e;
	background-color: #436a3e;
	height: 1px;
}

blockquote
{
	margin: 0px 20px 0px 20px;
}

#banner		
{	
	font-size: 0px;						/* Need to get rid of extra space in Netscape 6 (possibly others */
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #f8dfb2;			
	width: 750px;
	height: 95px;
	position: relative;
	background: no-repeat url(../images/banner_fireworks_10.jpg);
}

#navbar
{
 	float: left;
	width: 750px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	background: #005bf4 url(../images/bg_xp_blue_03.gif) repeat-x top left;
}

ul.topmenu
{	
	margin: 0px;
	padding: 10px 3px 0px 3px;
	padding: 10px 0px 0px 20px;
	list-style: none;
}

li.topmenuli
{
	float: left;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	font-family: "Lucida Grande", sans-serif;
	font-size: 90%;
	list-style-type:none;
	
	position: static;		/* For Firefox. In ie6.css, position: relative. */
}

a.topmenutitle, a:link.topmenutitle, a:visited.topmenutitle
{
	float: left;
	display: block;
	margin: 0px;
	padding: 4px 3px;
	padding: 4px 8px;
	text-decoration: none;
	border: none;
	color: #fff;
}

a:hover.topmenutitle, a:active.topmenutitle
{
	border-color: #727377;
	background: #fff url(../images/on_bg.gif) repeat-x top left;
	border-bottom: none;
	color: #046bff;
	padding-bottom: 4px;
	background: #f0f8ff;
 }

.submenuul
{
	list-style-type: none;
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
	
	background: #f8f8f8;
	border: 1px solid #aaa;
	border-top: none;
	
	left: auto;		/* For Firefox. In ie6.css, left: 0, top: 24px */
	top: 128px;		
}

.submenuli a
{
	display: block;
	width: 150px;
	text-align: left;
	color: #000;
	margin: 0px;
	padding: 2px 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #f8f8f8;
}

.submenuli a:link, .submenuli a:visited
{
	color: #192b59;
}

.submenuli a:hover, .submenuli a:active
{
	color: #000;
	background: #def;
}

li:hover ul , li.over ul	/* lists nested under hovered list items */
{
	display: block;
}

#container
{	
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 1px 0px;		/* Need bottom padding for space at bottom of page */
	text-align: left;
 	width: 750px;
	vertical-align: top;
	border: none;
/*	clear: both; */			/* Causes #main to clear:left in IE5Mac*/
	background: #fff url(../images/bg_shadow_05.gif) repeat-y top left;
	background: #fff url(../images/bg_shadow_06c.gif) repeat-y top left;
}

/* Need to put width in or anything in main below the sidebar will
shift slightly to the left */
#main
{	margin: 0px 0px 0px 186px;
	padding: 0px;
 	width: 551px;
	background: url(../images/top_shadow_01.gif) top left repeat-x;
}

html>body #main			/* To handle IE 3px margin bug */
{
	margin: 0px 0px 0px 189px;
}

#main-content
{
	vertical-align: top;
	padding: 0px;
	margin: 0px 15px 10px 15px;
}

#sidebar
{
	float: left;
	width: 186px;
	margin: 0px; 
	padding: 0px 0px 0px 0px;
}

#sidebar-content
{
	margin: 0px; 
	padding: 25px 5px 10px 20px;
	font-size: 85%;
}

#sidebar-content h2
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family: arial, helvetica, sans-serif;
/*	
	font-size: 110%; 
	font-family: arial; 
	color: #bf4f45;
	color: #801005;
*/

}

#sidebar-content h3
{
	padding: 0px 0px 0px 0px;
}

#sidebar-content p
{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

#sidebar-content img
{
	float: left;
	margin: 0px 10px 0px 0px;
}

/*****************************************************
This ul has the bg image declared in the <li> tag so 
that the image is NOT clickable.
*****************************************************/

#sidebar-content ul
{
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style-type: none;
	margin-left: -10px;
}

#sidebar-content ul li
{
	margin: 0px;
	padding: 5px 0px 5px 20px;
	color: #444;
	font-weight: bold;
	list-style: none;
	line-height: 1.25em;
	background: 10px 0.6em no-repeat url(../images/list_link.gif);
	border-top: 1px solid #def;
	border-bottom: 1px solid #abc;
}

#sidebar-content ul li a
{
	padding: 0px 0px 15px 0px;
	color: #ba5859;
}

#sidebar-content ul li a:link
{
	color: #ba5859;
}

#sidebar-content ul li a:visited
{
	color: #ca6869;
}

#sidebar-content ul li a:hover, #sidebar-content ul li:active
{
	color: #333;
	text-decoration: none;
}

/*****************************************************
This ul has the bg image declared in the <a> tag so 
that the image is clickable.
*****************************************************/
ul.bullet
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}

ul.bullet li
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	padding: 0px 0px 5px 25px;
	list-style: none;
	line-height: 1.5em;
	background: 0px .15em no-repeat url(../images/blue_arrow.gif);
}

ul.bullet li a
{
	line-height: 1.2em;
	padding: 0px 0px 5px 0px;
}

ul.check
{
	margin: 0px;
	padding: 5px 0px 10px 10px;
	list-style-type: none;
	float: left; 
	width: 48%;
}

ul.check-full
{
	margin: 0px;
	padding: 5px 0px 10px 10px;
	list-style-type: none;
}

ul.check li, ul.check-full li
{
	margin: 0px;
	padding: 0px 0px 5px 20px;
	background: 0px .2em no-repeat url(../images/checkmark_red.gif);
	line-height: 110%;
}
		
.testimonial
{
	text-align: left;
	margin: 10px 10px 0px 5px;	
	padding: 0px 20px 20px 20px;
	line-height: 130%;
	color: #555;
}

.testimonial p
{	margin: 0px;
	padding: 5px 0px 0px 0px;
}

p.author
{
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 15px 0px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #def;
	line-height: 120%;

	font-size: 85%;
}

#footer
{
	text-decoration: none;
	width: 750px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; 
	margin-right: auto;
	padding: 5px 0px;
	clear: both;
	background: #fff url(../images/bg_footer_01.gif) repeat-y top left;
}

#footer a
{	
	padding: 5px 5px 5px 5px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #046bff;
	white-space: nowrap;
}
#footer a:link, #footer a:visited
{	
}
#footer a:hover, #footer a:active
{
	text-decoration: underline;
}

.contact-us h3
{
	padding: 10px 0px 10px 0px;
}

.contact-info p
{
	padding: 0px 10px 10px 10px;
}

.contact-table
{
}

.contact-table th
{	
	text-align: right;
   width: 20%;
   font-weight: bold;
   padding: 5px 5px 5px 20px;
	vertical-align: top;
}
    
.contact-table td
{
	text-align: left;
   width: 80%;
   padding: 5px;
}
    
.contact-table input, .contact-table textarea
{	
   font-family: verdana, sans-serif;
   background-color: #d4ddee;
}
    
.contact-table th span, .contact-table td span
{	color: #f00;
}
	 
.contact-table .submit-button
{
	background-color: #a83243;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	border-top: 1px solid #c88;
	border-left: 1px solid #c88;
	border-right: 1px solid #622;
	border-bottom: 1px solid #622;
}

/* 
Following hp-box, need to clear float for Safari.
If hp-box is floated left, then a clear: left will cause Firefox
to clear both hp-box and left sidebar. Explicit widths are used to
overcome float: right.
**/
.hp-box
{
	float: left;
	background: #def;
	margin: 20px 0px 20px 0px;
	border: 2px solid #cde;
	float: right;
	width: 520px;
}

.hp-box h3
{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #bcd;
}

.hp-box p
{
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cde;
}

.hp-box ul
{
	float: left;
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 90%;
	width: 173px; 
}

.hp-box ul li
{
	background: no-repeat 10px 0.5em url(../images/list_link.gif);
	border-bottom: 1px solid #eeffff;
	margin: 0px;
	padding: 4px 5px 4px 20px;
	list-style-type: none;
	line-height: 1.3em;
	display: block;

	padding: 4px 0px 4px 20px;
	margin: 0px 5px 0px 0px;
}

.toolbars p
{
	padding: 5px 0px 5px 0px;
}

.sidebox
{
	float: right; 
	width: 150px; 
	font-size: 85%; 
	border: 1px solid #abc; 
	background-color: #def; 
	margin: 0px 0px 10px 10px; 
	padding: 10px;
}

.sidebox h3
{
	padding-top: 0px;
	color: #c00;
	font-size: 100%;
}

.sidebox ul
{
	margin: 0px;
	padding: 5px 0px 5px 15px;
}

.sidebox p
{
	padding-bottom: 5px;
	border-bottom: 1px solid #eff;
}

#site-search
{
	position: absolute;
	right: 0px; 
	bottom: 0px; 
/*	vertical-align: bottom;  */
	margin: 0px; 
	padding: 0px;	
}

#site-search #button
{
	background: url(../images/go_orange.gif) no-repeat; 
	float: right; 
	width: 21px; 
	height: 21px; 
	margin: 0px;
	padding: 0px; 

/* 	font-size: 15px;  */
}

#site-search #search-text
{
	float: right;
	font-size: 12px; 
	border: 1px solid #ccc; 
	margin: 0px; 
	padding: 4px 2px 4px 2px;

	font-family: verdana, sans-serif;
	font-size: 11px; 
}
			
#site-search p
{
	float: right; 
	display: inline; 
	font-family: verdana, sans-serif;
	font-size: 11px; 
	border: 1px solid #ccc;
	margin: 0px; 
	padding: 2px 5px 3px 5px; 
	background-color: #cde;
}

.faqs-top
{
	float: left; 
	width: 45%;
	padding: 10px 10px 10px 0px;
}

.faqs-top ul
{
	margin: 0px 0px 0px -5px;
	padding: 10px 0px 0px 0px;
}

.faqs-top ul li
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #444;
	list-style: none;
	background: 10px 0.2em no-repeat url(../images/list_link.gif);
	
	font-size: 90%;
	padding: 0px 0px 5px 25px;
}

.faqs-top ul li a
{
	padding: 0px 0px 15px 0px;
	color: #ba5859;
}

.faqs
{
	clear: left;
}

.faqs dl, .faqs2 dl
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}


.faqs dt, .faqs2 dt
{
	font-weight: bold;
	padding: 0px;
}

.faqs dd, .faqs2 dd
{
	padding: 2px 0px 10px 0px;
}

.sidebar-quote
{
	margin-bottom: -8px;
	padding: 10px 0px 0px 0px;
}

.sidebar-quote p
{
}

.sidebar-author
{
	font-weight: bold; 
	text-align: left;
 	padding: 5px 0px 10px 0px;
}	

.download
{
	padding: 5px 0px 10px 20px;
	border-bottom: 1px solid #cde;
}

.download h2 a
{
	text-decoration: none;
}

.download h2 a:hover
{
	text-decoration: underline;
}

.download img
{
	margin: 10px;
}

dl.news
{
	padding-top: 10px;
}

dl.news dt
{
	color: #789;
	font-weight: bold;
}

dl.news dd
{
	border-bottom: 1px solid #def;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px; 
}

dl.news dd em
{
	font-weight: bold;
	font-style: normal;
}

.reg
{
	vertical-align: top;
}

.reg-reduced
{
	font-size: 60%;
	vertical-align: top;
}

.capture-images
{
	padding-top: 10px;
	float: left;			/* Float needed for Firefox */
}

.capture-images img
{
	margin: 5px;
	vertical-align: top;
}

.capture-images h3
{	
	padding-bottom: 20px;
}

#footer .plug
{
	color: #555;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
}

#footer .plug a
{
	letter-spacing: 1px;
	color: #555;
	text-decoration: underline;
}

#footer .plug a:hover
{
	color: #000;
}

.toolbar-img
{
	float: left;
	margin: 0px 10px 5px 0px;
}

#statistics-table
{
	margin: 10px 10px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	background: #fff;
}

#statistics-table th
{
	border: 1px solid #ccc;
	padding: 2px;
	background: #16f;
	color: #fff;
	font-size: 90%;
	text-align: center;
}

#statistics-table td
{
	border: 1px solid #ccc;
	padding: 2px;
	text-align: center;
}

.thawte-table
{
	margin: 10px 10px 10px 0px;
	border: 1px solid #aaa;
}

.thawte-table th
{
	padding: 2px 5px;
	background: #ccc;
	font-weight: bold;
	text-align: left;
}

.thawte-table td
{
	padding: 2px 5px;
	text-align: left;
}

.thawte-button
{
	margin: 10px 0px;
}

.thawte-button a
{
	margin: 10px 0px;
	padding: 2px 5px;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #d3d9e2;
	color: #005bf4;
	font-weight: bold;
	text-decoration: none;
}

.thawte-button a:hover, .thawte-button a:active
{
	background: #005bf4;
	color: #fff;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
	
.thawte-form
{
	font-size: 90%;
	margin: 0px 50px 0px 0px;
}

.thawte-form h3
{
	font-color: #800000;
	margin-top: 20px;
}

.thawte-form h3 a
{
	color: #800000;
}

.thawte-form-table
{
	margin: 0px;
}

.thawte-form-table th, .thawte-form-table td
{
	padding: 2px 5px;
}

.thawte-form-link-cell a
{
	background: #800000;
	color: #fff;
	padding: 2px 5px;
}

.thawte-form-link-cell a:link, .thawte-form-link-cell a:visited
{
	color: #fff;
}

.thawte-form-link-cell a:hover, .thawte-form-link-cell a:active
{
	color: #ccc;
}

.service-solutions-button
{
	margin: 10px 0px 20px 0px;
}

.service-solutions-button a
{
	margin: 10px 0px;
	padding: 5px 5px;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #177937;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}

.service-solutions-button a:hover, .service-solutions-button a:active
{
	color: #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}