/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/

/*Body and Base*/
body {
	word-wrap: break-word;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #0a2534;
	background-color: #000;
	background-image: url(/images/bgtile.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
body h1 {
	font-size: 8px;
	font-weight: normal;
	color: #6ea1be;
	margin-top: 0px;
	padding-right: 22px;
}
body h2 {
	font-size: 14px;
	color: #a4d2fb;
	margin-top: 20px;
	margin-bottom: 4px;
}
body h3 {
	font-size: 15px;
	color: #a4d2fb;
}
body h4 {
	font-size: 8px;
	font-weight: normal;
	color: #1b3a50;
	margin-top: 0px;
	margin-bottom: 0px;
}

a[href] {
	color: #a4d2fb !important;		/* For Firefox... mark as important, otherwise it becomes black */
	text-decoration: -moz-anchor-decoration;	/* For Firefox 3, otherwise no underline will be used */
}
body a {
	color: #a4d2fb !important;
}
a { color: #a4d2fb; }
a:link {
	color: #a4d2fb;
}
#wrapper {
}
#header {
	background-image: url(/images/header.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 942px;
}
#navigation {
	position: relative;
	top: 213px;
	left: 40px;
	width: 720px;
	height: 38px;
}
#wrapper {
	width: 942px;
	margin:0 auto;
	text-align:left;
}
#content-wrap {
}
#content {
	background-color: #000000;
	background-image: url(/images/maintile.gif);
	background-repeat: repeat-y;
	width: 926px;
	padding-right: 8px;
	padding-left: 8px;
	border: 0;
}
#footer {
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	position:relative;
	text-align:center;
	top:0;
	width:942px;
	border-top-style: none;
	background-image: url(/images/bottomshadow.jpg);
	background-repeat: no-repeat;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 100px;
	padding-top: 24px;
}
#footer a {
	color: #ffffff !important;
	text-decoration: none;

}
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#content-column {
	width: 596px;
	margin: 15px;
	margin-top: 0px;
}
#utility {
	display:inline-table;
	left:0;
	position:relative;
	top:13px;
	vertical-align:top;
	width:264px;
	color: #000000;
}
#txt {
	background-image: url(/images/textbox.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 287px;
	float: right;
	margin-bottom: 19px;
}
#full {
	position:relative;
	top:22px;
	width:622px;
}
#head-keywords {
	height: 13px;
	width: 500px;
	overflow: hidden;
	position: relative;
	left: 220px;
	top: -38px;
	font-size: 9px;
	color: #2c5c8c;
	text-align: center;
	font-weight: normal;
}
#head-keywords h3{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 18px;
	text-transform: uppercase;
}
#utility {
	position: relative;
	float: left;
	width: 292px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
    background-color: #0a2534;
	color: #ffffff;
	width: 292px;
	border:0;
	
}	
#utility h2{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	
}
#utility h3{
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	
}
