/*****************
My Columns Nav Links Experiment
First, set the style for each column.
******************/
#columnWrapper {
	height: 280px;
	position: relative;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin: 0;
} 
.column {
	width: 153px;
}
.column ul {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #000000;
	list-style: none;
	padding:0;
	margin: 0;
}
.column li {
	font-weight: bold;
	color: #0b1966;
	margin:0;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 1px;
}
.column li a {
	text-decoration: none;
	display: block;
	}
.column h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .65em;
	margin-bottom: -2px;
}

#colA h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#colA h2 a:hover {
	color: #FFFFFF;
	background-color: #2d6baa;
}
#colB h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#colB h2 a:hover {        
	color: #FFFFFF;
    background: #2d6baa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#colC h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#colC h2 a:hover {        
	color: #FFFFFF;
    background: #2d6baa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#colD h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#colD h2 a:hover {        
	color: #FFFFFF;
    background: #2d6baa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#colE h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 4px;
}
#colF h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#colF h2 a:hover {        
	color: #FFFFFF;
    background: #2d6baa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#colG h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#colG h2 a:hover {        
	color: #FFFFFF;
    background: #2d6baa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#colH h2 a {
	display: block;
	color: #0b1966;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #a7c5e5;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
}

#colH h2 a:hover {        
	color: #FFFFFF;
    background: #2d6baa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.column  ul li {
	list-style: none;
	line-height: 11px;
	padding-bottom: 1px;
}
.column ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../images/listbulletpe.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}
.column li a:hover {
	text-decoration: underline; 
}
/*========== List spacing within the columns ==============*/
.headerspacebtm {
	margin-bottom: 5px;
}
.headerspacetop {
	margin-top: 25px;
}
/*========== Now we POSITION the columns ==============*/
#colA {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 190px;
	height: 166px;
	background-color: #d5e4f4;
}
#colB {
	position: absolute;
	top: 5px;
	left: 205px;
	width: 190px;
	height: 166px;
	background-color: #d5e4f4;
}
#colC {
	position: absolute;
	top: 5px;
	left: 404px;
	width: 190px;
	height: 166px;
	background-color: #d5e4f4;
}
#colD {
	position: absolute;
	top: 5px;
	left: 602px;
	width: 190px;
	height: 166px;
	background-color: #d5e4f4;
}
#colE {
	position: absolute;
	top: 7px;
	left: 641px;
	width: 153px;
	height: 133px;
	background-color: #d5e4f4;
}
#colF {
	position: absolute;
	top: 177px;
	left: 6px;
	width: 153px;
	height: 100px;
	background-color: #d5e4f4;
}
#colG {
	position: absolute;
	top: 177px;
	left: 164px;
	width: 153px;
	height: 100px;
	background-color: #d5e4f4;
}
#colH {
	position: absolute;
	top: 177px;
	left: 323px;
	width: 153px;
	height: 100px;
	background-color: #FFFFFF;
	background-image: url(../images/stressrelief.jpg);
	background-repeat: no-repeat;
}

/*========Here is the last column======*/
#spotcolumn {
	position: absolute;
	top: 172px;
	left: 482px;
	width: 314px;
	height: 111px;
	background-image: url(../images/spotbkgrnd_pe.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#spotcolumn h1 {
	color: #8faac6;
	font-family: "Eurostile", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 14px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 9px;
	padding-left: 8px;
}
#spotcolumn h2 {
	color: #1F60A9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 2px;
	padding-left: 8px;
}
#spotcolumn p {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #0b1966;
	padding-left: 8px;
	padding-top: 0px;
	text-decoration: none;
	padding-bottom: 3px;
}
#spotcolumn a:link,#spotcolumn a:visited {
	color: #0b1966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 8px;
	font-weight: bold;
	background-image: url(../images/listbulletpe.png);
	background-repeat: no-repeat;
	background-position: 1px 4px;
	display: block;
}	
#spotcolumn a:hover {        
	text-decoration: underline;
}
.learn-more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #003366;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 3px;
}
.learn-more a:link {
	color: #993300;
	font-weight: bold;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#container .clearFloat {
  clear: both;
  display: block;
}