/* Profiles CSS */

/* ---- Tool Bar - colors CAN be overwritten with dept CSS ---- */

#header {
	background: #ffffff url(../images/top_tile.jpg) repeat-x !important;
	color: #ffffff;
	}
div#toolNav li.toolSubmenu {
	background:  none;
	color: #000000;
	}
div#toolNav li.toolSubmenu:hover {
	color: #000000;
	background:  none;
	}
div#toolNav li a { /*main link for web tools */
	color: #000000;
	background: none;
	}
div#toolNav ul li ul li a {
	color: #ffffff;
	background: #666666;
	}
div#toolNav ul li ul li a:hover {
	color: #000000;
	background: #aaaaaa;
	}

/* ---- Search Tools - colors CAN be overwritten with dept CSS ---- */
div#searchTools a {
	color: #000000;
	background: none;
	}
div#searchTools a:hover {
	color: #666666;
	background: none;
	}
div#searchTools input {
	background: #FFFFFF;
	color: #000000;
	} 
div#searchTools .button {
	text-align: center;
	border: none;
	color: #333333;
	background: transparent url(../images/searchbutton.png) no-repeat;
	font: 62% Verdana, Geneva, Arial, sans-serif;
	
	}
div#searchTools .button:hover {
	border: none;
	color: #343434;
	background: url(../images/searchbutton_over.png) no-repeat;
	font: 62% Verdana, Geneva, Arial, sans-serif;
	
	}
	
	
/* Additions */
.skip {
	position:absolute;
	left:0px;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

.hide {
	position:absolute;
	left:0px;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
	
.clear {
	clear: both;
	}


/* Text */

img {
 	border: 0px;
	}
input, select, textarea, button {
	font-size: 100%
	}


/* Body and Containers */

html,body {
 	margin: 0px; 
	padding: 0px; 
	height: 100%;
}
body {
	height: 100%;
 	margin: 0px;
	padding: 0px;
	color: #000000;
	background: #ffffff url(../images/top_tile.jpg) repeat-x;
}
#container {
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
    min-height:100% !important; /* real browsers */
}

#headSpace {
	background: #ffffff url(../images/top_tile.jpg) repeat-x 0px -124px;
	margin: auto;
	width: 701px;
	height: 35px;
}	
	 #breadCrumb{
	 	float:left;
		font: 75% Arial, Verdana, Geneva, sans-serif;
		padding: 10px 0px 0px 20px;
	 }
	 	#breadCrumb .currentPage{
			color: #7844a8;
		}
	 #mLogin{	
		float: right;
		padding: 10px 25px 0px 0px;
		font: 75% Arial, Verdana, Geneva, sans-serif;
	}
	#headSpace a{
		text-decoration: none;
		color: #000000;
	}
	#headSpace a:hover{
		text-decoration: none;
		color: #666666;
	}

#content {
	padding:0px 0px 130px 0px; /* bottom padding for footer */
	height: 100% !important;
}

#footer { 
	clear: both;
	position:absolute;
	bottom:0px; 
	width: 100% !important;
	min-width: 100%;
	height: 120px;
	background: #639;
	color: #ffffff;
	z-index: 15;
	}
	#footCon{
		width: 701px;
		margin: auto;
		padding: 0px;
	}	
		#footer p {
		margin: 0px;
		padding: 15px 0px 0px 10px;
		font: 75% Arial, Verdana, Geneva, sans-serif;
					
		}
		#logo {
			float: right;
			margin: 0px;
			padding: 10px 10px 0px 0px;
			}	
		#footer a {
			color: #ffffff;
			text-decoration: none;
			}