/*----------------------------------------------------------*/
/* Gearin' Up												*/
/* CSS name: header.css										*/
/* Developer: MindPick Software LLC							*/
/* Date: 6/5/2009											*/
/*															*/
/* Description: Style sheet for elements of the header on 	*/
/* 		all pages with all media.							*/
/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/* Make the header section just tall enough for the header	*/
/* graphic. Don't let it overflow (mostly early IE).		*/
/*----------------------------------------------------------*/
#header {
	overflow: hidden;
	height: 140px;
	background: #660099 url(../images/banner-bkgd.jpg) no-repeat 225px;
	font: normal .95em/1em arial,sans-serif;
}

#header_container {
	height: 100%;
}

/*----------------------------------------------------------*/
/* Size and position sections of header. IE <v6 needs a		*/
/* width for the left block to keep floats next to each		*/
/* other across the page.									*/
/*----------------------------------------------------------*/
#header_left {
	overflow: hidden;   /* Keep phone number from overflowing block. */
	width: 240px;
}

#header_left, #header_center {
	float:  left;
}

#header_right {
	float: right;
}

/* For compatible browsers, set info for alt image text. */
#header_center {
	padding: 18px 12px;
	color: #ffcc00;
	font: 3em "Arial Black", sans-serif;
	text-align: left;
}

/*----------------------------------------------------------*/
/* Set up the text attributes for the phone number and 		*/
/* mailto link.												*/
/*----------------------------------------------------------*/
.banner_phone{
	color: #ffcc00;
	font-family: "arial black", arial, sans-serif;
}

.mailtolink {
	display: block;
	padding-top: 105px;
	padding-right: 5px;
	color: #ffcc00;
	font-size: .8em;
	text-align: right;
}

.mailtolink:hover {
	font-weight: bold;
}