#container {

	width: 934px;

	border: solid 1px #666666;

	margin: 5px 0 0 0;

	margin-right: auto;
	margin-left: auto;

}

#header {

	margin: 5px 0 0 0;

}



#front_page_list {

	padding: 0;

	margin: 0;

}

#front_page_list td {

	padding: 3px;

	margin: 0;

}

#front_page_list  ul {

 	padding: 0 0 0 4px;

 	margin: 0;

}	

#front_page_list  li {

	text-align: left;

	list-style: none;

	background-image: url('images/blue_spot.gif');

	background-position: 0 0;

	background-repeat: no-repeat;

	padding: 0 0 3px 20px;

	margin: 2px 0 0 0;

}

body  {

	font: 75% Arial, Helvetica, sans-serif;

	margin: 5px 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	background-color: #ffffff;

	background-image: url(images/bgd.gif); 
	
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

#legals {

	color: #666666;

	text-align: right;

	padding: 5px;

	border-top: solid 1px #666666;

}

#tr_tagline {

	text-align: right;

}

p {

	margin: 0px;

	padding: 5px 5px 5px 10px;

}

#main_menu {

	border-top: solid 1px #666666;

	border-bottom: solid 1px #666666;

	height: 1.3em;

	background-image: url(images/menu_gradient.gif);

	font-size: 130%;

}

td {

	vertical-align: top;

	background-color: #ffffff;

}

img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#main_content {

	padding: 0;
	border-bottom: solid 1px #666666;

}

#footer {

	border: none;

	border-top: solid 1px #666666;

}

#spotlight {

	text-align: right;

	border-left: solid 1px #666666;

	width: 183px;

	padding: 0;

	margin: 0;

}

#spotlight ul {

 	padding: 0 0 0 4px;

 	margin: 0;

}	

#spotlight li {

	text-align: left;

	list-style: none;

	background-image: url('images/orange_spot.gif');

	background-position: 0 0;

	background-repeat: no-repeat;

	padding: 0 5px 3px 20px;

	margin: 2px 0 0 0;

}



#banner {

	border-bottom: solid 1px #666666;

	background-image: url(images/ad_gradient.gif);

	padding: 0;

}

#spotlight_img {

	border-bottom: solid 1px #666666;

}



a {

	text-decoration: none;

}



a:link {

	color: #003366;

	text-decoration: none;

}



a:visited {

	color: #660000;

	text-decoration: none;

}



a:hover {

	color: #CC0000;

	text-decoration: underline;

}



a:active {

	color: #FF0000;

	text-decoration: underline;

}

.product_logo {

	padding: 25px 10px 25px 10px;

	border-top: solid 1px #666666;

	;

}

.product_description {

	vertical-align: middle;

	border-top: solid 1px #666666;

	;

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.75em;

	font-weight: normal;

	color: #CC3300;

	padding: 15px 5px 5px 5px;

	margin: 0;

}

#page_header {

	padding: 	0;

}

#spotlight p { padding: 2px 5px 15px 5px;}

#spacer_col {
	border-left: solid 1px #666666;
}
.header_container {
	vertical-align: middle;
}

#logo {
	padding: 0 0 4px 5px;
}

#intelligence {
	padding: 30px 20px 30px 20px;
	font: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
}