/*
	Website Styles - IUID ToolKit
	10/15/2005
*/

/* 	This is to keep the page from jumping out of alignment
	with the navigation system in Mozilla, Firefox and Netscape browsers.
	It forces those browsers to have a scroll bar area (appox. 22px). */
html { min-height: 100.05%; }

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}

#wrapper {
	width:800px;
	margin:0px auto;
	padding: 0;
	text-align:left;
	border: 1px solid #ccc;
	color: #000;
	background-color: #ccc;
	}
#home #wrapper {
	background-color: #fff;
	}
#header {
	width: 800px;
	height: 86px;
	color: #000;
	background-color: #fff;
}
#header h1, #whats_new h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 643px;
	height: 86px;
	text-indent: -9000px;
	color: #000;
	background: #fff url(../images/header_home.jpg);
}
#suppliers #header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 643px;
	height: 86px;
	text-indent: -9000px;
	color: #000;
	background: #fff url(../images/header_suppliers.jpg);
}
#depots #header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 643px;
	height: 86px;
	text-indent: -9000px;
	color: #000;
	background: #fff url(../images/header_depots.jpg);
}
#managers #header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 643px;
	height: 86px;
	text-indent: -9000px;
	color: #000;
	background: #fff url(../images/header_managers.jpg);
}
#ops_field_maint #header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 643px;
	height: 86px;
	text-indent: -9000px;
	color: #000;
	background: #fff url(../images/header_ops_field_maint.jpg);
}
#headernav {
	float: right;
	margin: 15px 0 0 0;
	padding: 0;
}
#headernav li {
	padding: 0 10px 0 0;
	display: inline;
	list-style-type: none;
}
#headernav li a {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
#headernav li a:hover {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

/*----------------------------------------*/
#related_links {
	clear: both;
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #9b9b9b;
}

#related_links p {
	margin: 0;
	padding: 0 0 7px 5px;
	font-size: 0.9em;
}
#related_links p strong.rl {
	color: #fff;
}
#related_links p a {
	color: #000;
}
#related_links p a:hover {
	color: #fff;
}

#box {
	width: 175px;
	height: 25px;
	margin: 10px 0 0 0;
	padding: 0;
	color: #000;
	/*background: #9b9b9b url(../images/info_div_background.gif) repeat-y;*/
	background-color: #9b9b9b;
	font-size: 0.9em;
}
#suppliers #related_links #box,
#depots #related_links #box,
#ops_field_maint #related_links #box,
#managers #related_links #box,
#whats_new #related_links #box {
	/*background: #9b9b9b url(../images/info_div_background.gif) repeat-y;*/
	background-color: #9b9b9b;
}
#box p {
	margin: 0;
	padding: 0 0 0 5px;
	line-height: 1.5em;
}

#box p a {
	color: #000;
}
#box p a:hover {
	color: #fff;
}
#box p.weblinks {
	font-size: 1.1em;
	padding-top: 50px;
}
p.helplinks {
	margin: 0;
	padding: 0 0 45px 5px;
	line-height: 1.4em;
	background-color: #fff;
}
#suppliers p.helplinks, 
#managers p.helplinks, 
#ops_field_maint p.helplinks, 
#depots p.helplinks {
	background-color: #fff;
}
p.helplinks {
	color: #999;
	width:800px;
	margin:0px auto;
	padding: 0;
	text-align:left;
}
p.helplinks a {
	color: #999;
	text-decoration: none;
}
p.helplinks a:hover {
	color: #000;
	text-decoration: underline;
}

/*----------------------------------------*/
#section_header {
	float: left;
	margin: 0;
	padding: 0;
	width: 625px;
	height: 102px;
	color: #333;
	background-color: #ccc;
}
#whats_new #section_header {
	width: 625px;
	height: 102px;
	background-color: #ff0;
}
#suppliers #section_header {
	width: 625px;
	height: 102px;
	background-color: #473A81;
}
#depots #section_header {
	width: 625px;
	height: 102px;
	background-color: #519641;
}
#ops_field_maint #section_header {
	width: 625px;
	height: 102px;
	background-color: #C67025;
}
#managers #section_header {
	width: 625px;
	height: 102px;
	background-color: #EBAB00;
}

#section_header h2 {
	float: left;
	margin: 45px 0 0 0;
	padding: 0;
	width: 338px;
	height: 37px;
	text-indent: -9000px;
	background: #ccc url(../images/implementation_toolkit.gif);
}
#whats_new #section_header h2 {
	margin: 26px 0 0 0;
	width: 600px;
	height: 32px;
	background: #ff0 url(../images/implementation_whats_new.gif);
}
#suppliers #section_header h2 {
	margin: 26px 0 0 0;
	width: 469px;
	height: 32px;
	background: #473A81 url(../images/implementation_suppliers.gif);
}
#depots #section_header h2 {
	margin: 26px 0 0 0;
	width: 406px;
	height: 32px;
	background: #519641 url(../images/implementation_depots.gif);
}
#ops_field_maint #section_header h2 {
	margin: 26px 0 0 0;
	width: 625px;
	height: 32px;
	background: #C67025 url(../images/implementation_ops_field_maint.gif);
}
#managers #section_header h2 {
	margin: 26px 0 0 0;
	width: 602px;
	height: 32px;
	background: #EBAB00 url(../images/implementation_managers.gif);
}

/*----------------------------------------*/
#mainnav {
	margin: 0;
	padding: 5px 0 5px 120px;
	background-color: #fff;
}
#mainnav li {
	margin: 0;
 	padding: 6px 0 0 0;
	display: inline;
	list-style-type: none;
}
/*#mainnav li#m3 {
	margin: 0 0 0 0px;
}
#mainnav li#m4 {
	margin: 0 0 0 6px;
}*/
#mainnav a {
	margin: 0;
 	padding: 9px 10px 0 20px;
	color: #000;
	text-decoration: none;
}
#mainnav a:link, #mainnav a:visited {
	color: #000;
	text-decoration: none;
}
#mainnav a:hover {
	color: #000;
	text-decoration: underline;
}
#mainnav li#m1 {
	margin-right: 15px;
	background: #fff url(../images/m1.gif) no-repeat bottom left;
}
#mainnav li#m2 {
	margin-right: 25px;
	background: #fff url(../images/m2.gif) no-repeat bottom left;
}
#mainnav li#m3 {
	margin-right: 3px;
	background: #fff url(../images/m3.gif) no-repeat bottom left;
}
#mainnav li#m4 {
	background: #fff url(../images/m4.gif) no-repeat bottom left;
}

/*----------------------------------------*/
#content {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
}
#suppliers #content,
#depots #content,
#managers #content,
#ops_field_maint #content,
#whats_new #content {
	padding: 0 0 0 20px;
}

h3 {
	font-size: 1.7em;
	margin: 0;
	padding: 10px 0 2px 0;
}
h4 {
	margin: 0;
	padding: 10px 0 2px 0;
}
p {
	margin: 0;
	padding: 5px 0 5px 0;
	line-height: 1.5em;
}
ul {
	margin: 0;
	padding: 0 0 0 25px;
}

/*----------------------------------------*/
/* suppliers tools link styles */
#suppliers #content a:link { color: #000; text-decoration: underline; }
#suppliers #content a:visited {	color: #000; text-decoration: underline; }
#suppliers #content a:hover { color: #473A81; text-decoration: underline; }
#suppliers #content a:active { color: #473A81; text-decoration: underline; }

/* depots tools link styles */
#depots #content a:link { color: #000; text-decoration: underline; }
#depots #content a:visited { color: #000; text-decoration: underline; }
#depots #content a:hover { color: #519641; text-decoration: underline; }
#depots #content a:active { color: #519641; text-decoration: underline; }

/* managers tools link styles */
#managers #content a:link { color: #000; text-decoration: underline; }
#managers #content a:visited {	color: #000; text-decoration: underline; }
#managers #content a:hover { color: #EBAB00; text-decoration: underline; }
#managers #content a:active { color: #EBAB00; text-decoration: underline; }

/* ops_field_maint tools link styles */
#ops_field_maint #content a:link { color: #000; text-decoration: underline; }
#ops_field_maint #content a:visited { color: #000; text-decoration: underline; }
#ops_field_maint #content a:hover { color: #C67025; text-decoration: underline; }
#ops_field_maint #content a:active { color: #C67025; text-decoration: underline; }