/* CSS Document */

/*-----------------------------------------------------------------------------------------------
  GLOBAL
-----------------------------------------------------------------------------------------------*/
body { 
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 auto 20px auto;
	padding:0;
	background-color:#fff;
	text-align: center;
}

#wrapper {
	text-align: left;
	margin:0 auto;
	padding:0;
	width:990px; 
	border:solid 1px #999;
	border-top:none;
	position: relative;
	}
	
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}


/*-----------------------------------------------------------------------------------------------
  HEADER AND MAIN NAV
-----------------------------------------------------------------------------------------------*/

#header_white {
	height:121px;
	}
	
#logo{
	position: absolute;
	top: 6px;
	left: 40px;
	}
	
/*-------- Header Navigation --------*/	
#header #utilities {
	position:relative;
	height:86px;
	text-align:right;
	padding-right:0px;
	}
	
	#header form { padding-left:695px; }
	
	#header_white #utilities {
	position:relative;
	height:86px;
	text-align:right;
	padding-right:0px;
	}
	
	#header_white form { padding-left:695px; }
	
	ul#util-nav {
		list-style:none;
		height:20px;
		padding:5px 0 20px 3px;
		*padding:5px 0 0 3px;/* bug fix for IE7 */
		_padding:5px 0 0 3px;/* bug fix for &lt;IE7 */
		font-size:10px;
		color:#999;
		margin:0;
		}
	#util-nav li {display:inline;s}
	#util-nav li a{
		text-decoration:none;
		line-height:14px;
		color:#999;
		float:none;
		margin:0 3px 0 3px;
		}
	#util-nav li a:hover {
		text-decoration:underline;
		color:#b25e24;
		}
		
/*-------- Search Box --------*/	
		
		#header_white input {
		display:inline;
		float:left;
		width:168px;
		height:17px;
		background-color: lightyellow;
		border:1px solid #ccc;
		font-size:10px;
		color:#999999;
		margin:0 0 0 19px;
		}
	#header_white input#go{
		display:inline;
		width:40px;
		height:24px;
		border:none;
		margin:0 0 0 5px;
		}

/*-------- Main Navigation --------*/	
ul#main-nav {
	list-style:none;
	line-height:31px;
	padding:0 0 4px 44px;
	background: #576973 url(../images/mainnav-bg.gif) bottom repeat-x;
	font-size:10px;
	font-weight:bold;
	color:#ccc;
	margin:0;
	}	
ul#news-nav {
	list-style:none;
	line-height:31px;
	padding:0 0 4px 0;/*TD*/
	font-size:10px;
	font-weight:bold;
	color:#ccc;
	margin:0;
	position: absolute;
	height: 31px;
	width: 200px;
	right: 36px;
	top: 86px;
	text-align: right;
}
#main-nav li, 
#news-nav li{
	display:inline;
	}
#main-nav li #active, 
#news-nav li #active{
	color:#ff9900;
	margin:0 7px 0 7px;
	}
#main-nav li a, 
#news-nav li a{
	text-decoration:none;
	line-height:18px;
	color:#fff;
	float:none;
	margin:0 7px 0 7px;
	}
#main-nav li a:hover, 
#news-nav li a:hover{
	color:#ff9900;
	}
	
/*-----------------------------------------------------------------------------------------------
  CONTENT - CLASS A
-----------------------------------------------------------------------------------------------*/
#content {
	width:900px;
	background-color:#fff;
	padding: 5px 45px 0;
	}
	#content #header-graphic {
		margin:10px 0 0 0;
		}		
	#content #left {
		position:relative;
		float:left;
		width:415px;
		padding:0 0 0 20px;
		margin:20px 0 0 0;
		}			
	ul#blue {
		list-style:disc url(../images/blue-arrow.gif) outside;
		*list-style:disc url(../images/blue-arrow_IE.gif) outside;
		_list-style:disc url(../images/blue-arrow_IE.gif) outside;
		font:normal 14px/18px Arial, Helvetica, sans-serif;
		margin:0;
		padding:0 0 0 20px;
		*padding:0 0 0 15px;/* bug fix for IE7 */
		_padding:0 0 0 15px;/* bug fix for &lt;IE7 */
		}
	ul#gold {
		list-style:disc url(../images/gold-arrow.gif) outside;
		*list-style:disc url(../images/gold-arrow_IE.gif) outside;
		_list-style:disc url(../images/gold-arrow_IE.gif) outside;
		font:normal 14px/18px Arial, Helvetica, sans-serif;
		margin:0 0 0 10px;
		_margin:0 0 0 20px;
		*margin:0 0 0 20px;
		padding:0 0 0 20px;
		*padding:0 0 0 15px;/* bug fix for IE7 */
		_padding:0 0 0 15px;/* bug fix for &lt;IE7 */
		}
		#blue li, #gold li {
			margin:10px 0 0 0;
			padding:0 0 0 5px;
			}
		#blue li a, #gold li a {
			text-decoration:none;
			line-height:18px;
			color:#666;
			}
		#blue li a:hover, #gold li a:hover {
			text-decoration:underline;
			color:#b25e24;
			}
	#content #right {
		position:relative;
		float:right;
		width:415px;
		padding:0 0 0 15px;
		margin:20px 20px 0 0;
		border-left:1px solid #999;
		}
		
/*-----------------------------------------------------------------------------------------------
SECONDARY & TERTIARY PAGES - CLASS B & C
-----------------------------------------------------------------------------------------------*/

/*-------- Three Columns --------*/		
#left-column,#right-column {
	display:inline;
	float:left;
	width:170px;
}
#left-column { 
	padding:0 0 0 5px;
	margin:10px 0 0 0; 
	}
#right-column {
	margin:0 0 0 20px;
	*margin:0 0 0 20px;
	_margin:0 0 0 10px;
	float:right;
	}


#center-column1 {
	display:inline;
	float:left;
	margin:10px 0 0 20px;
	overflow:hidden;
	width:860px;
	padding:0 0 20px 20px;
	}
	#center-column1 p { 
		font:normal 12px/18px Arial, Helvetica, sans-serif; 
		margin:0 0 20px 0; 
		padding:0;
		}
	#center-column1 ul {
		list-style:disc;
		list-style-position:outside;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		margin:0;
		padding:0 0 0 20px;
		*padding:0 0 0 15px;/* bug fix for IE7 */
		_padding:0 0 0 15px;/* bug fix for &lt;IE7 */
		}
	#center-column1 li {
		margin:10px 0 0 0;
		padding:0;
		}
/*-------- Promo Boxes --------*/
.sidebar {
	border:1px solid #999;
	margin:10px 0 0 5px;
	background-color:#fff;
	width:160px;
	}
	.sidebar h5 {
		display:block;
		padding:7px;
		margin:0;
		color:#fff;
		text-transform:uppercase;
		background:#fff url(../images/sidebar-heading-bg.gif) repeat-x top left;
		}	
	.sidebar p {
		font:normal 11px/15px Arial, Helvetica, sans-serif; 
		margin:0; 
		padding:7px;
		}
	a.read-more {	
		float:right;
		background:transparent url(../images/red-arrow.gif) no-repeat center right;
		color:#8c1c19;
		text-decoration:none;
		padding:0 15px 0 0;
		}
	a.read-more:hover {	
		text-decoration:underline;
		}
	a.sidebar-heading {
		text-decoration:none;
		color:#b25e24;
		}
	a.sidebar-heading:hover {
		text-decoration:underline;
		}

/*-------- Breadcrumbs --------*/
#breadcrumbs-left {
	float:left;
	width:630px;
	}
#breadcrumbs-right {
	float:right;
	width:152px;
	*width:155px;
	_width:155px;
	}
ul.breadcrumbs {
	list-style:none;
	height:20px;
	padding:5px 0 0 3px;
	*padding:5px 0 0 3px;/* bug fix for IE7 */
	_padding:5px 0 0 3px;/* bug fix for &lt;IE7 */
	font-size:11px;
	color:#999;
	margin:0;
	}
	.breadcrumbs li {display:inline;}
	.breadcrumbs li a{
		text-decoration:none;
		line-height:14px;
		color:#999;
		float:none;
		margin:0 3px 0 3px;
		}
	.breadcrumbs li a:hover {
		text-decoration:underline;
		color:#b25e24;
		}
	/*.breadcrumbs li a.print {
		background:transparent url(../images/print-icon.gif) no-repeat center left;
		padding:0 0 0 20px;
		}*/
	/*.breadcrumbs li a.email {
		background:transparent url(../images/email-icon.gif) no-repeat center left;
		padding:0 0 0 15px;
		}*/		

/*-------- Related Content Links --------*/
ul#related-links {
	list-style:disc url(../images/teal-arrow.gif) outside;
	*list-style:disc url(../images/teal-arrow_IE.gif) outside;
	_list-style:disc url(../images/teal-arrow_IE.gif) outside;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 20px;
	*padding:0 0 0 15px;/* bug fix for IE7 */
	_padding:0 0 0 15px;/* bug fix for &lt;IE7 */
	}
	#related-links li {
		margin:10px 0 0 0;
		padding:0;
		}
	#related-links li a {
		text-decoration:none;
		line-height:16px;
		color:#666;
		}
	#related-links li a:hover {
		text-decoration:underline;
		color:#b25e24;
		}

/*-----------------------------------------------------------------------------------------------
HEADINGS
-----------------------------------------------------------------------------------------------*/
h1.index-title {
	color:#8c1c19;
	height:90px;
	}
h2.content-title {
	color:#8c1c19;
	height:30px;
	margin:-5px 0 10px 0;
	}
h3.content-subtitle {
	color:#3f7b85;
	height:18px;
	text-transform:uppercase;
	margin:0 0 5px 0;
	}
h4.content-subtitle {
	color:#b25e24;
	height:16px;
	margin:0 0 5px 0;
	}
h5.content-subtitle {
	color:#093678;
	height:14px;
	margin:0 0 5px 0;
	}
h4.solution, h4.tertiary {
	color:#143b67;
	text-transform:uppercase;
	height:20px;
	}
h4.whats-new {
	color:#b25e24;
	text-transform:uppercase;
	margin:20px 0 0 10px;
	_margin:20px 0 0 20px;
	*margin:20px 0 0 20px;
	height:20px;
	}		
			
/*-----------------------------------------------------------------------------------------------
 LEFT NAVIGATION
-----------------------------------------------------------------------------------------------*/

/*-------- Top Level Navigation --------*/	
ul#first-level {
	list-style:disc url(../images/blue-arrow.gif) outside;
	*list-style:disc url(../images/blue-arrow_IE.gif) outside;
	_list-style:disc url(../images/blue-arrow_IE.gif) outside;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 20px;
	*padding:0 0 0 15px;/* bug fix for IE7 */
	_padding:0 0 0 15px;/* bug fix for &lt;IE7 */
	}
	#first-level li {
		margin:0 0 10px 0;
		padding:0;
		}
	#first-level li a {
		text-decoration:none;
		line-height:16px;
		color:#666;
		}
	#first-level li a:hover {
		text-decoration:underline;
		color:#b25e24;
		}
		
		/*-------- Second Level Navigation --------*/
		ul#second-level{
			list-style:disc url(../images/gray-arrow.gif) outside;
			*list-style:disc url(../images/gray-arrow_IE.gif) outside;
			_list-style:disc url(../images/gray-arrow_IE.gif) outside;
			font:normal 12px/16px Arial, Helvetica, sans-serif;
			margin:0;
			padding:0 0 0 20px;
			*padding:0 0 0 15px;/* bug fix for IE7 */
			_padding:0 0 0 15px;/* bug fix for &lt;IE7 */
			}
			#second-level li {
				margin:10px 0 0 0;
				padding:0;
				}
			#second-level li a {
				text-decoration:none;
				line-height:16px;
				color:#666;
				}
			#second-level li a:hover {
				text-decoration:underline;
				color:#b25e24;
				}


/*-----------------------------------------------------------------------------------------------
COLORS
-----------------------------------------------------------------------------------------------*/
.brown {
	color:#b25e24;
	}
.teal {
	color:#3f7b85;
	}
.red {
	color:#8c1c19;
	}
.yellow {
	color:#ff9900;
	}
.blue {
	color:#093678;
	}
	
/*-----------------------------------------------------------------------------------------------
  I AM INTERESTED IN DROP DOWN
-----------------------------------------------------------------------------------------------*/

#interested-drop ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border:1px solid #999;
	background-color:#fff;
	min-height:30px;
	}
	#interested-drop li {
		display:block;
		position: relative;
		margin:0 0 0 -1px;
		*margin:0 0 -5px -1px;
		_margin:0 0 -25px 0;
		padding:0;
		*padding:0;
		_padding:0;
		text-align:left;
		}
		#interested-drop li ul {
			display: none;
			position: relative; 
			border:1px solid #999;
			border-top:none;
			border-bottom:none;
			*border-bottom:1px solid #999;
			_border-bottom:1px solid #999;
			_border-right:none;
			_border-left:none;
			background-color:#fff;
			padding:5px;
			width:158px;
			*width:158px;
			_width:156px;
			}
		#interested-drop li > ul {
			left: 0;
			}
#interested-drop li:hover ul, #interested-drop li.over ul { display: block; }

#drop a {
	display:block;
	font:normal 12px/14px Arial,Helvetica,Times;
	color:#8c1c19;
	margin:0 45px 0 0;
	padding:7px 5px 0 5px;
	*padding:7px 5px 0 5px;
	_padding:11px 5px 0 5px;
	text-decoration:none;
	background:transparent url(../images/blue-arrow-down.gif) no-repeat bottom right;
	*background:transparent url(../images/blue-arrow-down_IE.gif) no-repeat bottom right;
	_background:transparent url(../images/blue-arrow-down_IE.gif) no-repeat bottom right;
	}

#drop li li a {
	display: block;
	width: auto;
	margin: 0;
	_margin: 0;
	font:normal 10px/11px Arial,Helvetica,Times;
	color:#093678;
	padding:5px 2px 5px 2px;
	text-decoration:none;
	text-align:left;
	background:none;
	}

#drop li li a:hover {
	color:#b25e24;
	text-decoration:underline;
	}	
	
/*-----------------------------------------------------------------------------------------------
  FOOTER
-----------------------------------------------------------------------------------------------*/
#footer {
	border-top:1px solid #999;
	background-color:#fff;
	height:70px;
	}
	#footer-left {
		position:relative;
		float:left;
		width:405px;
		padding:0 0 0 40px;
		margin:20px 0 0 0;
		font:normal 11px/14px Arial, Helvetica, sans-serif;
		color:#8c1c19;
		}
		#footer-left p {
			margin:0 0 5px 0;
			padding:0;
			}
		#footer-left a {
			color:#8c1c19;
			text-decoration:none;
			}	
		#footer-left a:hover {
			color:#8c1c19;
			text-decoration:underline;
			}
				
	#footer-right {
		position:relative;
		float:right;
		width:445px;
		*width:435px;
		_width:450px;
		padding:0 0 0 0;
		margin:20px 0 0 0;
		}
		ul.footer-nav {
			list-style:none;
			height:20px;
			padding:0;
			*padding:0;/* bug fix for IE7 */
			_padding:0;/* bug fix for &lt;IE7 */
			font-size:11px;
			color:#999;
			margin:0;
			}
		.footer-nav li {display:inline;}
		.footer-nav li a{
			text-decoration:none;
			line-height:14px;
			color:#999;
			float:none;
			margin:0 3px 0 3px;
			}
		.footer-nav li a:hover {
			text-decoration:underline;
			color:#b25e24;
			}

