@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	background-color: #fff;
	background-image: url(images/bgHeader.gif);
	background-repeat: repeat-x;
}
a:hover{

	color:#205DA2;

}

a, a:visited {

	color: #318df2;

}

.oneColFix #container {
	width: 930px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/bgHeader.gif);
	background-repeat: repeat-x;
}
.oneColFix #header {
	background-image: url(images/bgHeader.gif);
	background-repeat: repeat-x;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 173px;
	vertical-align: middle;
}
.oneColFix #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	height: 208px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.oneColFix #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFix #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#404040;
}
.oneColFix #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
h1 {
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #252525;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.2em;
	text-align: left;
}
h2 {
	color: #252525;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0.2em;
	padding-top: 5px;
	padding-bottom: 5px;
}
hr {
	color: #656565;
	width: 100%;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

hr .thin {
	color: #E0E0E0;
	width: 100%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
hr .spacer {
	color: #fff;
	width: 100%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
#pubContainer {
	display: block;
	width: 282px;
}
	.equal {
		display:table;
		border-collapse:separate;
	}
	.row {
		display:table-row;
	}
	.row div {
		display:table-cell;
	}
	.clearboth {
	line-height: 1px;
	clear: both;
	
}
	
	/* Styling rules to make the example look nicer */
	
	.equal {
	margin:30px auto;
	border-spacing:10px;
	width:886px;
	}
	.row div {
		background:#fff;
	}
	.row .one {
		width:282px;
	}
	.row .two {
		width:282px;
	}
	.row .three {
		width:282px;
	}
	.row div h2 {
		margin:0 0 0.5em 0;
		padding:0.5em 10px;
		font-size:1.2em;
		color:#fff;
		background:#fff;
	}
	.row div p {
		font-size:0.94em;
		margin:0.5em 0;
		padding:0 10px;
	}
	#labfooter {
		text-align:center;
		clear:both;
	}
	</style>
 Some rules to make IE/Win display the boxes with variable height. 
[if IE]>
	<style type="text/css" media="all">
.equal, .row {
	display:block;
}
.row {
	padding:10px;
}
.row div {
	display:block;
	float:left;
	margin:0;
}
.row .two {
	margin-left:10px;
}
.row .three {
	width:282px;
	float:right;
}
.ieclearer {
	float:none;
	clear:both;
	height:0;
	padding:0;
	font-size: 2px;
	line-height:0;
}
	</style>
<![endif]