#leftcolumn
{
   float: left;
   width: 130px;
   height: 100%;
}
#middlecolumn
{
	width:566px; /* only needed to fix ie problem when using .prop and .clear */
   margin-left:  140px;
   padding-left: 10px;
   padding-right: 0px;
   border-left: 1px solid #cccccc;

	/*background-color: gray;*/
   /*height: 100%; */
}


#submenu
{
}
#submenu ul
{
   padding: 0 0 0 20px;
   margin: 5px 0 5px 0;
}
#submenu ul li a:link, #submenu ul li a:visited {
   text-decoration: none;
   color: #444444;
}
#submenu ul li a:hover
{
   text-decoration: none ;
   color: #6080D0;
   /*font-weight: bold;*/
}


h3
{
   line-height:2.5em;
}

h2 a { font-size:1.0em; }

.benefit
{
   padding-top: 0px;
	padding-right: 4px;
}
.benefit a:link, .benefit a:visited, .benenfit a:hover
{
   text-decoration: none;
   color: #444444;  /*color: #6f8db9; */
}
.benefit h3 a:link, .benefit h3 a:visited
{
   color: #6f8db9;
}

.smallscreen
{
   float:left;
   padding: 0px;
   margin: 0px 10px 0 0;
   text-align: center;
}
.smallscreen img
{
   border:1px solid #cccccc;
}

.item
{
   margin-bottom: 20px;
   height:145px;
}


/*
.item a
{
	text-decoration:underline;
	color: #444444;
}
*/


/* gray for the other banner colors
h2{ color: gray; }
#submenu h2 a { color: gray; }
.feature h3 a { color: gray; }
*/

/*
.feature
{
   padding-top: 0px;
	padding-right: 8px;
}
.feature img
{
	float:left;
	margin: 13px 10px 10px 0px;
}
.feature a:link, a:visited
{
   text-decoration: none;
   color: #6f8db9;
}
.feature a:hover
{
   text-decoration: underline;
}
*/