/* Layout styles */

body {
	padding: 0;
	margin: 0;
	color: #383838;
	text-align: center;
	font: normal .7em/1.5em verdana, Arial, Helvetica, sans-serif;
	background: #E9F1F7 url(body_bground_rpt.gif) repeat-x 0 0;
}

/*********** site structure styles ***********/


#outer {
	width: 770px;
	margin: 6px auto 0 auto;
	padding: 0;
	text-align: left;
}

#header {
	height: 110px;
	background: url(images/hdr_bground.html) no-repeat 0 0;
}

#mainNav {
	float: left;
	width: 594px;
	height: 57px;
	z-index: 200;
	background: url(images/mainnav_bground.html) no-repeat 0 0;
}

#container {
	float: left;
	background: #FFF;
	width: 770px;
	padding: 0 0 3px 0;
}

#left {
	float: left;
	display: inline;
	width: 173px;
	margin: 0 0 0 3px;
	padding: 10px 0 0 0;
	background: #C9DEF1 url(images/left_bground.html) no-repeat 0 0;
}

#centrecontent {
	float: left;
	width: 594px;
	background: #FFF url(images/centrecontent_bground.html) repeat-x 0 0;
}

#content {
	float: left;
	padding: 0 16px;
}

#portals {
	float: left;
	width: 562px;
	margin: 15px 0 0 0;
}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 5px 0 0 0;
  	width: 770px;
	text-align: center;
	color: #062068;
	font-size: .9em;
}

/*********** Link Styles ***********/

a {
	color: #0061B4; 
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/***********  Header styles ***********/

/* SiteID styles */

#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

#header h1 a {
	background: url(images/MillsLogo.html) no-repeat 0 0;
	width: 176px;
	height: 110px;
	display: block;
}

#header h1 a span {
	display: none;
}

/* Utilities styles */

#utilities {
	float: left;
	width: 594px;
}

#utilities a.clientLogin {
	float: right;
	display: inline;
	background: url(images/index_client_login_btn.html) no-repeat 0 0;
	width: 90px;
	height: 18px;
	margin: 8px 12px 0 0;
	color: #FFF;
	text-align: center;
	font-size: .9em;
}

/***********  Main Nav styles ***********/

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainNav ul li { 
  float: left;
  position: relative;
}

#mainNav ul li a {
	float: left;
	display: block;
	color: #FFF;
	padding: .6em 2.2em 0 2em;
	margin: 0;
	height: 33px;
	text-decoration: none;
	font-weight: bold;
	background: url(images/mainnav_a_bground.html) no-repeat 100% 0;
}


#mainNav ul li a:hover {
	background: url(images/mainnav_ahover_bground.html) no-repeat 100% 0;
}

#mainNav ul li ul {
	display: none;
	position: absolute; 
	top: 3.3em;
	left: 0;
}

#mainNav ul li > ul {
	left: auto;
	
}

#mainNav ul li:hover ul, #mainNav ul li.over ul { 
	display: block; 
	font-size: .9em;
	width: 150px;
}

#mainNav ul li ul li {
	display: block;
}

#mainNav ul li ul li a {
	display: block;
	float: none;
	width: 130px;
	color: #FFF;
	padding: .4em 1em .3em 1em;
	height: auto;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	background: #609BCE;
	border-bottom: 1px solid #C9DEF1;
}

*html #mainNav ul li ul li a { /* Hack for IE 5.5 to combat box model issues */
	width\: 150px;
}

#mainNav ul li ul li a:hover, #mainNav ul li ul li a.active, #mainNav ul li ul li a.active:hover {
	background: #FFBC66 url(images/subnav_ahover_bground.html) no-repeat 0 0;
}

/*********** Left Column Styles **********/

/* Product Search Styles */

#left #productsSearch {
	margin: 0 0 6px 8px;
	padding: 5px;
	padding-left: 10px;
	background: url(images/products_search_bground.html) no-repeat 0 0;
	width: 149px;
	color: #FFF;
}

*html #left #productsSearch { /* Hack for IE 5.5 to combat box model issues */
	width\: 159px;
}

#left #productsSearch form {
	float: left;
	margin: 0;
	padding: 0;
}

#left #productsSearch form label {
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	font: bold 1.1em verdana, arial, helvetica, sans-serif;
}

#left #productsSearch form input.formText {
	float: left;
	border: none;
	background: #FFF;
	font: normal .9em verdana, arial, helvetica, sans-serif;
	color: #000;
}

#left #productsSearch form input.formSubmit {
	float: left;
	background: none;
	border: none;
	margin: 0 0 0 2px;
	padding: 0;
	color: #FFF;
	cursor: pointer;
	font: bold .9em verdana, arial, helvetica, sans-serif;
}

#left #productsSearch a.advanced {
	clear: both;
	display: block;
	color: #FFF;
	font-size: .8em;
	margin: -10px 0 0 25px;
	text-decoration: underline;
}

#left #productsSearch a.advanced:hover {
	text-decoration: none;
}

/* Product Nav Styles */

#left #productsNav {
	margin: 0 0 0 8px;
}

#left #productsNav ul {
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	list-style-type: none;
}

#left #productsNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	width: 155px;
}

#left #productsNav ul li a {
	display: block;
	color: #FFF;
	width: 142px;
	padding: .8em 5px .5em 8px;
	margin: 0 0 1px 0;
	font: bold .9em verdana, arial, helvetica, sans-serif;
	background: url(images/productsnav_a_bground.html) no-repeat 0 0;
}

*html #left #productsNav ul li a { /* Hack for IE 5.5 to combat box model issues */
	width\: 155px;
}

#left #productsNav ul li a:hover {
	background: url(images/productsnav_ahover_bground.html) no-repeat 0 0;
	text-decoration: none;
}

/*********** Main Content Styles ***********/

#centrecontent h2 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #0061B4;
	margin: 0;
	padding: 0;
}

#centrecontent h3 {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #0061B4;
	margin: 0;
	padding: 0;
}

#centrecontent p {
	margin: 0 0 1em 0;
}

#centrecontent ul p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
} 

/*********** Intro Styles ***********/

#centrecontent .intro {
	background: #C9DEF1;
	padding: .8em 8px .5em 8px;
}

#centrecontent .intro h2 {
	padding: 0 0 8px 0;
	margin: 0 0 .5em 0;
	background: url(images/intro_h2_bground.html) no-repeat 0 100%;
}

#centrecontent .intro img {
	float: left;
	margin: 4px 10px 30px 0;
	border: 5px solid #AFCEE7;
}

#centrecontent .intro p {
	margin: 0 0 .5em 0;
	line-height: 1.3em;
}

/*********** Portal Styles ***********/

/* General Styles */

#portals div {
	float: left;
	background: #EFF5FB;
	width: 259px;
	height: 170px;
	padding: 0 8px 1em 8px;
} 

*html #portals div { /* Hack for IE 5.5 to combat box model issues */
	width\: 275px;
	height\: 180px;
}

#portals div h3 {
	padding: .8em 0 8px 0;
	margin: 0 0 5px 0;
	background: url(images/portal_h3_bground.html) no-repeat 0 100%;
} 

#portals div img {
	float: left;
	margin: 4px 5px 0 0;
	border: 5px solid #AFCEE7;
}

#portals div p {
	margin: 0 0 .5em 0;
	line-height: 1.3em;
} 

#portals div p.link {
	margin: 10px 0 0 0;
}

#portals div p.link a {
	font-weight: bold;
	color: #FF9000;
}

/* Individual Styles */

#portals div.portal1 {
	float: left;
} 

#portals div.portal2 {
	float: right;
}