﻿/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks

Cool Colors

Slate blue: #66669A
lighter Slate blue: #6A81C0 - looks good with black bo


*/

/**************************************/
/* Classes in use */
/**************************************/

.AboutUSDetail 
{
	font-family: Verdana, Arial; 
	font-size: 10pt; 
	font-weight: lighter;
	color: #000000; 
	padding-left: 10px;
	padding-right: 10px; 
	text-align: justify;
}

.AboutUSDetail a:visited
{
	color: Blue;
	text-decoration: underline;
}



.blue_l {color:#7597B0; text-decoration:none}

body  
{
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
/*	border-top: 2px solid #B51032; */
}




.BulletList
{
padding: 0px 0px 0px 7px;
line-height: 3em;
color:#7597B0;
}

.CRMLinks 
{
	color: white;
	font-family: Arial, Verdana;
	font-size: 12px;
	text-decoration: none;
}

.CRMLinks td
{
	color: #000066;
	text-decoration: none;
	text-align: center;
}

.CRMLinks td a
{
	font-weight: bold;
	color: white;
}


.CRMLinks td a:visited
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}
	

.CRMLinks td a:hover
{
	color: Red;
}

.CRMText
{
	font-family: Arial, Tahoma;
	font-size: 10pt;
	color: #000066;
}


.DataGridHeading
{
	text-decoration: none;
}

.DownloadList
{ 
	color: #000066;
	font-family: Verdana, Arial ;
	font-size: 10px;
	height: 10px;
	background-color: white;
	text-align: left;
	padding-left: 25px;

	width: 768px;
}
.DownloadList a:visited
{ 
	color: blue;
	text-decoration: underline;
}

#footer 
{
background:url(images/footer.gif) top repeat-x #E9E9E9;
background-color: #dadaf6;
width:792px;
height:50px;
margin:0;
padding:0;
font-size:11px;
text-align:left;}

#GridView1
{ 
	color: #000066;
	font-family: Arial, Verdana;
	font-size: 8px;
}

.GridCRM1
{ 
	color: #000066;
	font-family: Verdana, Arial ;
	font-size: 10px;
	height: 10px;
	background-color: white;
	text-align: left;
	padding-left: 25px;
}
.GridCRM1Row
{
	font-size: 10px;
}


.GridHeading 
{
	background-color: #dadaf6;
	color: #000066;
	font-family: Verdana, Arial ;
	font-size: 12px;	
	height: 20px;
	text-align: center;
}
.GridHeading2
{
	background-color: #dadaf6;
	color: #000066;
	font-family: Verdana, Arial ;
	font-size: 10px;	
	height: 20px;
	text-align: left;
}

.GridMsgs
{ 
	color: #000066;
	font-family: Verdana, Arial ;
	font-size: 10px;
	height: 10px;
	background-color: white;
	text-align: left;
}
.GridCRM1Row
{
	font-size: 10px;
}




.HomeContentBox table
{
	 border-bottom: solid 1px #000066;
	 border-left: solid 1px #000066;
	 border-bottom: solid 1px #000066;
	 border-bottom-width: thin;
}

.HomeContent 
{
	font-size: 10pt;
	width: 275px;
/*	height: 50px; */
	text-align: justify;
	font-size: 12px;
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: normal;
   
	color: #000066;
	background-color: #9999CC;
	background-color: #D4D4F5;
/*	 border-bottom: solid 1px #000066;
	 border-left: solid 1px #000066;
	 border-right: solid 1px #000066;
	 border-bottom: solid 1px #000066;
*/
	 padding: 10px;

/*	border-style: solid;
	border-color: #000066;
	border-width: 1pt; */

/*	width:500px; */
}

.HomeContent td
{
	font-family: Sans-Serif, Verdana;
    font-style: normal;  
	 
}
.HomeContentHdr 
{
/*	border-width: 4px; 
	border-style:  solid;
	border-color: #9999ff; 
	border-top: solid 0px #000066;  
	border-top: solid 2px #9999ff;
	border-bottom: solid 2px #9999ff;*/
/*	background-color: #000066; */
	font-weight:bold;
	font-size: 14px;
	color:#000066;
	vertical-align: middle;
	height: 20px; 
	text-align: center;
/*	background-image: url(images/box275.jpg); */
/*	background-image: url(images/HeaderBar275-A.jpg); */
	background-repeat: no-repeat;
	
}

.LineSpacer 
{
	height: 5px;
	line-height: 5px;
}

.LeftContent 
{
	width: 200px;
	vertical-align: top;
}

#leftcorner {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.MainDetail
{
	font-size: 12px; 
	font-family:  Verdana; 
	text-align: justify;
	text-decoration: none;
	padding: 8px 8px 0px 8px;
	border-left: solid 1px #DADAFF;
	border-right: solid 1px #DADAFF;
	border-bottom: solid 1px #DADAFF;
	padding-bottom: 10px;
/*	color: #696969; */
	color: #000066;
}

.MainHeader
{
	color: white;
	font-size: 14px; 
	font-family: Arial; 
	vertical-align: middle;
	border: solid 1px #000000;
	background-color: #000066;
	font-style: normal;
	font-weight: bolder; 
	text-align: left;
/*	
		border: solid 4px #DFDFFF; 
	border-bottom: solid 3px #DFDFDF; */
/* 	border-top: solid 1px #DFDFDF;	
	border-bottom: solid 1px #DFDFDF;
	border-top: solid 1px #DFDFDF;
*/
/*	background-color: #dadaf6; */
	padding-left: 8px;
}

.MainLinks a, li
{
	color: #020092;
	font-weight: bold;
}

.MainLinks li a, a:visited
{	
	color: #020092;
}

.MainLinks a:hover
{	
	color: Blue;
}


.Menu1
{
font: arial;
font-family:Arial, Sans-Serif;
font-size: 14px;
font-weight: bold;
color: White;
width: 190px;
height: 25px;
padding: 0px 0px 0px 0px;
background-image: url(images/Tab5a-190.jpg);
background-repeat:no-repeat;
text-align:center; 
background-position: center;
}

.Menu1 a
{
text-align:center; 
text-decoration: none;
color: White;
vertical-align: middle;
}

.Menu1 a:hover
{
text-align:center; 
color: Red;
}

.Menu1 td a, td a:visited
{
color: White;
text-decoration: none;
}


#NewsLinksHdr 
{
/*	background-image: url(images/HeaderBar275-B.jpg);
	width: 250px; */
	color: #000066;
	
}
#NewsLinksDtl 
{
/*	width: 250px; */
	background-color: #C3C3E4;
	
}

.ProductDetail
{
	font-size: 11px;
	text-align:justify;
	 padding: 8px;
	padding-top: 0px;
/*	background-color: #D4D4F5;
	background-color: #9999CC;
	 border-bottom: solid 1px #000066;
	 border-left: solid 1px #000066;
	 border-right: solid 1px #000066;
	 border-bottom: solid 1px #000066;
	border-style: solid;
	border-color: #000066;
	border-width: 1pt; 
*/
}
.ProductDetail a
{
	text-align: left;
}

.ProductDetailHdr 
{
	font-weight:bold;
	font-size: 11px;
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: bold;
	color: #000066;
	padding-left: 8px;
/*    padding: 8px; */
	background-image: url(images/HeaderBar250-Gray.jpg);
	background-repeat: no-repeat;
/*	background-color:#E0E0E0; */
}

.ProductDetailHdr tr, td
{
	height: 20px;
}

.ProdWizLeftBar
{

	color: Yellow;
	 Width:150px;
}

.ProdWizSidebar td
{
	background-color:#507CD1;
	 font-size: .9em;
	 Vertical-Align:Top;
	 Width:150px;
}

.RegText 
{
	font-family: Arial;
	font-size: 14px;
}

.ReqdFieldText
{
	font-family: Arial, Tahoma;
	font-size: 9pt;
}

.ReqdFieldText td
{
	font-family: Arial, Tahoma;
	font-size: 9pt;
}
.RightBullet
{
	border-bottom: solid 1px #DFDFDF;
	border-top: solid 1px #DFDFDF;
	background-color: #dadaf6;
}

.RightHeader
{
	color:#000066;
	font-size: 14px; 
	font-family: Tahoma; 
	vertical-align: top;
	font-weight:bold; 
	border-bottom: solid 1px #DFDFDF;
	border-top: solid 1px #DFDFDF;
	padding-right: 10px;
}

.RightDetail
{
	font-size: 11px; 
	font-family: Verdana; 
	vertical-align: top;
	text-align: justify;
	padding-top: 5px;
	height: 20px;
	color: #696969;
	padding-right: 5px;
	border-left: solid 1px #DADAFF;
	border-right: solid 1px #DADAFF;
	border-bottom: solid 1px #DADAFF;

}

.RightDetail ul a, ul a:visited
{
	color: #020092;
	text-decoration: none;
}

.RightDetail ul a:hover
{
	color: blue;
}

#ServicesHdr 
{
/*	background-image: url(images/HeaderBar275-C.jpg); 
	background-image: url(images/HeaderBar275-D.jpg);*/
	width: 250px;
	color: #000066;
}

#ServicesDtl
{
	 background-color: #E5E5FF;
	 background-color: #F0F0F9;
}

.SolutionsHdr
{
	font-family: Verdana, Sans-Serif,arial; 
	font-size:10pt; 
	font-weight: bold; 
	height: 15px;
	vertical-align: middle;
	width: 271px;
}

.SolutionsDtl
{
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 8pt;
	vertical-align: top;
	width: 271px;
}

.SubPageHeader
{
	color:#000000;
	font-size: 20px; 
	font-family: Tahoma; 
	vertical-align: middle;
	text-align: left;
/*	border: solid 1px #DFDFDF; */
/*	border-bottom: solid 3px #DFDFDF; */
/* 	border-top: solid 2px #DFDFDF;	*/
	border-top: solid 2px #DFDFDF;
	border-bottom: solid 2px #DFDFDF;
	padding-left: 10px;
	
/*	border-top: solid 3px #DFDFDF;*/
	font-weight:bold; 
}

.TopText
{
    font-family:  Tahoma, Arial;
    font-size: 14px;
/*    font-style: italic; */
    color: #000066;
    text-align: right;
    vertical-align: middle;
}


.TopText td
{
    text-align: right;
}	


navigation1 
{
	color: #9999ff;
	background-color: #000066; 
	border-bottom: 1px solid #9999ff;
	border-top: 1px solid #9999ff;
	border-left: 12px solid #000066;
}

#navigation1 
{
	color: #9999ff;
	background-color: #000066; 
}

#navigation1 a:hover 
{
	color: Yellow;
	background-color: #000066; 
	border-bottom: 1px solid #9999ff;
	border-top: 1px solid #9999ff;
}


.ProductClip 
{
	width:202px;
	height:120px;
	font-family: Arial;
	font-size: 12px; 
	font-weight: normal;
	vertical-align: middle;
	text-align: justify;
	width: 202px; 
	background-color:#E0E0E0;
/*	background-image:url(images/puzzlesmall.jpg); */
	color: #000000;
	 padding-left: 3px;
	 padding-right: 3px;
}

.ProductClipFtr 
{
/*	background-color: #9999ff; */
	
	background-color: #CCCCFF;
}

.ProductClipHdr
{
	 background-color: #ffffff;
	 color: #3333FF;
	 font-weight: bold;
	 padding-left: 3px;
	 padding-right: 3px;
	 width:150px;
	 text-align:center;
	 border: solid 2px #000066;
}
.ProductSpacer
{
	width: 100px;
	background-color:#63659C;
}

.RightPane 
{
	border: 0px;
	border-color: Blue;
}
.RightPane th
{
	background-color: #9999ff;
	font-size: 12pt;
}
.RightPane td
{
		font-size: 10pt;
}
.RightPaneHdr {
font-size: 14px; 
font-weight:bold;
font-family:Arial, Sans-Serif;
}

.SelectedMenu
{
	color: #dadaf6;
}

.SelectedMenu td
{
	color: #dadaf6;
}

.StdPageClass 
{
	border-style: double;
	border: ,2px, #000066;
}

#UtilitiesHdr 
{
	background-image: url(images/HeaderBar250-6567CC.jpg);
}


/******************************************************/
/* Not Used */
/******************************************************/

#MainPage {
	height: 1em;
	font: arial, Helvetica, Georgia, serif;
/*	color: #000066; */
	font-size: 9px; 
}

#MainPage h1 {
	border-top: 1px solid #004FA3;
	border-bottom: 1px solid #004FA3;
	font: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	font-size: 10px; 
	font-weight: bold;

/*	border-top: 3px solid #B51032;
	border-bottom: 1px dotted #B51032;
*/
}
#MainPage td {
	border-top: 1px solid #004FA3;
	border-bottom: 1px solid #004FA3;
	height: 1em;
	font: arial, Helvetica, Georgia, serif;
/*	color: #000066; */
	font-size: 9px; 
	font-weight: bold;
}

#header {
	border-top: 3px solid #004FA3;
	border-bottom: 1px dotted #004FA3;
	height: 1em;
	font: arial, Helvetica, Georgia, serif;
	color: #000066;
	font-size: 20px; 
/*	border-top: 3px solid #B51032;
	border-bottom: 1px dotted #B51032;
*/
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#header a:link, a:visited  {
	color: #B51032;
}

/* Navigation */

#navigation {
	top: 0px; 
	left: 0px;
	width: 13em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}


#navigation-old {
	width: 13em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}

#navigation1 li {
/*	border-bottom: 1px solid #ED9F9F; 
	This section controls the border lines between menu items
*/

}
 #navigation1 a {
	list-style: none;
/*	background-color: #000066; */
	color: White;
}

#navigation1 ul {
	list-style: none;
	color: Yellow;
}
#navigation1 li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
/* 	border-left: 12px solid #711515; */
	border-left: 12px solid #000066;
/*	border-right: 3px solid #711515; */
/*	background-color: #B51032; */
/* This background colr setting controls the back color of the menu items */
/*	background-color: #004FA3; */
	font-weight: bold;
	text-decoration: none;
}
#navigation1 li a:hover {
/*	background-color: #711515; */
/* 000066  #052488 */
	background-color: #000066; 
/*	color: #000000; */
}


#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F; 
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #000000;
/*	background-color: #ED9F9F; */
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #000000;
}


/* Main Content */

.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
}

.AlternatingRowStyle
{
    background-color: #fcc;
}

#TopMainHdrBkgd
{
	border-top: #004fa3 1px solid; 
	font-weight: bold; 
	font-size: 20px; 
/*    background-image: url(images/bluewater-wide.jpg); */
    background-image: url(images/blue-stripe.jpg);
    vertical-align: middle; 
    color: white; 
    border-bottom: #004fa3 1px solid;
}

.TopMainHdrBkgd td
{
	border-top: #004fa3 1px solid; 
	font-weight: bold; 
	font-size: 20px; 
/*    background-image: url(images/bluewater-wide.jpg); */
    background-image: url(images/blue-stripe.jpg);
    vertical-align: middle; 
    color: white; 
    border-bottom: #004fa3 1px solid;
}