/*This is the core style sheet of the site.
*/
*{margin:0; padding:0;}




/**************** Body and tag styles ****************/
body {
width: 989px;
margin: auto auto;
height: auto;
/* background-color: #fafafa; */
/* background-color: #112277; */
background-color: #000077;
background-color: #112277;
background-color: #fafafa;
background-color: #b8b8b8;

/* background-image: url(../images/background_abstract_blue.jpg); */

/* border: 10px solid #112277; */

padding-bottom: 20px;

color: #555555;
/*
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
*/
font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;

font-size: .99em;
font-size: 99%;
/* border: 3px green solid; */

}



body.boxed{
border: 1em solid;

}

#containertop{
width: 991px; 
margin: auto auto auto auto;
padding: 0;
padding-bottom: 120px;
/* 
background-image: url(../images/background_abstract_blue.jpg);
background-image: url(../images/background_aqua_lines.jpg);
*/ 
height: auto;
border: 1px white solid;

/* border-left: 10px navy solid; */
/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: red;
 */  
}

#container{
width: 975px; 
margin: auto auto auto auto;
height: auto;
margin-top: 20px;
/* #112277 is a blue color */
/* background-color: #112277; */
/* background-color: #fafafa; */
/* background-color: #f8f8f8; */
background-color: #d3d3d3;

/* border: 5px #336699 solid; */
border: 5px #909090 solid;

/* background-color: #336699; */
/* background-image: url(../images/background_weave_fine_blue_1.jpg); */

/* 
border-top-style: outset;
border-top-width: 1em;
border-top-color: #333333;

border-left-style: solid;
border-left-width: 1px;
border-left-color: #000000;


border-right-style: outset;
border-right-width: 1em;
border-right-color: #777777;

border-bottom-style: inset;
border-bottom-width: 1em;
border-bottom-color: #333333;
*/

/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: green;
*/
}




a {
}

a:link {
text-decoration: none;
color: #336699;


background-color: inherit;
font-weight: bold;
}

a:visited {
/* background-color: #95b7cd; */
background-color: transparent;
/* color: #555555; */
color: #336699;
text-decoration: none;
font-weight: bold;
}

a:hover {
background-color: #aaddee;}

a:active {
background-color: #3cc7f0;}

h1 {
font-size: 1.2em;
/* text-align: right; */
font-style: italic;
letter-spacing: 5px;}


h2 {
font-size: 1.1em;
text-decoration: underline;}


h3 {
font-size: 90%;
font-weight: bold;
color: #336699;
text-decoration: none;}


h3.larger{
font-size: 150%;
font-weight: bold;
letter-spacing: 1px;
}


h1.bluespec {
font-size: 120%;
text-align: left;
font-style: italic;
letter-spacing: 1px;
color: #5c598d;}


h2.reverse{
font-size: 110%;
text-decoration: none;
background-color: #f7facb;}

h3.reverse{
font-size: 110%;
text-decoration: none;
background-color: #f7facb;}

p {
font-size: 90%;
text-align: justify;
line-height: 1.5em;
color: #000000;
}

p.boxed{
border: 0px #777777 solid;
margin-top: 3px;
margin-left: 7px;
margin-bottom: 3px;
margin-right: 7px;
padding-top: 3px;
padding-left: 11px;
padding-bottom: 3px;
padding-right: 11px;
line-height: 1.3em;

}

p.large{font-size: 125%;}
p.larger{font-size: 150%;}

p.centered{text-align: center;}

p.images{
font-size: .9em;
font-size: 90%;
}


hr.5px {
height: 5px;
}



/****************************************************/
/**************** MAIN HEADER styles ****************/
/****************************************************/

#header {
position:relative;
background: navy url(../images/MultiformBackGradient04a.png) repeat-x top left;

/* background-color: #ffffff; */
/* border-bottom: 2px #000000 solid; */
height: auto;
width: auto;}
/*  For right side
#headertext {
position: relative;
top: 10px;
left: 0px;
margin-left: 350px;
margin-right: 10px;
   //border: 2px solid #ffffff;

	// -moz-box-shadow:    0 1px 3px rgba(0,0,0,0.5);
	// -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	// text-shadow:        0.1em 0.1em 0.2em  #dddddd ; rgba(ff,ff,ff,25);
   text-shadow: 0.2em 0.2em 0.7em #000;
}
*/


#headertext {
position: relative;
top: 80px;
left: 0px;
/* margin-left: 250px; */
/* margin-right: 10px; */
/* border: 2px solid #ffffff; */
/*
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
*/	
	/* text-shadow:        0.1em 0.1em 0.2em  #dddddd ; rgba(ff,ff,ff,25); */
text-shadow: 0.2em 0.2em 0.7em #000;
margin-left: 360px;
}


/* Right side */
h1.header1 {
color: #ffffff;
margin-right: 10px;
padding-top: 5px;
letter-spacing: 1px;
font-size: 1.5em;
}

h1.header1.smaller {
font-size: .8em;
letter-spacing: 0px;
}


h1.header2 {
color: #efefef;
font-style: italic;
font-weight: bold;
letter-spacing: 3px;
position: absolute;
left: +290px;
text-align: left;
font-family: Times, "Times New Roman", serif;
font-size: 1.3em;
top: +95px;}

h1.underlogo {
color: #ffffff;
font-size: .8em;
letter-spacing: 0px;

}



.myaccount{
float:right;
margin-right: 30px;
}

.myaccount a {
font-size: .9em;
color: lightsteelblue;
}

.myaccount a:link {
text-decoration: underline;
/* color: #336699; */
background-color: inherit;
font-weight: normal;

}

.myaccount a:visited {
}

.myaccount a:hover {
color: white;
}

.myaccount a:active {
/* background-color: #3cc7f0; */
}


#outer-image {
height: 100px;
background-image: url(../images/MultiformGradientBanner03-A.png);
background-position: left top;
background-repeat: no-repeat;

}


#outer-image #logo {
position: absolute;
height: 86px;
border: 0px solid red;
width: 336px;
background-image: url(../images/MultiformGradientLogo1-ab.png);
margin-left: 280px;
margin-top: 0px;

}


#logo a {
position: absolute;
height: 86px;
text-decoration: none;
border: 0px solid #000;
width: 336px;
}


#logo a:hover {
/*
border-style: none;
width: auto%;
border: 0px solid #000;
*/
background: transparent url(../images/MultiformGradientLogo1-ab.png) 0px -86px;
left: 1px;
top: 1px;
}



#inner-image {
height: 35px;
/* height: 135px; */
background-image: url(../images/MultiformBackGradient04a-Fliiped-InnerBevel-SunBurst3.png);
background-repeat: no-repeat;
background-position: left bottom;
}

#contentall {
width: 939px;
width: auto;
/* margin-left: auto; */
margin-left: 3px;
margin-right: 3px;

clear:both;
/* background-color: #fafafa; */
/* background-color: #ffffff; */
background-color: inherit;

/* width: 939px; */
/**********************************
 * CODINGNOTE: 2007.01.05
   change 1px to 0px when done fixing the
   footer location, (moving to next div)
   on all pages.
*/
border-left:  0px rgb(0,0,0) solid;
border-right: 0px rgb(0,0,0) solid;

/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: bisque;
background: bisque url(../images/menubg2.gif) bottom left repeat;
 */  

}

#content.prodhome {
background-color: #d3d3d3;
margin-left: 47px;
margin-right: 0px;
position:relative;
width: 700px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #777777;

}

#content {
float: left;
width: 569px;
height: auto;
margin-left: 1%;
margin-right: 1%;

/* comment in for a left column 
background-repeat: repeat-y;
background-image: url(images/navbackground.png);
*/


/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: blueviolet;
*/

}



#solocontent {
float: left;
width: 750px;
height: auto;
margin-left: 10%;
margin-right: 10%;
/* comment in for a left column 
background-repeat: repeat-y;
background-image: url(images/navbackground.png);
*/


/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: blueviolet;
*/

}





/****************************************************/
/**************** NAV MAIN TOP  *********************/
/****************************************************/

#nav-toplevel {
background: url(../images/MultiformBackGradient04a.png) repeat-x top left;
height: 38px;
left: 0px;
margin:0;
margin-top: 0px;


}

#nav-toplevel ul {
list-style-image: none;

/* padding-left: 7%; */


}




/****************************************************/
/**************** NAV MAIN TOP *********************/
/****************************************************/

#nav-main {
background: #eee;
font-size: .8em;
font-weight: bold;
}

#nav-main ul {
margin-left: 91px;
}

#nav-main ul li {
display: inline;
float: left;
margin-right: -3px;
width: 110px;
text-align: center;
background: transparent url("../images/tabs-flipped.png") no-repeat 0 -52px;

}

#nav-main ul li.wide {
width: 220px;
background: transparent url("../images/tabs-flipped-wide.png") no-repeat 0 -52px;

}

#nav-main ul li a {
display: block;
background: transparent url("../images/tabs-flipped.png") no-repeat 0 -52px;
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: bold;

}

#nav-main ul li a.wide {
width: 220px;
background: transparent url("../images/tabs-flipped-wide.png") no-repeat 0 -52px;
}



#nav-main ul li a.current {
background: lightsteelblue url("../images/tabs-flipped.png") no-repeat 0 0px;
background: transparent url("../images/tabs-flipped.png") no-repeat 0 0px;
color: #930;


}

#nav-main ul li a:hover {
background: lightsteelblue url("../images/tabs-flipped.png") no-repeat 0 -26px;
background: transparent url("../images/tabs-flipped.png") no-repeat 0 -26px;
color: #930;

}

#nav-main ul li a.current:hover {
background: lightsteelblue url("../images/tabs-flipped.png") no-repeat 0 0px;
background: transparent url("../images/tabs-flipped.png") no-repeat 0 0px;

}


.mfswatermark1 {
background-image: url(../images/multiformgradientbanner02-f-trans.png);
background-repeat: repeat-y;

}


#header-shopping-cart {
margin-left: 0%;
/* margin-left; 20%; */
/* margin-right; 20%; */
padding-top: 10px;
padding-bottom: 10px;
}




.awesome, .awesome:link, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	position: relative;
	display: inline-block; 
	/* padding: 5px 10px 6px; */
	color: navy; 
	/* text-decoration: none;
	   font-weight: bold; */
	font-weight: bold;
	/* Rounded Corners */
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px;
   border-radius:         5px;
   /* behavior: url(scripts/border-radius.htc); */
	
   /* Shadow */
	/*
   filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='20');
   */
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow:        0.1em 0.1em 0.2em  #dddddd ; rgba(ff,ff,ff,25);
	border-bottom:      1px solid rgba(0,0,0,0.25);
	border-right:       1px solid rgba(0,0,0,0.25);
	cursor:             pointer;
	/* width: 140px; */
	text-align:         center;
	/* vertical-align:     middle; */
	height:             2.3em; 
	margin:             0px;
	letter-spacing:     0px;
	
}

.awesome.tallerbtn {
height: 2.73em;

}


.price {
font-size: 1.2em;
font-weight: bold;
}

.strikeout {
font-size: 1.2em;
font-weight: bold;
text-decoration: line-through;
}



/* .current.awesome   {color: #ffffff; } */
.awesome:hover	{ background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.awesome, .awesome:visited,
/* .medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } */

.small.awesome, .small.awesome:visited { font-size: 11px; padding: 2px 10px 2px 10px; }
.smaller.awesome, .smaller.awesome:visited { font-size: 5px; padding: 2px 10px 2px 10px; }
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: 600; line-height: 1.1em;  }
/* .large.awesome,  .large.awesome:visited { font-size: 20px; padding: 8px 14px 9px; } */
.large.awesome,  .large.awesome:visited { 
   font-size: 15px; 
   padding: 0px; 
   padding-top: 5px;
   padding-bottom: 5px;
   
   }	
/*
.gray.awesome, .gray.awesome:visited { background-color: #c8c8c8; }
.gray.awesome:hover	{ background-color: #919191; }
.gray.awesome, .gray.awesome:visited		{ background-color: #818181; }
.gray.awesome:hover						{ background-color: #919191; }
*/

.gray.awesome, .gray.awesome:visited { background-color: #818181; }
.gray.awesome:hover { background-color: #919191; }

.steelblue.awesome, .steelblue.awesome:visited { background-color: lightsteelblue; }
.steelblue.awesome:hover { color: #fff; text-shadow: 0.1em 0.1em 0.2em  #000077 ;}


// .current.awesome  { background-color: lightsteelblue; } 
.current.awesome  { 
color: #FFF; 
background-color: #818181; 
text-shadow: 0.2em 0.2em 0.7em #000;
} 


.green.awesome, .green.awesome:visited    { background-color: #91bd09; }
.green.awesome:hover                      { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover                       { background-color: #007d9a; }
.red.awesome, .red.awesome:visited        { background-color: #e33100; }
.red.awesome:hover                        { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited   { background-color: #a9014b; }
.magenta.awesome:hover                    { background-color: #630030; }
.orange.awesome, .orange.awesome:visited  { background-color: #ff5c00; }
.orange.awesome:hover                     { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited  { background-color: #ffb515; }
.yellow.awesome:hover                     { background-color: #fc9200; }


.graygradient.awesome, .graygradient.awesome:visited { 
   background-color: #818181; 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#444444'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#444444)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #ccc, #444); /* for firefox 3.6+ */ 
   }
.graygradient.awesome:hover { 
   background-color: #919191; 
   text-shadow: 0.2em 0.2em 0.7em #000;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#444444'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#444444)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #eeeeee, #444); /* for firefox 3.6+ */ 
   }

.orangegradient.awesome, .orangegradient.awesome:visited { 
   background-color: #818181; 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF8F', endColorstr='#BE9200'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#FFDF8F), to(#BE9200)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #FFDF8F, #BE9228); /* for firefox 3.6+ */ 
   }
.orangegradient.awesome:hover { 
   background-color: #919191; 
   text-shadow: 0.2em 0.2em 0.7em #000;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF8F', endColorstr='#BE9228'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#FFDF8F), to(#BE9228)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #FFEF9F, #CEB248); /* for firefox 3.6+ */ 
   }

.bluegradient.awesome, .bluegradient.awesome:visited { 
   background-color: #818181;
   background: transparent; 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000077', endColorstr='#0000CC'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#000077), to(#0000CC)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #000077, #0000CC); /* for firefox 3.6+ */ 
   }
.bluegradient.awesome:hover { 
   background-color: #919191; 
   text-shadow: 0.2em 0.2em 0.7em #000;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF8F', endColorstr='#BE9228'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#FFDF8F), to(#BE9228)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #FFEF9F, #CEB248); /* for firefox 3.6+ */ 
   }

.lightbluegradient.awesome, .lightbluegradient.awesome:visited { 
   background-color: #818181; 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3333FF', endColorstr='#0000EE'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEEE), to(#0000FF)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #AAAAEE, #0000FF); /* for firefox 3.6+ */ 
   }
.lightbluegradient.awesome:hover { 
   background-color: #919191; 
   text-shadow: 0.2em 0.2em 0.7em #000;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF8F', endColorstr='#BE9228'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#FFDF8F), to(#BE9228)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #FFEF9F, #CEB248); /* for firefox 3.6+ */ 
   }




.seecart.awesome {
   width:83px; 
   height:auto; 
   color:#FFFFFF; 
   font-size: .9em;
   vertical-align: middle;
   /* padding: 5px 20px 5px 20px; */
   margin-left: 22%; 
   margin-right: 25%; 
   /*
   border-radius:         5px;
   behavior: url(scripts/border-radius.htc);
   */

}

.addtocart.awesome, .addtocart.cattable th a, addtocart.cattable table a {
   width:auto; 
   height:auto; 
   color:#FFFFFF ! important; 
   font-size: .8em ! important;
   vertical-align: middle;
   padding: 2px 10px 2px 5px; 

}

.dropdown.awesome {
width: 100%;
padding: 0px;
padding-bottom: 5px;
/* height: 30px; */
font-size: 1em;
/* height: 1.1em; */
height: auto; 
vertical-align: middle;
font-weight: bold;
color: white;
text-align: left;
   text-shadow: 0.2em 0.2em 0.2em  #000000 ; rgba(00,00,00,25);
   /*
   filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='2');
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='2')";
   -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(Strength=4, Direction=135, Color='#AAAAAA')";
   filter:progid:DXImageTransform.Microsoft.DropShadow(color='#444444',offx='4',offy='4', positve='true' );
   filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444',direction='120',strength='2');
   */


}




/*
.addtocart{
   width:auto; 
   height:auto; 
   color:#FFFFFF; 
   font-size: .5em;
   vertical-align: middle;
   padding: 2px 10px 2px 10px; 

}
*/

#awetab {
display: inline-block; 
background: #eee;
background: #ffffff;
background-color: red;
background: transparent;
/* background: transparent; */
font-size: .8em;
font-size: .65em;
font-weight: bold;
font-weight: normal;
padding-left: 0px;
color: #ffffff;
width: 100%;
margin: auto;
height: auto;

}



/****************************************************/
/**************** CATALOGUE TABS ********************/
/****************************************************/
#cattab-toplevel ul {
list-style-image: none;
padding: 0px;
}



#cattab {
background: #eee;
background: #ffffff;
background: red;
background: transparent;
font-size: .8em;
font-size: .65em;
font-weight: bold;
font-weight: normal;
width: 500px;
margin-left: 0px;
margin-top: 0px;

padding-left: 0px;
}

#cattab ul {
background: red;
background: transparent;
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
padding-bottom: 3px;
font-weight: normal;

}

#cattab ul li {
display: inline;
float: left;
padding: 0px;
margin-left: 0px;
margin-right: -3px;
width: 220px;
font-weight: normal;
text-align: center;


}

#cattab ul li a {
display: block; 
/* x001
background: transparent url("../images/tabsmed2-flipped.png") no-repeat 0  0px; /* -52*/
background: transparent url("../images/tabs.gif") no-repeat 0  0px; /* -52*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0  0px; /* -52*/
*/
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: normal;
font-weight: bold;


}

#cattab ul li a.current {
background: transparent url("../images/tabmed2-flipped.png") no-repeat 0 -52px;  /* 0*/
background: transparent url("../images/tabmed-flipped.png") no-repeat 0 -52px;  /* 0*/
color: #930;


}

#cattab ul li a:hover {
background: transparent url("../images/tabsmed2-flipped.png") no-repeat 0 -26px;
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 -26px;
color: #930;

}

#cattab ul li a.current:hover {
background: transparent url("../images/tabsmed2-flipped.png") no-repeat 0 -52px;  /* 0*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 -52px;  /* 0*/

}


#cattab table caption {
text-align: center;

}

/****************************************************/
/**************** CATALOGUE TABS ********************/
/****************************************************/
/*
#cattab-toplevel ul {
list-style-image: none;
padding: 0;
}


#cattab {
background: #eee;
background: transparent;
background: #ffffff;
font-size: .8em;
font-weight: bold;
width: auto;
}
*/

/*
#main-text #cattab {
width: 500px;
margin-left: 0px;
margin-top: 0px;
background: transparent;

}
*/

#main-text ul.cattab {
background: transparent;
margin-left: 1px;
margin-top: 0px;
}

#main-text ul.cattab li {
display: inline;
margin-left: 1px;
margin-top: 0px;
margin-right: -3px;
width: 160px;
text-align: center;
background: transparent;
border: none;
}

#main-text ul.cattab li a {
display: block;
/*
background: transparent url("../images/tabs.gif") no-repeat 0  0px; /* -52*/
background: transparent url("../images/tabswide.png") no-repeat 0  0px; /* -52*/
background: transparent url("../images/tabswide-flipped.png") no-repeat 0  -52px; /* -52*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0  -52px; /* -52*/
*/
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: bold;


}

#main-text ul.cattab li a.current {
/*
background: transparent url("../images/tabswide.png") no-repeat 0 -52px;  /* 0*/
background: transparent url("../images/tabswide-flipped.png") no-repeat 0 0px;  /* 0*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 0px;  /* 0*/
*/


color: #930;


}

#main-text  ul.cattab li a:hover {
/*
background: transparent url("../images/tabswide.png") no-repeat 0 -26px;
background: transparent url("../images/tabswide-flipped.png") no-repeat 0 -26px;
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 -26px;
*/
color: #930;

}

#main-text ul.cattab li a.current:hover {
background: transparent url("../images/tabswide-flipped.png") no-repeat 0 0px;  /* 0*/
background: transparent url("../images/tabswide.png") no-repeat 0 -52px;  /* 0*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 0px;  /* 0*/

}




#main-text ul.cattabsmall {
background: transparent;
background: blue;
margin-left: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
border: 1px solid;


}

#main-text ul.cattabsmall li {
display: inline;
margin-left: 0px;
margin-top: 0px;
margin-right: -3px;
width: 141px;
text-align: center;
background: transparent;
border: none;
border: 0px solid;
padding: 3px;
}

#main-text ul.cattabsmall li a {
display: block;
background: transparent url("../images/tabs.gif") no-repeat 0  0px; /* -52*/
background: transparent url("../images/tabswide.png") no-repeat 0  0px; /* -52*/
background: transparent url("../images/tabswide-flipped.png") no-repeat 0  -52px; /* -52*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0  -52px; /* -52*/
background: transparent url("../images/tabssmall-flipped-0-3a.png") no-repeat 0 -52px;  /* 0*/
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: bold;


}

#main-text ul.cattabsmall li a.current {
background: transparent url("../images/tabswide.png") no-repeat 0 -52px;  /* 0*/
background: transparent url("../images/tabswide-flipped.png") no-repeat 0 0px;  /* 0*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 0px;  /* 0*/


background: transparent url("../images/tabssmall-flipped-0-3a.png") no-repeat 0 0px;  /* 0*/

color: #930;


}

#main-text  ul.cattabsmall li a:hover {
background: transparent url("../images/tabswide.png") no-repeat 0 -26px;
background: transparent url("../images/tabswide-flipped.png") no-repeat 0 -26px;
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 -26px;
background: transparent url("../images/tabssmall-flipped-0-3a.png") no-repeat 0 -26px;  /* 0*/

color: #930;

}

#main-text ul.cattabsmall li a.current:hover {
background: transparent url("../images/tabswide-flipped.png") no-repeat 0 0px;  /* 0*/
background: transparent url("../images/tabswide.png") no-repeat 0 -52px;  /* 0*/
background: transparent url("../images/tabsmed-flipped.png") no-repeat 0 0px;  /* 0*/


background: transparent url("../images/tabssmall-flipped-0-3a.png") no-repeat 0 0px;  /* 0*/

}






/****************************************************/
/*********** NAVIGATION BAR LEFT SIDE ***************/
/****************************************************/

#navbarl {
margin-top: 25px;
float: left;
margin-left: 10px;
margin-bottom:10px;
background-color: #C3C3C3;
/* width: 198px; */
width: 178px;
border: 2px solid #707070;

}

#navbar1contents{
margin-top: 1px;
width: 178px;
/* Was 10px originally, but maybe that was
   too much of a left indent from the left edge
   of the banner, so made
   it 5 px instead.  May not leave but am trying it.

   margin-left: 10px;
*/
/* Since putting the background to the body
   to gray, it just looks better to have a
   zero margin
*/ 
margin-left: 0px;

margin-right: 0px;

/* This will color the entire background of the nav bar
   However, it will not go all the way to the bottom of
   the page.  The color stops at the bottom of the
   contents of the navbar.
   --------------------------
   background-color: #e8e8e8; 
*/
   background-color: #d8d8d8; 
 
}

#navbarl ul {
display: list-item;
list-style-type: none;
/* Original style was the 5px and the 10px
   margin-left: 5px;
   margin-right: 10px;
*/
   margin-left: 0px;
   margin-right: 0px;


margin-top: 0px;
margin-bottom: 0px;
/* This fills in the entire UL list background
   for the left navigation 
   background-color: #c3c3c3; 
   background-color: #ff0000;
   background-color: #e8e8e8;
*/
background-color: #e8e8e8;
// border: 1px #FF0000;
border-top: 1px #e8e8e8 groove;

/* Use this to make small right/bottom border
   The 1px and 3px was the original style
border-right: 1px #c3c3c3 groove;
border-bottom: 3px #c3c3c3 groove;
*/
border-right: 1px #c3c3c3 groove;
border-bottom: 3px #c3c3c3 groove;

padding-bottom: 5px;
background-image: url(../images/navbackground-vert-150.png);
background-position: center left;
}

#navbarl li {
/*
*/
padding-left: 10px;
padding-bottom: 1px;
font-size: 100%;
}

#navbarl ul p{
text-align: center;
line-height: 125%;
background-color: #FFFFF5;
padding: 5px 5px 5px 5px;
margin: 3px 13px 3px 3px;
font-size: 80%;

}

#navbarl ul div{
text-align: center;
line-height: 125%;
background-color: #FFFFF5;
padding: 5px 5px 5px 5px;
// margin: 3px 13px 3px 3px;
font-size: 80%;

}



#navbar1text{
margin: 11px 11px 11px 11px;
background-color: #e8e8e8;
border-top:    1px #e8e8e8 groove;
border-left:   1px #e8e8e8 groove;
border-right:  3px #c3c3c3 groove;
border-bottom: 3px #c3c3c3 groove;

}

#navbar1text div{
// background-color: #e8e8e8;
background-image: url(../images/navbackground-vert-300.png);
background-position: center center;
// border: 1px #FF0000;
border-top: 1px #e8e8e8 groove;

/* Use this to make small right/bottom border
   The 1px and 3px was the original style
border-right: 1px #c3c3c3 groove;
border-bottom: 3px #c3c3c3 groove;
*/
border-right: 1px #c3c3c3 groove;
border-bottom: 3px #c3c3c3 groove;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
text-align: center;
line-height: 125%;
// padding: 5px 5px 5px 5px;
font-size: 90%;
}

#navbar1text div.text2{
background-image: url(../images/navbackground-vert-3-400.png);
}

#navbar1text div h5{
font-size: 110%;
}



#navbarl a {
font-size: .8em;
font-weight: bold;
color: #336699;
background-color: inherit;
} 

#navbarl a:link{
}


#navbarl a:visited{
background-color: #e8e8e8;
background-color: inherit;
text-decoration: none;}

#navbarl a:hover{
color: #000;}


#navbarl a:active{
background-color: inherit;}

#navbarl h1 {
font-size: 90%;
font-weight: bold;
/* color: #810404;   ** a dark red*/
color: #810404;
font-style: normal;
text-align: left;
padding: 0px;
padding-left: 5px;
letter-spacing: 1px;
background-color: #c3c3c3;
border-bottom: 3px #000 solid;
/*border-right: 3px #5b5b5b groove;*/
background-repeat: repeat-y;
background-image: url(../images/navbackground.png);
}



#navbarl h2 {
font-size: 90%;
font-weight: bold;
color: #BA0505;
font-style: normal;
text-align: left;
padding-left: 3px;
letter-spacing: 2px;}

ol {}

ul {}

li {}



/*********************************
 *For controlling the top position of the
 *Core Benefits Prev/Next Guide
 *Located in multiform.inc.php, 
 *created by the
 *routine CoreBenefitsTopPrevNext  
 *********************************/
#topprevnext {
/* margin-top: -9px; */
padding-top: 5px;
padding-bottom: 15px;
}


/****************************************************/
/**************** MAIN TEXT SECTION *****************/
/****************************************************/
/* The #main-text-container is here mostly for
   stupid IE purposes.  Since IE does weird things
   when counting margin,padding,border,width.
*/   

#main-text-container {
/* changed 2010/12/18 from
   width: 500px;
   margin-left: 225px;
*/
/*
   width: 530px;
   margin-left: 200px;
*/   
   width: auto;
   margin-left: 0px;
   margin-right: auto;


background-color: transparent;
padding: auto;
/*
background-color: blue;
padding: auto;
*/
}

#main-text {
/* background-color: #ff0000; 
   background-color: #fafafa;
*/
   font-size: 1em;
   background-color: #ffffff;
   border: 2px solid #ccc;
   padding-top: 10px; 
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 25px;
   margin-bottom: 20px;


/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: lightblue;
 */  

}

#main-text.mobile {
/* background-color: red; */

background:#eaeaea url(../images/usbdrive_2a.png) repeat;
background: transparent url(../images/usbdrive_2e.png) repeat-y;

}


#main-text h1 {
font-size: 150%;
text-decoration: none;
color: #000000;
font-style: normal;
letter-spacing: 2px;
word-spacing: 4px;
padding: 0px;

margin-left: 0px;
}



/* Same as #main h1 */
#main-text h1.mainh1 {
font-size: 95%;
font-weight: bold;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
width: auto;
/* text-align: left; */
background-color: lemonchiffon;
color: #810404;
letter-spacing: 1px;
padding-left: 00px;
border-bottom: 1px #000000 solid; 
border-right: 1px #000000 solid; 
}

#main-text h1.larger {
font-size: 2em;
}

#main-text h1.redtext{
color: #770000;
}


#main-text h2 {
font-size: 110%;
text-decoration: none;
color: #000000;
font-style: normal;
word-spacing: 4px;
background-color: lightsteelblue;
padding-left: 5px;
padding-bottom: 4px;

}

#main-text h2.pkgtitle {
font-size: 1.2em;
letter-spacing: 1px;
color: #fefefe;
padding: 7px;
background-image: url(../images/MultiformBackGradient04a-Fliiped-InnerBevel-SunBurst3.png);
background-repeat: no-repeat;
background-position: -150px -70px;
/*
	-moz-box-shadow:    0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
*/
	text-shadow:        0.1em 0.1em 0.02em  #000000 ; rgba(ff,ff,ff,25);



}


#main-text h2.caption {
font-size: 100%;
text-decoration: none;
color: #000000;
font-style: normal;
font-style: bold;
word-spacing: 0px;
background-color: white;
padding-left: 11px;
margin-bottom: 4px;
}

#main-text h2.red {
font-size: 125%;
font-weight: bold;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
width: auto;
/* text-align: left; */
background-color: lemonchiffon;
color: #FF0000;
letter-spacing: 1px;
padding-left: 00px;
border-bottom: 1px #000000 solid; 
border-right: 1px #000000 solid; 
}

#main-text h2.larger {
font-size: 120%;
}

#main-text h2.larger40 {
font-size: 140%;
}

#main-text h2.important {
color: #FF0000;
}

#main-text h2.dkgreen {
color: #007700;
}






#main-text h3 {
font-size: 100%;
text-decoration: none;
color: #000000;
font-weight: bold;
letter-spacing: 1px;
}

#main-text h3.large {
font-size: 1.2em;
color: #000088;
}


#main-text h3.larger {
font-size: 1.5em;
color: #000088;
}


#main-text h4 {
font-size: 100%;
text-decoration: none;
color: #000000;
font-weight: bold;
letter-spacing: 1px;
background-color: lemonchiffon;
border: 1px #000000 solid; 
padding: 4px;

}

#main-text h4.larger {
font-size: 120%;
}

#main-text h4.larger40 {
font-size: 140%;
}

#main-text h4.important {
color: #FF0000;
}

#main-text h4.deepred {
color: #990000;
}


#main-text h4.dkgreen {
color: #007700;
}





#main-text h2.em2{
font-size: 1.5em;
letter-spacing: 2px;
}




#main-text h5 {
font-size: 110%;
text-decoration: none;
font-weight: bold;
background-color: transparent;
color: #810404;
letter-spacing: 1px;
padding-left: 0px;
}



#main-text h1.logo {
font-size: 175%;
font-weight: bolder;
color: #113366;
font-style: normal;
letter-spacing: 2px;
word-spacing: 4px;
font-family: Times, "Times New Roman", serif;
text-decoration: none;}

#main-text #centered{
text-align: center;
}


#main-text2 {
/* background-color: #ff0000; 
   background-color: #fafafa;
*/
   font-family: Times, "Times New Roman", serif;
   font-size: 1em;
   background-color: #ffffff;
   border: 2px solid #ccc;
   padding-top: 10px; 
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 25px;
   margin-bottom: 20px;
   line-height: 1.2em;


/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: lightblue;
 */  

}


#main-text2 p {
font-size: 90%;
text-align: justify;
line-height: 1.2em;
color: #000000;
}

#main-text2 h2 {
font-size: 110%;
color: #333333;
text-decoration: none;
text-align: center;
}

#main-text2 h3 {
font-size: 100%;
color: #D98719;
text-decoration: none;
text-align: left;
}





.quotecontainer{
margin: 0px 0px 0px 0px;
border: 1px #dddddd solid;

/* border-bottom: 0px #000000 outset; */

padding: 7px 7px 27px 7px;
background-color: #e8e8e8; 
font-size: 8pt;
font-size: .85em;
font-size: .9em;
font-size: 1em;
font-size: .9em;


/* didn't seem to make a difference 

width: auto; */

}


#main-xml-container {
width: 800px;
margin-left: 48px;
}

#main-xml-text {
/* background-color: #ff0000; 
   background-color: #fafafa;
*/
font-size: 210%;
background-color: #ffffff;
border-left: 0px #000000 solid;
border-right: 0px #000000 solid;
border-bottom: 0px #000000 solid;
padding-top: 10px;
padding-left: 10px;
padding-right: 0px;

}

/*
#main-text h5 {
font-size: 110%;
text-decoration: none;
font-weight: bold;
background-color: transparent;
color: #810404;
letter-spacing: 1px;
padding-left: 0px;
}
*/



#xmloutput table {
width: 700px;
}


#xmloutput table h1{
font-size: 1.2em;
text-align: center;
font-style: italic;
letter-spacing: 5px;
width: auto;
}



#xmloutput table h5{
font-size: 1.2em;
}

/************** XMLHEADER DIV TABLE ****************/
#xmlheader table {
width: 770px;
}


#xmlheader table h1{
font-size: 1.2em;
text-align: center;
font-style: italic;
letter-spacing: 5px;
}


#xmlheader table h2{
font-size: 1em;
text-align: center;
}

#xmlheader table h3{
font-size: 1em;
font-style: italic;
}
#xmlheader table h4{
font-size: 1em;
}



#xmlheader table h5{
font-size: 1em;
}

#xmlheader tr {
margin: 0px;
padding-left: 10px;
height: 0px;
}

#xmlheader th {
width: 35%;
height: 0px;
padding-left:10px;
margin: 0px;
text-align:left;
/* background:#eaeaea; */
background:#eaeaea url("../images/menubg2.gif") bottom left repeat-x; 
/* color:#505050; */
color: #810404;
vertical-align: middle;
}

#xmlheader th a{
color: #810404;
}


#xmlheader td {
height: 0px;
padding-left:10px;
margin: 0;
font-size:1em;
text-align:left;
background:#f4f4f4;
/* background:#f4f4f4 url("../images/menubg.gif") bottom left repeat-x; */
color:#303030;
vertical-align: middle;

}

#xmlheader td.alert {
background-color: #EE7799;
}

#formcontainer {
width: 950px;
margin-left: -50px;
} 
#formcontainer #form {
margin-left: 0px;
} 
/*
#form #formpage{
margin-left: 100px;
} 
*/

#form.formpage{
margin-left: 100px;
} 



/*
#main-text #quotecontainer2{
margin: 0px 0px 0px 0px;
border: 0px #000000 outset;
padding: 7px;
background-color: rgb(237,242,255);
font-size: 8pt;
font-size: 1em;
}
*/

.quotecontainer2{
margin: 0px 11px 0px 0px;
border: 0px #000000 outset;
padding-left: 7px;
padding-left: 11px;

background-color: rgb(237,242,255);
font-size: 8pt;
font-size: 1em;
}




.qauthor {
font-size: 8pt;
}



#main-text p.centered {
text-align: center;
}


#main-text p.larger {
font-size: 125%;
}

#main-text p.f110 {
font-size: 110%;
line-height: 1.5em;
color: #000000;
padding: 5px;
}


#main-text p.block {
font-size: 9pt;
color: #000000;
padding: 5px; 
background-color: #FFFFCC;
border: 1px #000000 solid; 
}

#main-text p.block2 {
font-size: 1em;
color: #000000;
padding: 5px; 
background-color: #FFFFCC;
border: 1px #000000 solid; 
}


.freesign {
background-image: url(../images/freesign-opt.jpg);
background-position: center 45px;
background-repeat: no-repeat;


}

.freetraining {
background-image: url(../images/emeeting-1.jpg);
background-position: top center;
background-repeat: no-repeat;

}

#main-text p.marginsin10 {
margin-left: 10px;
margin-right: 10px;
}



#main-text p.normal0 {
font-size: 9pt;
color: #000000;
padding: 10px;
}

#main-text p.verylightblue {
color: #000000;
padding: 11px;
}

#main-text p.verylightbluetext {
color: #0000DD;
padding: 11px;
}





#main-text p.blocked {
border: 1px #000000 solid; 
}

#main-text #main ol{
list-style: decimal inside;
list-style-position: inside;
padding-left: 0px;
margin-left: 20px;
margin-right: 20px;
/* background-color: lightsteelblue; */
}



#main-text #main ol li {
background-color: transparent;
font-size: 1.05em;
font-weight: bold;
text-decoration: none;
/*
display: block;
 margin-top: 25px;
margin-right: -3px; */
width: auto;
text-align: left;
/* color: #810404; */
color: black; 
letter-spacing: 0px;
padding-left: 0px;
border: 0;
margin-top: 1em;

}

#main-text #main ol p{
padding: 0 0 0 0;
margin: 0 0 0 0;
margin-left: 25px;
font-weight: normal;
font-size: .85em;
}

#main-text #banner {
}

#main-text #main  {
font-size: 1em;
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
}

#main-text #main h1 {
font-size: 105%;
font-weight: bold;
text-decoration: none;
/* margin-top: 25px; */

margin-top: 0px;
margin-right: -3px;
width: auto;
text-align: left;
background-color: transparent;
background-color: lemonchiffon;
color: #810404;
letter-spacing: 1px;
padding-left: 7px;
border-bottom: 1px #000000 solid; 
border-right: 1px #000000 solid; 
}


#main-text #main h1.notop {
margin-top: 0px;
}

.notop {
margin-top: 0px;
}



#main-text #main h2 {
font-size: 95%;
font-weight: bold;
text-decoration: none;

margin: 15px 5px 5px 5px; 
/* margin: 15px 10px 5px 0px; */
width: auto;
text-align: left;
background-color: transparent;
border-top: 5px #9a9a9a double;
border-bottom: 1px #9a9a9a solid;
background:#eaeaea url(../images/menubg2.gif) bottom left repeat-x;
/* color: steelblue; */
letter-spacing: 0px;
padding-left: 5px;
}


#main-text img{
/* border: 10px #EEEEAA groove; */
/* border-left: 10px #EEEEAA groove; 
border-top: 10px #EEEEAA groove;  */ 
border-top: 0px #0000AA groove; 
border-left: 0px #0000AA groove; 
border-right: 0px #0000AA groove; 
border-bottom: 0px #0000AA groove; 

margin-left: 0px;
padding-left: 0px;
}


#main-text img.placemarker{
border: thin rgb(0,0,51) solid;
background:#eaeaea url(../images/menubg2.gif) bottom left repeat-x;
width: 100%;
height: 100px;
}

img.fullalpha{
Filter: Alpha(Opacity=100)
}

#main-text img.moveleft10{
margin-left: -10px;
}

#main-text img.moveleft20{
margin-left: -20px;
}

#main-text img.mr10{
margin-left: 10px;
border: 0px #EEEEAA groove;
}

#main-text img.mr15{
margin-left: 10px;
border: 0px #EEEEAA groove;
}

#main-text img.mr25{
margin-left: 25px;
border: 0px #EEEEAA groove;
}


#main-text img.textonright{
float: left;
margin-right: 10px;
margin-top: 10px;
}


#main-text img.textonleft{
float: right;
margin-left: 10px;
margin-top: 10px;
}

/* Purpose: To allow for a bigger picture
   without eating up text space so much.
   Does this by going over, spanning the right edge
   of the div to intrude into col 3.
*/
#main-text img.imgspanright{
float: right;
margin-right: -150px;
margin-top: 10px;
margin-left: 10px;

}
#main-text img.imgspanleft{
float: left;
margin-right: 10px;
margin-top: 10px;
margin-left: -100px;

}

.spanleft{
float: left;
margin-right: 10px;
margin-top: 10px;
margin-left: -100px;
}



#main-text #main p{

font-size: .9em;
margin-top: 7px;
margin-left: 20px;
margin-right: 25px;
line-height: 1.35em;
}

#main-text #main p.zerotop{
margin-top: 0px;
}

/* For Headings for #main-text #main p( sections at the 
   same indent as the paragraph*/
#main-text #main h3{
font-size: 100%;
text-decoration: none;
color: #000000;
font-weight: bold;
letter-spacing: 0px;
margin-left: 20px;
}

#main-text #main h3.large{
font-size: 125%;
}


#main-text #main h3.larger{
font-size: 150%;
}




#main-text ul {
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
list-style-position: inside;
font-size: 110%;
}



#main-text ul li {
display: block;
/*123 changed to list-item */
display: list-item;
font-weight: bold;
text-decoration: none;
margin-top: 25px;
margin-right: -3px;
width: auto;
text-align: left;
background-color: lemonchiffon;
color: #810404;
letter-spacing: 1px;
padding-left: 0px;
border-bottom: 1px #000000 solid; 
border-right: 1px #000000 solid; 
}

#main-text ul p{
margin-top: 7px;
margin-left: 20px;
margin-right: 25px;
line-height: 1.4em;
font-weight: normal;
font-size: 85%;
letter-spacing: 0px;

}





#main-text ul.simple {
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-right: 20px;
}

#main-text ul.simple li {
font-size: 85%;
font-weight: bold;
text-decoration: none;
display: list-item;
margin: 0px;
margin-bottom: 5px;
width: auto;
text-align: left;
/* color: #336699; */
color: #114477; 

letter-spacing: 0px;
padding-left: 0px;
background: transparent;
border-bottom: 0px #000000 solid; 
border-right: 0px #000000 solid; 
}




#main-text ul.pagelinks{
list-style-type: none;
list-style-position: outside;
margin-top:    7px;
margin-left:  20px;
margin-right: 25px;
line-height: 1.1em;
/* background-color: bisque; */
font-weight: normal;
border: 0px solid #CCCCCC;
background-color: white;
background-color: transparent; 
position: static;
}

#main-text ul.pagelinks.large{
line-height: 1.5em;
}


#main-text ul.pagelinks li{
/* background-color: bisque; */
background-color: transparent; 
font-weight: normal;
position: static;
/*
font-size: 75%;
font-size: .75em;
*/

font-size: .75em;
margin: 0px;
margin-left: 10px;
padding-left: 0px;
// font-style: italic;
border: 0px solid #000000;
border-bottom: 1px solid #336699;
/* color: #FF0000; */
}


#main-text ul.pagelinks li a{
font-weight: normal;
color: #336699;
position: static;
/* display: block; */
display: block;
padding-left: 10px;

}

#main-text ul.pagelinks li a:link {
text-decoration: none;
color: #336699;
position: static;
background-color: transparent;

}


#main-text ul.pagelinks li a:hover {
/* background-color: #aaddee; */ 
/* background-color: #E5F0F5; */ 
background: #E5F0F5 url("../images/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
position: static;
}


#main-text ul.pagelinks li a:visited {
/* background-color: #95b7cd; */
/* background-color: inherit; */
/* background-color: ; */ 
/* background-color: transparent; */ 
color: inherit;
text-decoration: none;
position: static;
}


#main-text ul li a:active {
/* background-color: transparent; */ 
position: static;
}




#main-text #main ul.simple {
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-right: 20px;
}

#main-text #main ul.simple li {
font-size: 85%;
font-weight: bold;
text-decoration: none;
display: list-item;
margin: 0px;
margin-bottom: 5px;
width: auto;
text-align: left;
/* color: #336699; */
color: #114477; 

letter-spacing: 0px;
padding-left: 0px;
background: transparent;
border-bottom: 0px #000000 solid; 
border-right: 0px #000000 solid; 
}


#main-text #main ul.simple2 {
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-right: 20px;
list-style-position: outside;
}

#main-text #main ul.simple2 li {

font-size: 85%;
font-weight: normal;
text-decoration: none;
display: list-item;
margin: 0px;
margin-left: 20px;
margin-bottom: 5px;
width: auto;
text-align: left;
/* color: #336699; */
color: #000000; 

letter-spacing: 0px;
padding-left: 0px;
background: transparent;
border-bottom: 0px #000000 solid; 
border-right: 0px #000000 solid; 
}


#main-text ul.simple3 {
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-right: 20px;
}

#main-text ul.simple3 li {
display: list-item;
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-right: 20px;
font-size: 85%;
font-weight: bold;
text-decoration: none;
margin: 0px;
margin-bottom: 5px;
text-align: left;
/* color: #336699; */
color: #114477; 

letter-spacing: 0px;
padding-left: 0px;
background: transparent;
border-bottom: 0px #000000 solid; 
border-right: 0px #000000 solid; 
}

#main-text ul.simple3 p {
font-size: .9em;

}



#main ul {
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-right: 20px;
}

#main ul li {
display: list-item;
padding-left: 5px;
margin-left: 20px;
margin-right: 20px;
margin-right: 20px;
font-size: 85%;
font-weight: normal;
text-decoration: none;
margin: 0px;
margin-bottom: 5px;
text-align: left;
/* color: #336699; */
/* color: #114477; */
color: black; 

letter-spacing: 0px;
padding-left: 0px;
background: transparent;
border-bottom: 0px #000000 solid; 
border-right: 0px #000000 solid; 
}




/* Never could get a
   main ul p      or a
   main ul li p   working
   -could affect color and font-weight,
   but could never get font-size, or
   line-height to work, even if moved
   to the end.
   ---
   So am resorting to a div.lip
   "lip" means  "li p"
   Its NOT inside a <li></li> block!
   But AFTER a <li></li> block
   <li>Item one</li>
   <div class="lip">
   Paragraph data here, functions as
   explanation for 
   </div>
*/
div.lip {
margin-left: 15px;
font-size: 80%;
font-weight: normal;
color: black;
margin-bottom: 15px;
padding-right: 20px;
/* text-align: justify; */

}

div.lip.red {
color: red;
}

div.lip.blue {
color: #114477;
}



#main ul.ulliblack li{
color: black; 
}
#main ul.ullired li{
color: red; 
}
#main ul.ulliblue li{
color: #114477;
}
#main ul.ulliblackbold li{
font-weight: bold;
color: black; 
}
#main ul.ulliredbold li{
font-weight: bold;
color: red; 
}
#main ul.ullibluebold li{
font-weight: bold;
color: #114477;
}




/***********************************************
   IMAGES WITH CAPTIONS WITHIN PARAGRAPHS
   IMAGES WITH CAPTIONS WITHIN PARAGRAPHS
   IMAGES WITH CAPTIONS WITHIN PARAGRAPHS
************************************************/
/* 
   <CONTAINERDIV>
      <CAPTIONDIV></CAPTIONDIV>
      <IMAGEDIV></IMAGEDIV>
      <CAPTIONDIV></CAPTIONDIV>
   </CONTAINERDIV>
   Either or BOTH the <CAPTIONDIV> can be used.
   Does not need an ID or CLASS, as plain <div>
   within the Div id="imageonleft" or right will work.      
   These div's are for the purpose of using images
   with captions within paragraphs.
   NOTE: IF they are used within <p></p> sections,
   they MUST be enclosed in <span></span> tabs
   to maintain the integrity of the <p></p>.
   <p>
   such stuff, and more stuff
     <span><div class="imageonleft"> 
         <div>Bogged Down</div>
         <img class="" src="images/accident_truck_mud_1-opt.jpg" alt="Too many parts that don't work well together" title="Pieces Parts" width="159" />
         <div>Difficult to Operate</div>
         </div>
     </span>
   more stuff and more stuff
   </p>
*/

/***************************************
   OVERALL PICTURE AND CAPTION CONTAINER
   <div class="imageonright>
****************************************/
div.imageonleft {
position:static;
float: left;
margin-left: 10px;
margin-top: 10px;
font:inherit;

}

/* CAPTION CONTAINER  
   <div class="imageonright>
      <div>   <-- caption div
*/
div.imageonleft div{
position:static;
font-size: 80%;
font-weight: bold;
padding-left: 5px;
}

/* <DIV class="imageonleft">
      <img...>
    Use a plain "img" to place the 
    caption just below the picture
    but not ON the picutre as 
    CAPTIONONPICBOTTOM will do.    

*/
div.imageonleft img{
margin-bottom: -5px;
position: static;
}

/* CODETODO
   Can expand with more options.
   Say having the caption centered,
   or flush right.
*/

/* CAPTIONONPICBOTTOM
   The negative bottom margin is the trick
   to sliding the bottom caption up into
   and over the picture.
*/
div.imageonleft img.captiononpicbottom{
position: static;
margin-bottom: -2px;
}

div.imageonleft img.captionontop{
position: static;
margin-top: -21px;
}


div.imageonleft img.captionontopbot{
position:static;
margin-top: -21px;
margin-bottom: -25px;
}



/* LIGHCAPTION
   Used in conjunction with CAPTIONONPICBOTTOM
   For use on a pic with a dark bottom,
   will use a white caption.  There is also
   a little padding to move caption off the left
   edge.
*/

div.imageonleft div.lightcaption{
position:;
color: white;
padding-left: 5px;
}


/* OVERALL PICTURE AND CAPTION CONTAINER
   <div class="imageonright">
*/
div.imageonright {
position:static;
float: right;
margin-left: 10px;
margin-top: 10px;
font:inherit;
}

/* CAPTION CONTAINER  
   <div class="imageonright>
      <div>   <-- caption div
*/
div.imageonright div{
font-size: 80%;
font-weight: bold;
position: static;
}

/* <DIV class="imageonleft">
      <img...>
    Use a plain "img" to place the 
    caption just below the picture
    but not ON the picutre as 
    CAPTIONONPICBOTTOM will do.    

*/
div.imageonright img{
margin-bottom: -5px;
position: static;
}

/* CODETODO
   Can expand with more options.
   Say having the caption centered,
   or flush right.
*/

/* CAPTIONONPICBOTTOM
   The negative bottom margin is the trick
   to sliding the bottom caption up into
   and over the picture.
*/
div.imageonright img.captiononpicbottom{
position:static;
margin-bottom: -25px;
}

div.imageonright img.captionontop{
position:static;
margin-top: -21px;
}


div.imageonright img.captionontopbot{
position:static;
margin-top: -21px;
margin-bottom: -25px;
}



/* LIGHCAPTION
   Used in conjunction with CAPTIONONPICBOTTOM
   For use on a pic with a dark bottom,
   will use a white caption.  There is also
   a little padding to move caption off the left
   edge.
*/
div.imageonright div.lightcaption{
position:static;
color: white;
padding-left: 5px;
}


/*****************************************/


div.imgcapfloat{
float: left
}

div.imgcapfloat p{
text-align: center;
}

div.spacer {
clear: both;
}

div.imageincenter{
margin-left: 25%;
margin-right: 25%;
}


/******************************************
 *CLASS: DIV  CLASS="IMGCAPRIGHT"
 *Use the following to put an image with
 *a caption on the right: 
 * <div class="imgright">
      <h3>15 in 15</h3>
      <img src="images/stopwatch_1-opt.jpg" alt="15 in 15" title="15 in 15" >
   </div>
 *
 *Can use whatever to do the caption, in this example,
 *are using <h3> as inherited,
 *Below a special <p> is available.   Here the <p> is
 *left just, but that could be changed. 
 */

div.imgcapright{
float: right;
border: thin sliver solid;
margin: 0px;
padding: 0px;
}

div.imgcapright p{
text-align: left;
font-style: italic;
font-size: smaller;
text-indent: 0;
margin: 0px;
padding: 0px;

}

/*******************************************/


img.scaled{
width: 100%
}

div.imagecontainer{
width: auto;
margin-left: auto;
margin-right: auto;

}

div.relative{
position: relative;
}

div.imgcenter{
margin-left: 25%;
margin-right: 25%;
float: left;
border: thin sliver solid;
}
div.imgcenter p{
text-align: left;
font-style: italic;
font-size: smaller;
text-indent: 0;

}






.imagelistcontainer{
padding-bottom: 50px;

}
.imagelistimage{

}
.imagelisttext{
}


/************************************************
 *Text Blocks     for div ID="lightblueblock"
 *With a Light Blue Color,
 *To set the text apart.
 *Both LightBlueBlock and LightBlueBlock2 are
 *similar.    
 ************************************************/
/*
#lightblueblock{

margin-top: 11px;
margin-bottom: 0px;
background-color: rgb(237,242,255);
padding: 11px;
padding-bottom: 21px;
border-bottom: 1px #000000 solid; 
border-right:  1px #000000 solid;

}

#lightblueblock p{
font-size: 2.9em;
line-height: normal;
background-color: red;

}
*/


/************************************************/
/************************************************
 *Text Blocks     for div class="lightblueblock"
 *With a Light Blue Color,
 *To set the text apart.
 *Both LightBlueBlock and LightBlueBlock2 are
 *similar.    
 ************************************************/
.lightblueblock{
margin-top: 11px;
margin-bottom: 0px;
background-color: rgb(237,242,255);
padding: 11px;
padding-bottom: 21px;
border-bottom: 1px #000000 solid; 
border-right:  1px #000000 solid;
}

.lightblueblock p{
font-size: .9em;

}




.lightyellowblock{
margin-top: 11px;
margin-bottom: 0px;
background-color: rgb(255,255,204);
padding: 11px;
padding-bottom: 21px;
border-bottom: 1px #000000 solid; 
border-right:  1px #000000 solid;
}

.lightyellowblock p{
font-size: .9em;

}


/************************************************/
/************************************************
 *Text Blocks     for div class="lightblueblock"
 *With a Light Blue Color,
 *To set the text apart.
 *Both LightBlueBlock and LightBlueBlock2 are
 *similar.    
 ************************************************/
.lightblock{
margin-top: 11px;
margin-bottom: 0px;
background-color: rgb(241,242,241);
padding: 11px;
padding-bottom: 21px;

border-top:    1px #cccccc solid; 
border-left:   1px #cccccc solid;

border-bottom: 2px #000000 solid; 
border-right:  2px #555555 solid;
}

.lightblock p{
font-size: .9em;
}

.lightblock.blue{
background-color: rgb(237,242,255);
}

.lightblock.yellow{
background-color: rgb(255,255,204);
}

.lightblock.lightyellow{
background-color: rgb(255,255,224);
}

.lightblock.graygradient{
background-color: #818181; 
background-color: rgb(255,255,224);
filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa');
background:    -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#aaaaaa)); /* for webkit browsers */
background:    -moz-linear-gradient(top,  #eeeeee, #aaa); /* for firefox 3.6+ */ 
}

.lightblock.graygradientreversed{
background-color: #818181; 
background-color: rgb(255,255,224);
filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee');
background:    -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee)); /* for webkit browsers */
background:    -moz-linear-gradient(top,  #cccccc, #eeeeee); /* for firefox 3.6+ */ 
}

.lightblock.lightgraygradient{
background-color: #818181; 
background-color: rgb(255,255,224);
filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd');
background:    -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dddddd)); /* for webkit browsers */
background:    -moz-linear-gradient(top,  #efefef, #dddddd); /* for firefox 3.6+ */ 
}



.lightblock.bluegradient{
background-color: #818181; 
background-color: rgb(237,242,224);
filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2ff', endColorstr='#ffffff');
background:    -webkit-gradient(linear, left top, left bottom, from(#edf2ff), to(#ffffff)); /* for webkit browsers */
background:    -moz-linear-gradient(top,  #edf2ff, #ffffff); /* for firefox 3.6+ */ 
}

.lightblock.yellowgradient{
background-color: #818181; 
background-color: rgb(237,242,224);
filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffdd', endColorstr='#ffffff');
background:    -webkit-gradient(linear, left top, left bottom, from(#ffffdd), to(#ffffff)); /* for webkit browsers */
background:    -moz-linear-gradient(top,  #ffffdd, #ffffff); /* for firefox 3.6+ */ 
}

.lightblock.yellowgradientreversed{
background-color: #818181; 
background-color: rgb(237,242,224);
filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffdd');
background:    -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffdd)); /* for webkit browsers */
background:    -moz-linear-gradient(top,  #ffffff, #ffffdd); /* for firefox 3.6+ */ 
}



.lightblock.shadow{

-moz-box-shadow:        0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:     0 1px 3px rgba(0,0,0,0.5);
box-shadow:             3px 3px 4px #555;

/*
filter: "progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3)";
*/
/* 
ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelRadius=14,MakeShadow=true,ShadowOpacity=0.35)";
*/


  

   
}








/************************ 
  The following are from
  #main-text #main p{
  to emulate a paragraph with <p>.
  Using a <p><div></div></p> syntax
  worked ok in FireFox but IE has problems.  
  IE considers the <div> to END the previous <p>,
  EVEN with a STRICT DOCTYPE.
  Someone suggested  <p><object><div></div></object></p>
  But I was not able to get the image to display in IE.
  ------
  So decided to try to emulate a <p> with a div.
  Seems to work ok.  So anytime in the future,
  when you need a paragraph with pictures, etc.,
  where YOU want them. then use <div class="pdiv"></div>
**************************/

.pdiv {
font-size: .9em;
/*
margin-top: 7px;
margin-left: 20px;
margin-right: 25px;
*/
line-height: 1.5em;
color: #000000;
text-align: justify;
/*  Just testing attributes
font-size: 2em;
color: red;
*/
margin-top:     3px;
margin-bottom:  3px;
margin-left:    7px;
margin-right:   7px;

padding-top:    3px;
padding-bottom: 3px;
padding-left:  11px;
padding-right: 11px;

}

.pdiv2 {
font-size: 1em;
/*
margin-top: 7px;
margin-left: 20px;
margin-right: 25px;
*/
line-height: 1.35em;
color: #000000;
text-align: justify;
/*  Just testing attributes
font-size: 2em;
color: red;
*/
margin-top:     3px;
margin-bottom:  3px;
margin-left:    7px;
margin-right:   7px;

padding-top:    3px;
padding-bottom: 3px;
padding-left:  11px;
padding-right: 11px;

}

.pdiv2b {
border: 10px solid #112277;

font-size: 1em;
/*
margin-top: 7px;
margin-left: 20px;
margin-right: 25px;
*/
line-height: 1.35em;
color: #000000;
text-align: justify;
/*  Just testing attributes
font-size: 2em;
color: red;
*/
margin-top:     3px;
margin-bottom:  3px;
margin-left:    7px;
margin-right:   7px;

padding-top:    3px;
padding-bottom: 3px;
padding-left:  11px;
padding-right: 11px;

}






#lightblueblock2{
margin-top: 8px;
margin-bottom: 0px;
background-color: rgb(237,242,255);
padding: 15px;
padding-bottom: 21px;
border-bottom: 1px #000000 solid; 
border-right:  1px #000000 solid;
}

#lightblueblock2 h4{
color: darkred;
font-size: 100%;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
background-color: transparent;
border: 0px #000000 solid; 
padding-left: 4px;

}



#whiteblock{
background-color: rgb(255,255,255);
padding: 11px;
padding-bottom: 21px;
border-bottom: 1px #000000 solid; 
}


#main-text p.normal {
color: #000000;
padding: 11px;
}

#main-text p.normalblock {
color: #000000;
padding: 11px;
border-bottom: 1px #000000 solid;
}



.pcontainer {
background-color: #FFFFFF; 
font-size: 1em;
/* 
padding-top: 1px;
padding-bottom: 5px;
padding-left: 2px;
padding-right: 2px;
*/
padding-left: 0px;
padding-right: 0px;

margin: 0 0 0 0;

border-right: 3px #000055 solid; 
border-bottom: 1px #000055 solid; 
/* width: auto; */
}

.quote {
/*
margin: 0px;
margin-left: 1px;
margin-right: 0px;
*/
/* font-size: 110%; */

text-decoration: none;
color: #000000;
font-style: italic;
font-size: 1em;
/* width: 430px; */
/* width: auto;
width: 95%;
*/
/* width: 90% is needed to keep FF from
   exceeding the width of the pcontainer
   on lines that have text.
*/
width: 90%;

padding-top:    7px;
padding-left:   7px;
padding-right:  7px;
padding-bottom: 7px;

border-top: 0px #navy solid;
border-right: 0px #navy solid;

background-color: #FFFFFF; 

}




a.top {
font-size: 75%;
text-align: right;
margin-left: 475px;

}
a:link.top {
text-align: right;
right: 0;
}
a:hover.top {
}
a:visited.top {
}


/* x001
#main-text a:link {
text-decoration: none;
color: #3300ff;
color: #335599;
//x001 background-color: inherit;
font-weight: bold;
font-style: italic;
}

#main-text a:visited {
/* background-color: inherit; */
background-color: transparent;
color: #3344bb;
color: #335599;
letter-spacing: 0px;
font-style: italic;
text-decoration: none;
font-weight: bold;}

#main-text a:hover {
color: #000;}

#main-text a:active {
background-color: #3cc7f0;}
*/

/* IE 6 does not render first-line, first-letter
   pseudo elements properly.  IE 5.5 does, and
   most other browsers
*/
.pfirstletter:first-letter{ 
font-size: 150%;
font-weight: bold;
color: #000000;
}

.pfirstline:first-line{ 
font-size: 120%;
font-weight: bold;
color: #000000;
}

/* FIRST-LINE FIRST-LETTER MANUAL WORKAROUND
   IE 6 does not respect pseudo element first-line
   or first-letter.  So if we want to emulate it
   we can use
   
   Make a manual span: 
   <span class="iefirstletter>M</span>
   <span class="iefirstline>Multiform is time tested </span> software.
*/
.iefirstletter{ 
font-size: 150%;
font-weight: bold;
color: #000000;
}

.iefirstline{ 
font-size: 120%;
font-weight: bold;
color: #000000;
}




/* The following ID is a test, to see about
getting a background image, mostly transparent
in the left or right columns.  Did not get
satisfactory results as yet. */
#rightcolback{
height: 1000px;
background-image: url(../images/partners/multiform-transparent-1-cw90.png);
background-position: left top;
background-repeat: repeat-y repeat-x;
}






/****************************************************/
/**************** PD-YOUAREHERE STYLES***************/
/****************************************************/







/* --- Nav subs --------- */
/* 564px; */
#nav-subs {
position: static;
margin: 2px;    
padding: 5px;

font-weight: bold;
/* font-size: 80%; */
font-size: .9em;
text-align: left;
line-height: 1.2em;
background: transparent url("../images/bgd_sidebar_sub-continue.jpg") repeat-y top left;
/*
width: auto;
*/
width: auto;

}

/* --- Nav section --------- */

#nav-section {
background: transparent url("../images/bgd_sidebar_sub-lighter.jpg") no-repeat top left;
padding-top: 4px;
min-height: 156px;
padding-bottom: 4px;
position:static;
}



#nav-subs ul {
list-style: none;
margin-top: 0px;
margin-left: 1px;
margin-bottom: 0px;
margin-right: 1px;
/*
margin-left: 16px;
margin-right: 16px;
*/
padding: 0px;
border-top: 0px solid #8EA7C6;
/* width: 100%; */

font-weight: bold;
font-size: 1em;
text-indent: -10px;
}


#nav-subs ul li {
font-weight: bold;
padding-top: 0px;
padding-bottom: 3px;
border-top: 0px solid #8EA7C6;
border-bottom: 1px solid #8EA7C6;
/* width: 99%; */
/* width: auto; <-- doesn't work right in IE */
width: 90%;
/* width: 100%; wasreal */
/* width: 100%; */ 
font-weight: bold;
font-size: 100%;
margin-left: 5px;
}



html>body #nav-subs ul li a {
font-weight: normal;
float: none;
position: static;
/* display: in-line; */
}



#nav-subs ul li a {
position: relative;
/* display: block; display: list-item; */
display: list-item;
padding-left: 10px;
padding-right: 0px;
float: left;
color: #2D598D;
text-indent: 0px;
text-decoration: none;
/* width: 100%; */
font-weight: bold;
font-size: 1em;
}


/*
#nav-subs ul a:hover {
background: #E5F0F5 url("../images/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
width: 100%;

}


#nav-subs ul a:visited{
color: green;
} 

#nav-subs ul a:visited{
}
*/

#nav-subs ul li a:visited {
background: #E5F0F5 ;
background: transparent ;

}

#nav-subs ul li a:link {
display: inline;
background: transparent;
}


/* The current item is taller if youarehere
   to make it stand out more */
#nav-subs ul li a.youarehere {
/* display: inline; */
/*  Margin produces a weird result in IE 6
    There is not always a consistent bottom margin.
    Usually not.  Padding seems to work more
    consistently.
margin-top: 10px;
margin-bottom: 10px;
*/
padding-top: 10px;
padding-bottom: 10px;

background: #E5F0F5 url("../images/small_bullet_red.gif") no-repeat 3px 50%;
background: transparent url("../images/small_bullet_red.gif") no-repeat 3px 50%;

color: #930;
/* width: 100%; */

}



#nav-subs ul li a:hover {
/* display: in-line;*/
background: #E5F0F5 url("../images/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
/*
margin-left: 0px;
margin-right: 0px;
*/
/* border-bottom: 2px solid #8EA7C6; */

}


#nav-subs #subul {
display: inline-block;
position:static;
margin-top: 0px;
width: 100%;
/* margin-left: 20px; */
/* text-indent: -10px; */

}

#nav-subs #subul ul {
display: list-item;
list-style-type: none;
margin-top:   0px;
/* margin-left: 19px; */
margin-left: 0px;
padding-left: 0px;
padding-top:  0px;
border-top:   0px solid #8EA7C6;
border-left:  0px solid #8EA7C6;
border-right: 0px solid #8EA7C6;
margin-bottom: 3px;
border: 2px solid #8EA7C6;
width: 95%;
}

#nav-subs #subul ul li {
border-bottom: 1px solid #8EA7C6;
}


#nav-subs #subul ul li a {
color: #d2691e;
}

#nav-subs #subul ul li a:visited {
background: #E5F0F5 ;
background: transparent ;

}

#nav-subs #subul ul li a:link {
/* display: inline; */
background: transparent;
}


#nav-subs #subul ul li a:hover {
background: #E5F0F5 url("../images/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
}


#nav-subs #subul ul li a.youarehere {
/*  display: inline-block; */
/*  Margin produces a weird result in IE 6
    There is not always a consistent bottom margin.
    Usually not.  Padding seems to work more
    consistently.
margin-top: 10px;
margin-bottom: 10px;
*/
padding-top: 10px;
padding-bottom: 10px;

background: #E5F0F5 url("../images/small_bullet_red.gif") no-repeat 3px 50%;
background: transparent url("../images/small_bullet_red.gif") no-repeat 3px 50%;

color: #930;
/* width: 100%; */

}





/*******************/

/*
#nav-subs ul ul {
display: in-line;
display: list-item;
list-style-type: none;
margin-top: 0px;
margin-left: 19px;
padding-left: 0px;
padding-top: 0px;
border-top: 0px solid #8EA7C6;
border-left: 10px solid #8EA7C6;
border-right: 0px solid #8EA7C6;
margin-bottom: 3px;

border-bottom: 2px solid #8EA7C6;

}
*/

/* don't think you need */
/* 
#nav-subs ul li ul {
border-top: 0px solid red;
margin-top: 5px;
}
*/

/* don't think you need */





#section-energy{
/* 
background: transparent url("../images/atmosphere_1.jpg") repeat top left;
background: transparent url("../images/data_flow_5a-1.jpg") ;
*/
position:      relative;
width: 100%;
background-color: floralwhite;
background-color: transparent;
/* background: url("../images/testfeather_2.png") center 20px; */

/*
background-image: url("../images/testfeather_2.png");
background-position: 20px center;
background-repeat: no-repeat;
*/
/*
background-image: url("../images/testfeather_2.png");
background-position: 5px 25px;
background-repeat: no-repeat;
*/


color: black;
width: 100%;
border: 0px groove #d8d8d8;
padding: 0px;
z-index: inherit;


}


.roundedtable {
	background-color: #ddd ! important;
	width: 210px;
	height: 30px;
	padding: 20px;
	
	top: 75px; left: 5px;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(scripts/border-radius.htc);


}



#section-energy table{
/* border-style: solid; */
position:relative;
/* background-color: #green; */
background-color: #ddd;
border-style:  solid;
border-width:  2px;
/* border:        11px solid green; */
border:        11px solid #d7d7d7  ! important;
background-image: none;
padding:       0;
margin:        0;
font-size:     1.25em;
font-weight:   bold;
color:         #000000;
color:         #0000FF;
width:         100%;
z-index: 0;	

filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#777777');

background:    -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#777777)); /* for webkit browsers */
background:    -moz-linear-gradient(top,  #eeeeee, #777); /* for firefox 3.6+ */ 
-moz-border-radius:     5px; 
-webkit-border-radius:  5px;

border-radius:          5px 5px 5px 5px;
behavior:               url(scripts/border-radius.htc);
text-shadow:        0.1em 0.1em 0.2em  #dddddd ; rgba(ff,ff,ff,25);
	
   /* Shadow */
   /*
	  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='20');
	  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   */
   /*
   background-color: transparent;
   */
}
#section-energy tbody{
padding: 0;
margin: 0;

/* background-color: transparent; */
background-color: green;
background-image: none;
font-size: 1.2em;

}

#section-energy tr{
padding: 10px;
margin: 0;
/* background-color: transparent; */
/* background-color: green; */

background-image: none;

}

#section-energy td{
padding: 10px 5px 10px;
margin: 5px;
color: #000088;
/* border-style: solid; */
/*
border-style: solid;
border-width: 0px;
*/

/* background-color: transparent; */
background-image: none;
/* background-color: green; */ 
/* background-color: green; */ 
/* text-align: center; */
text-align: center;
font-size: .8em;
}


#SimpleFadeIndex{
	  -moz-border-radius:     5px; 
	  -webkit-border-radius:  5px;
      border-radius:         5px;
      /* behavior: url(/scripts/border-radius.htc); */
	
   /* Shadow */
   /*
	  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='20');
	  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='300',strength='20');
	*/  
	  -moz-box-shadow:    0 1px 23px rgba(0,0,0,0.5);
	  -webkit-box-shadow: 0 1px 23px rgba(0,0,0,0.5);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.50);
      -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.50)";
      zoom: 1;
}


}




/****************************************************/
/**************** Table styles ****************/
/****************************************************/

table{
margin:0 0 0px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #d8d8d8;
// width: 520px;
width: auto;
}


table a{
font-size: 80%;
// color: #810404;
color: lightsteelblue;
}


table a:link{
// color: #810404;
color:inherited;
}

table a:visited{
// color: #810404;
color:inherited;
}

table a:active{
// color: #810404;
color:inherited;
}



caption {
text-align:left;
font-size:100%;
font-weight:bold;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#eaeaea url("../images/menubg2.gif") bottom left repeat-x;
/* color:#505050; */
color: #810404;
}

th a{
color: #810404;
}


td {
padding:7px;
font-size:80%;
text-align:left;
background:#f4f4f4 url("../images/menubg.gif") bottom left repeat-x;
color:#303030;
}





#cell_bluebackground{
background:lightsteelblue;
padding: 0px; 
}

#table_nextprev{
line-height:.51em;
width: 100%;
}



#prevlink{
color: #950000;
color:lighsteelblue;
margin:0px;
padding:0px;
font-size: 1em;
}


#prevlink a:link{
//color:#950000;
color:inherited;
text-align:left;
//background:#f4f4f4;
background:#eaeaea;
}

#prevlink a:visited{
//color:#950000;
color:inherited;
text-align:right;
// background:#f4f4f4;
background:#eaeaea;
}

#prevlink a:hover{
/*
font-size:110%;
color: #009500;
*/
color:inherited;
text-align:left;
background:#aaddee;
}

/* .prevpos {margin-left:0);
.nextpos {margin-right:0);
*/


/****************************************************/
/**************** Login styles ****************/
/****************************************************/
#loginsect{margin:10px 10px 20px 0;
}

#loginsect form fieldset{margin-left:10px; border:0 solid;

}
#loginsect loginbutton{ 
/* padding:0 1px;
border: 1px solid #808080;
text-align:center;
*/

}

.loginbutton{ 
font-size: 150%;
width: 100px; 
height: 35px; 
font-weight: bold; 
/* padding-bottom: 13px; */ 
color: darkred;
vertical-align: middle;
}



/****************************************************/
/**************** Searchbar styles ****************/
/****************************************************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}


/****************************************************/
/**************** Footer styles ****************/
/****************************************************/

#footer{
clear:both;
width: 100%;
padding: 9px 0;
font-size: 90%;
color:#f0f0f0;
background:#467aa7;
border-top: 1px solid #000;
height: auto;
}

#footer p{padding:0; margin:0; text-align:center; }
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold; text-decoration: none;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}


#authorizelogoonly{
position:relative;
margin-right: 0px;
margin-top: -83px;
margin-left: 90%;
}

#authorizelogo{
position:relative;
float: right;
margin-right: 10px;
margin-top: -210px;

}


#footer #authorize{
padding: 10px 20px 10px 0px;
width: 85%;
margin: auto;
height: auto;
}

#footer #authorize p {
color: #ffffff;
text-align: justify;
line-height: .95em;
font-size: .7em;
padding-bottom: 4px;
}

#footer #authorize ul {
padding-left: 20px;
color: #ffffff;
text-align: justify;
line-height: .85em;
font-size: .7em;
}

#footer #authorize a {
color: lightblue;
}

/****************************************************/
/****************** MISC CLASSES ********************/
/****************************************************/
div.imagewithcaption div {
text-align: left;
font: caption;
}


.darkred{
color: darkred;
font-weight: bold;
}

.darkgreen{
color: darkgreen;
font-weight: bold;
}


.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size: 0.8em;}
.small75{font-size: 0.75em;}
.small85{font-size: 0.85em;}
.small95{font-size: 0.95em;}


.tm{font-size: 0.5em;
    vertical-align: super;   
   }
.large{font-size: 125%;}
.larger{font-size: 150%;}
.larger1{font-size: 110%;}
.larger2{font-size: 120%;}
.larger3{font-size: 130%;}
.larger4{font-size: 140%;}
.larger5{font-size: 150%;}
.larger6{font-size: 160%;}
.larger7{font-size: 170%;}
.larger8{font-size: 180%;}
.larger20{font-size: 2em;}
.f105{font-size: 105%;}
.f110{font-size: 110%;}
.hide{display:none;}
.textcenter{text-align:center;}
.centered{text-align: center;}
.textright{text-align: right;}
.right{text-align: right;}
.left{text-align: left;}

.liststrong {
   font-size: 125%;
   font-weight: bold;
}

.liststrong4 {
   font-size: 140%;
   font-weight: bold;
}

.liststrong5 {
   font-size: 150%;
   font-weight: bold;
}

.liststrong6 {
   font-size: 160%;
   font-weight: bold;
}

.liststrong7 {
   font-size: 200%;
   font-weight: bold;
}

.deepblue {
color: #000088;
}

.rotateheading {

float: left;
position: relative;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
font-size: 42pt;
left:30px;
top: 55px;
height: 200px;
width: 50px;
z-index: 90;
}

.headingouter {
position: relative;
}

.offsetheading {
position: absolute;
z-index: 90;
left:-20px;
top:0px;
}



/* Bold With Red */
.important{color:#f02025; background-color:inherit; font-weight:bold;}
/* Bold With Black */
.important0{color:#000000; background-color:inherit; font-weight:bold;}

.vcenter {
vertical-align: middle;

}

.shadowborder{
border: 1px #333333 solid;
-moz-box-shadow:        0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:     0 1px 3px rgba(0,0,0,0.5);
box-shadow:             3px 3px 4px #555;   
padding: 3px 11px;
}

.shadowtext {
   /* text-shadow: 0.2em 0.2em 0.7em #000; */
	text-shadow:        0.02em 0.02em 0.0em  #555555 ; rgba(ff,ff,ff,25);
}   

.shadowtext2 {
	text-shadow:        0.1em 0.1em 0.2em  #999999 ; rgba(ff,ff,ff,25);
}   


.thickborders{border: 5px #333333 solid;}
.biggerbmargin{margin-bottom:16px;}

.bluehighlight{background-color: #aaf4f4;}
.ltbluehighlight{background-color: #99CCFF;}
.ltbluehighlight2{background-color: #AAEEFF;}
.greenhighlight{background-color: #33ff99;}
.darkgreenhighlight{background-color: #11AA44;}
.yellowhighlight{background-color: #FFFFCC;}
.orangehighlight{background-color: orange;}
.medyellowhighlight{background-color: #ffff66;}
.darkyellowhighlight{background-color: #FFCC33;}
.lredhighlight{background-color: #EE7799;}
.lpurphighlight{background-color: #FFCCFF;}
.nohighlight{background-color: #FFFFFF;}


.whitetext{color: #FFFFFF; backgrouond-color: Transparent; font-weight: bold;}

.bluetext{color: #000077; backgrouond-color: Transparent; font-weight: bold;}

.redtext{color: #770000; backgrouond-color: Transparent;}

a.redtext{color: #770000; backgrouond-color: Transparent;}


/*
.maroontext{color: #770055; backgrouond-color: Transparent;}
*/

.upright{font-style: normal;}



.roman{font-family: Times, "Times New Roman", serif;}


#rightcolumcontainer{
float: right;
width: 18px;
}

#rightcolumn {
/* float: right; */
/* float: left; */
float: right;
width: 178px;

background-color: #CCCCCC;
background-color: #e8e8e8;
margin-top: 25px;
margin-right: 10px;
padding: 0px 0px 0px 0px;
line-height: 1.4em;

border: 2px #707070 solid;
/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
  
background-color: yellow;
 */
}

.gotomeeting{
margin: -15px 2px 5px 2px;
padding: 1px;
width: auto;
}


.gotomeeting h1{
text-align: center;
font-size: 110%;
font-weight: bold;
color:#333377;
text-decoration: none;
border: #000099 double 4px;
}

.gotomeeting p{
text-align: center;
line-height: 125%;
right: 10px;
}


.gotomeeting h2{
text-align: center;
font-size: 110%;
font-weight: bold;
color:#333377;
text-decoration: none;
// border: #000099 double 4px;
// background-color: #FFFFFF;
// background-image: url(../images/rocksolid_columns_4.jpg);
background-image: url(../images/sexy_sectry_6.jpg);
background-position: center center;
}

.gotomeeting h3{
text-align: center;
font-size: 110%;
font-weight: bold;
color:#333377;
text-decoration: none;
// border: #000099 double 4px;
// background-color: #FFFFFF;
// background-image: url(../images/rocksolid_columns_4.jpg);
background-image: url(../images/amy4x.jpg);
background-position: center center;
}


.gotomeeting img{
text-align: center;
font-size: 110%;
font-weight: bold;
color:#333377;
text-decoration: none;
// border: #000099 double 4px;
// background-color: #FFFFFF;
// background-image: url(../images/rocksolid_columns_4.jpg);
// background-image: url(../images/working_at_computer_2a.jpg);
// background-position: center center;
margin: -15px 2px 5px 2px;

}



.rsbox{
font-family:      Arial, Verdana, Helvetica, Tahoma, sans-serif;
font-size:        .85em;
width:            auto;
height:           auto;
margin:           11px 7px 11px 5px;
padding:          1px 3px 1px 3px;
border:           3px solid #c0c0c0;
background-color: #fafbfc;
vertical-align:   middle; 
/* background-color:       #e8e8e8; */ 
/* background:       transparent; */

/*
background-image:       url(../images/graygradient1.png);
background-position:    0 40%;
*/
/* background: url("../images/rsbox2bkgrnd.gif"); */

position:               relative; 
z-index: 0;
-moz-border-radius:     5px; 
-webkit-border-radius:  5px;
border-radius:          5px;
behavior:               url(scripts/border-radius.htc);
	
   /* Shadow */
	/* filter:progid:DXImageTransform.Microsoft.Shadow(color='#dddddd',direction='120',strength='3'); */
   /* -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(Strength=4, Direction=135, Color='#AAAAAA')"; */
   /* -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelRadius=4,MakeShadow=true,ShadowOpacity=0.35)"; */ 
 
-moz-box-shadow:        0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:     0 1px 3px rgba(0,0,0,0.5);
box-shadow:             3px 3px 4px #555;   



/*

   filter:progid:DXImageTransform.Microsoft.DropShadow(color='#777777',offx='4',offy='4', positve='false');
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='20');
	text-shadow: 0.1em 0.1em 0.2em  #dddddd ; rgba(ff,ff,ff,25);
*/


color:#000000;
color:#505050;
color:#770000;
line-height: 1.1em;
/* 
width: auto;
width: 100%;
*/

/* 
width: 95%;
max-width: 85%;
max-width: 175px; */
/* max-width: 150px; */

/***************************************
 * DEBUGINGNOTE: 2007.01.05
 * Use this background to delineate this
 *section for debugging purposes.
 *Move back into this comment area when 
 *finished debugging.  
background-color: blue;
*/

}

 

.rsbox dl {
      border: 0px solid #000000;
		width: 100%;
		/* width: 100%; */
		margin: 0 0 0px 0px;
		padding: 0;
		/* background: #ccc url(/imagwork/box_bottom-161px.gif) no-repeat bottom left; */
		}

.rsbox dt {

		margin:         0 0px 10px 0;
		padding:        7px;
		font-size:      1.3em;
		color:          #ff;
		border:  2px solid #ffffff;
		background-color: #dddddd;
		/* background: #999 url(/imagework/box_top-161px.gif) no-repeat top left; */
	  -moz-border-radius:     5px; 
	  -webkit-border-radius:  5px;
      border-radius:         5px;
      behavior:              url(scripts/border-radius.htc);
	
   /* Shadow */
	/* filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='2'); */
	  -moz-box-shadow:        0 1px 3px rgba(0,0,0,0.5);
	  -webkit-box-shadow:     0 1px 3px rgba(0,0,0,0.5);
		}
	
.rsbox dd {
		background-color: white;
		margin: 0 0 0 10px;
		/* padding: 0 10px 10px 10px; */
		padding: 0px 2px;
		color: #777;
		font-family: Verdana, sans-serif;
		font-size: 1em;
		background: url(/imagework/arrow.gif) no-repeat 0 3px;
		}



.rsbox br{
background-color: inherited;
}

.rsbox.extrapadding{
padding-top: 3px;
padding-bottom: 3px;
}

.rsbox h3{
/* font-family: "Times New Roman", Times, serif; */

text-align:          center;
font-size:           90%;
font-weight:         bold;
/*
background-color:#e7eacb; 
background-color:rgb(222,227,253);
*/
background-color:    beige;
background-repeat:   repeat-x ;
/*
background-image:    url(../images/navbackground-vert-400.png);
*/
background-position: 0 60%; 
background-color:    #c3c3c3; 
background-image: url(../images/graygradient1.png);
border:              1px solid #c0c0c0;
border:              1px solid #202020;
letter-spacing:      0px;
word-spacing:        1px;
color:               #050555;
margin-top:          2px;
margin-bottom:       2px;

-moz-border-radius:  5px; 
-webkit-border-radius: 5px;
border-radius:       5px;
behavior:            url(scripts/border-radius.htc);
   /* Shadow */
	/* filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='2'); */
-moz-box-shadow:    0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow:         3px 3px 4px #555;   
	
/*
	text-shadow: 0.1em 0.1em 0.2em  #dddddd ; rgba(ff,ff,ff,25);
	filter:
   progid:DXImageTransform.Microsoft.DropShadow(color='#dddddd',offx='4',offy='4', positve='true');
	
*/

}

.rsbox h3.margin5 {
margin: 5px;
}

.rsbox h3.margin7 {
margin: 7px;
}


.rsbox h3.red{
color: #CC0000
}

.rsbox h3.darkred{
color: #810404;
}

.rsbox h3.larger{
font-size: 100%;
}

.rsbox h3.larger1{
font-size: 110%;
}

.rsbox h3.larger2{
font-size: 120%;
}


.rsbox h4{
text-align: center;
font-size: 90%;
font-weight: bold;
/*
background-color:#e7eacb; 
background-color:rgb(222,227,253);
*/
background-color: beige; 

color: #110000; 
border:1px solid #c0c0c0;
}


.rsbox h5{
/* font-family: "Times New Roman", Times, serif; */

text-align: center;
font-size: 90%;
font-weight: bold;
/*
background-color:#e7eacb; 
background-color:rgb(222,227,253);
*/
background-color: beige;
background-repeat: repeat-x ;
background-image: url(../images/navbackground-vert.png);
background-position: 0 40%; 
background-color: #c3c3c3; 
border:1px solid #c0c0c0;
border:1px solid #202020;
letter-spacing: 1px;
word-spacing: 3px;
color: #960505;
padding-top: 5px;
padding-bottom: 5px;
}

.rsbox p{
font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
color:#000000;
font-weight: normal;
line-height: 1.2em;
margin: 2px 7px;
font-size: .9em;
}

.rsbox p.large{
font-size: 125%;
}

.rsbox p.larger{
font-size: 150%;
}

.rsbox p.larger1{
font-size: 125%;
}

/** rsbox2 specs
 */

.rsbox2Contain {
   background: url("images/rsbox2bkgrnd.gif");
   border: 1px solid #A3A3A3;
   margin: 18px auto 0;
   width: 183px;

}

.rsbox2 {
   background: url("images/rsbox2btm.gif");
   clear: both;
   letter-spacing: -1px;
   padding-bottom: 10px;
   padding-top: 10px;
   width: 183px;
   -moz-border-radius:     5px; 
   -webkit-border-radius:  5px;
   border-radius:          5px;
   behavior:               url(scripts/border-radius.htc);


}






#partnertable{
}

#partnertable table{
margin: 0px;
padding: 4px;
line-height:1.1em;
border-collapse: collapse;
border: 0px solid #000000;
width: auto;
}

#partnertable table a{
font-size: 80%;
/* color: #810404; */
color: lightsteelblue;
}

#partnertable table a.logo{
font-size: 100%;
/* color: #810404; */
color: lightsteelblue;
}

#partnertable tr {
border-bottom: 1px solid #000000;
}

#partnertable th {
/* background: gold url(); */
background: white  url();
padding: 27px;
margin: 20px;
text-align: center;
vertical-align: middle;
width: 35%;
border-bottom: 1px solid navy;
}

#partnertable td {
margin: 20px;
padding: 27px;
font-size: 80%;
text-align: left;
background: white  url();
/*
background: #ffe822;
background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;
*/
color:#303030;
width: 65%;
border-bottom: 1px solid navy;
}


/**************************************************************
 **************************************************************
 PRICING TABLE DEFINITIONS
 **************************************************************
 **************************************************************/

#usbpricingtable1{
}

#usbpricingtable1 table{
border-style: solid;
border-width: 11px;
border-color: #cccccc;

}

#usbpricingtable1 table thead th{
font-size:115%;
border-width: 1px;
}

#usbpricingtable1 table thead td{
font-size:115%;
border-width: 1px;
}


#usbpricingtable1 table thead tr{
line-height: 1.1em;
}

#usbpricingtable1 table tr{
line-height: 1em;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
border-width: 0px;

 
}


#usbpricingtable1 table th{
font-size:75%;
border-style: solid;
border-width: 1px;

border-color: #cccccc;
}

#usbpricingtable1 table td{
font-size:75%;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
border-bottom-width: 11px;
}


#usbpricingtable1 table th.formname{
font-size:115%;
color: darkblue;
vertical-align: bottom;
height: 50px;
}









/**************************************************************
 **************************************************************
 CATALOGUE TABLE DEFINITIONS
 **************************************************************
 **************************************************************/


#comparetable1{
}

#comparetable1 table{
margin: 0 0 0 0 ;
padding:0;
line-height:1.1em;
border-collapse:collapse;
/* border-style: groove groove groove groove; */
border-style: none;
border-color #d8d8d8;
border-top-width: 10px;
border-left-width: 10px;
border-bottom-width: 10px;
border-right-width: 10px;
width: 739;
}

#comparetable1 th.colhead {
color: #810404;
}

#comparetable1 tr {
border-style: solid;
border-top-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
vertical-align: middle;
}


#comparetable1 th {
font-size:100%;
padding:7px;
text-align: center;
background: gold url();
background-color: khaki;
background-color: blanchedalmond;

vertical-align: middle;

border-top-style: solid;
border-top-color: black;
border-top-width: 0px;
border-left-style: solid;
border-left-color: black;
border-left-width: 0px;


/* 
background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;
color:#505050; */
color: #336699;
}

#comparetable1 th.black {
color: black;
}

#comparetable1 td {
padding: 7px;
font-size: 130%;
text-align: center;
background: #ffe822;
background-color: beige;

border-style: none;
border-top-style: solid;
border-top-color: black;
border-top-width: 1px;
border-left-style: solid;
border-left-color: coral;
border-left-width: 2px;
border-bottom-width: 0;
/*
background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;
*/
color:#303030;
}

#comparetable1 td.comments{
Background-color: white;
border-style: solid;
border-color: yellow;
border-width: 7px;
line-height: 1.4em; 
}


#comparetable1 th.pc50 {font-size:50%;}

#comparetable1 th.larger {font-size:100%;}



/**************************************************************
 **************************************************************
 LOGIN TABLE DEFINITIONS
 **************************************************************
 **************************************************************/
#logintable{
width: auto;
margin-left: 21%;
margin-right: 20%;
/*
margin-top: 0;
margin-bottom: 0;


margin-left: 25%;
margin-right: 25%;

padding:0;
*/
}




/**************************************************************
 **************************************************************
 CATALOGUE TABLE DEFINITIONS
 **************************************************************
 **************************************************************/


#cattable{
margin:0 0 0 0;
padding:0;


}

#cattable table{
margin:0 0 0 0;
padding:0;
border-collapse: collapse;
line-height:1.2em;
/* border-collapse:collapse; */
border: 10px solid red;
border: 10px solid #d8d8d8;
width:100%;
}

/* width: 520px; 
   width: auto;
*/


/* For wrapping a number of catalog smaller tables
   with say 1 or 2 forms within a border.
   A group association thing.
   Got impetus from the HomeSteps Individual Forms.
*/
#cattable .individuals {
/* border-collapse:collapse; */
border: 10px solid #d8d8d8;
border-left: 7px solid #d8d8d8;
border-right: 5px solid #d8d8d8;

/* width: 520px;  width: auto; */
}

#cattable .individuals caption{
/* border-collapse:collapse; */
border: 5px solid #d8d8d8;


padding: 5px;

/* width: 520px;  width: auto; */
}




#cattable table a{
font-size: 110%;
font-size: 1.2em;
/* color: #810404; */
/* color: lightsteelblue; */
color:inherited;
vertical-align: middle;
height: 50px;

}



#cattable table a:link{
/* color: #810404; */
color:inherited;
}

#cattable table a:visited{
/* color: #810404; */
color:inherited;
}

#cattable table a:active{
/* color: #810404; */
color:inherited;
}



#cattable caption{
text-align:center;
vertical-align: middle;
font-size:130%;
font-weight:bold;

margin:0;
padding:6px 0 8px 0;
border: 12px solid #999999 ! important;
/* color: green; */
}

#cattable th {
font-size:120%;
padding:0px;
// text-align:left;
text-align:center;
background-color: #e8e8e8;
background: gold url();
background-color: mocassin;
line-height: 1.2em;

background: #ffe822;
background: gold url();
background-color: khaki;
background-color: #cccccc;  lightgray;
vertical-align: middle;
vertical-align: top;
/* 
background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;
color:#505050; */
color: #336699;
}

#cattable th.colhead {
color: #810404;

}


#cattable th.pc50 {font-size:50%;}

#cattable th.larger {font-size:100%;}



#cattable ol { 
list-style: decimal outside;
margin-left: 29px;
margin-right: 1px;
padding-left: 5px;
padding-right: 0px;
/* border-top: 1px solid #8EA7C6; */



}

#cattable ol p{

font-style: italic;
padding-bottom: 4px;
line-height: 1.45em;
}


#cattable ol li {
font-size: 90%;

color: navy;
border-bottom: 1px solid #8EA7C6;
}



#cattable th a{
color: #810404;
}


#cattable td {
padding: 7px;
font-size: .8em;
font-size: 90%;

text-align: left;
/*
background: transparent;
background: #ffe822;
*/
background: beige;


/* background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x; */
/* background:#ffe822 url(../images/usbdrive_2f.png) center center no-repeat; */

color:#303030;
}


/* Will place the mostly transparent USB Image
   in the middle of the Package Name Column
   EXCEPT THAT IF (TRANSPARENCY) DOES NOT WORK WELL
   WITH IE thru v6, ...GO FIGURE
   PHP transparency solution at 
   http://koivi.com/ie-png-transparency/
   but have not implemented yet.
   */
#cattable th.usbimage {
background-image: url(../images/usbdrive_2h.png);
background-repeat: no-repeat;
background-position: center center;
}

/* Will place the mostly transparent USB Image
   in the middle of a TD section with class="usbimage"
   DITTO ON IE
   */
#cattable td.usbimage {
background-image: url(../images/usbdrive_2h.png);
background-repeat: no-repeat;
background-position: center center;
}

/* Will place the mostly transparent USB Image
   in the middle of a TD section with class="usbimageright"
   DITTO ON IE
   */
#cattable td.usbimagerightj {
background-image: url(../images/usbdrive_2h.png);
background-repeat: no-repeat;
background-position: center right;
}


#cattable td.invcol {
text-align: right;
/* background-color: #f0ec83; */
background-color: #FAFAE2;
vertical-align: top;
}

#cattable td.comments{
font-size: 80%;
Background-color: transparent;
Background-color: white; 
 
}


/* For Showing the USB Introductory Discounts
   Near the Form CatTable
   Since #cattable already has a table definition
   if cannot inherit from the higher usbpricingtable1
   which is what the #discounttable1 was based on.
*/

#cattable .discounttable1{

}

#cattable .discounttable1 table{
border-style: solid;
border-width: 11px;
border-color: #cccccc;
width: 100%;

}

#cattable .discounttable1 table thead th{
font-size:115%;
font-size:85%;
border-width: 1px;
}

#cattable .discounttable1 table thead td{
font-size: 115%;
font-size: 85%;
border-width: 1px;
}


#cattable .discounttable1 table thead tr{
line-height: 1.1em;
}

#cattable .discounttable1 table tr{
line-height: 1em;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
border-width: 0px;
background:#f4f4f4 url("../images/menubg.gif") bottom left repeat-x;

}


#cattable .discounttable1 table th{
font-size:75%;
border-style: solid;
border-width: 1px;
color: darkred;
border-color: #cccccc;
background: url("../images/menubg.gif") bottom left repeat-x;
text-align: center;
}

#cattable .discounttable1 table td{
font-size:75%;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
border-bottom-width: 11px;
background: url("../images/menubg.gif") bottom left repeat-x;
text-align: center;
}


#cattable .discounttable1 table th.formname{
font-size:115%;
color: darkblue;
vertical-align: bottom;
height: 50px;
height: auto;
}

/* For use in the cattable area, mainly for showing the
   thumbnail icons illustrating features/benefits of
   the form stick.
   */

.vertpics {
display: block;
margin-bottom: 3px;
padding-left: 50%;
}

.vertpics img{
display: block;
margin-bottom: 3px;

}