/*  gearheartDOTcom.css - (C) 2007 Mikrotec Web Design
	10/14/2007 - Jefferson Jay Thacker
*/

/* Global Choices */
body {
	background-color:#574834;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:0px;
	padding:0px;
}

/* Remove the colord border from image links.  Only appear when I want it to be there. */
img {
	border:0px;
}

/* Items in the Main Block */
#mainContentBlock {
	/* Size & Position */
	width: 990px;
	margin:0px auto;
	padding:0px;
	
	
	/* Backgrounds & Borders */
	background-color:#4F5734;
	background-image:url(images/SBBack.jpg);
	
	/* Text & Fonts*/
	color:#A8A8A8;	
}

#headerFrontPage {
	/*The front page of the site has a slightly larger mast head than the rest of the pages
		in order to accomidate the large building image that dominates the header.*/

	/* Size & Position */
	width: 990px;
	height: 150px;
	
	/* Backgrounds & Borders */
	background-image:url(images/Header_Front_Page.jpg);
	background-color:#A38762;
}

#headerNav {
	display:block;
	
	float: right;
	
	font-family:"Courier New", Courier, monospace;
	font-size:110%;
	font-weight:bold;
	color:#E0DCC7;
	
	margin-top: 30px;
}

	#headerNav a {
		color: #E0DCC7;
	}

#flashBlockFrontPage {
	/* The front page flash block will contain a single flash object that simply rotates through a few promotional
		images with a few animation effects.*/
		
	/* Size & Position */
	width: 400px;
	height: 150px;
	float:left;
	display:block;
	
	/* Backgrounds & Borders */
	background-color:#575757;
}

#newsBlockFrontPage {
	/* This is the section for news, events, and announcements.  Alot of what goes in here will be traditional HTML fed by a
		php news feeder. */
	
	/* Size & Position */
	width: 400px;
	height: 250px;
	float:left;
	display:block;
	
	/* Backgrounds & Borders */
	background-color:#94A362;
}

#newsBlock {		
		width:370px;
		height:238px;
		color:#F1E8C7;
		font-size:105%;
		font-weight:bold;
		padding:6px;
	}
	
	#newsBlock h1 {
		font-size: 120%;
	}
	
	#newsBlock a {
		color:#F1E8C7;
		text-decoration:none;		
	}
	
	#newsBlockFeed {
		height:160px;
		width:340px;
		border-style:solid;
		border-width: 3px;
		border-color:#574834;
		
		 
		overflow-y:scroll;
		padding: 10px;
				
	}
	
	.newsDate {
		color:#C1985A;
	}

#primaryFlashNavigationBlockFrontPage {
	/* The primary navigation on the front page will be a flash object.  I hope to sub out a traditional navigation block if
		flash doesn't work on the user's browser.*/
		
	/* Size & Position */
	width: 590px;
	height: 400px;
	float:right;
	display:block;
	
	/* Backgrounds & Borders */
	background-color:#000000;
}

#sectionSideBar {
	width: 330px;
	float: left;
	overflow:hidden;
	
}

	#sectionSideBar a {
		color: #E0DCC7;
	}

	#sectionSideBar img {
		margin:0px;
		border:none;
		color:#E0DCC7;
		height: 57px;
		display:block;	
	}

	#sideMenuTable {
		width: 330px;
		text-align: right;
		padding: 5px;
		
		border:1px solid black;
		
		font-family:"Courier New", Courier, monospace;
		font-size:140%;
		font-weight:800;
		background-color:#550F0F;
		color:#E0DCC7;
	}

#longContentBlock {
	width: 614px;
	float: right;
	
	padding: 20px;
	
	background-color:#B7AB86;
	background-image:url(images/spreadBG.jpg);
	background-repeat:no-repeat;
	
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:130%;
	letter-spacing:1px;	
	
}

	#longContentBlock em {
		font-size:110%;
		padding: 5px;
		font-weight: normal;
	}
	
	#longContentBlock h1, h2, h3 {
		font-family:"Courier New", Courier, monospace;
	}
	
	#longContentBlock h1 {
		font-size:200%;
	}
	
	#longContentBlock h1, h2, a {
		color:#560E0F;
	}
	
.job {
	border-style:solid;
	border-width: 1px;
	border-color:#560E0F;
	
	padding: 5px;
	margin: 5px;
	
}

#sectionContentBlock {
	width: 660px;
	float:right;
	background-color:#2F271C;
}

	#imctvCard {
		width: 640px;
		height: 300px;
		
		background-image: url(images/IMCTV_Card_Background.gif);
		
		margin: 10px;	
	}
	
	#mikrotecCard {
		width: 640px;
		height: 300px;
		
		background-image:url(images/Mikrotec_Card_Background.jpg);
		
		margin: 10px;	
	}
	
	#coalfieldsCard {
		width: 640px;
		height: 300px;
		
		background-image:url(images/Coalfields_Card_Background.jpg);
		
		margin: 10px;	
	}
	
	#mtsCard {
		width: 640px;
		height: 300px;
		
		background-image:url(images/MTS_Card_Background.jpg);
		
		margin: 10px;	
	}
	
	#misCard {
		width: 640px;
		height: 300px;
		
		background-image:url(images/MIS_Card_Background.jpg);
		
		margin: 10px;	
	}
	
	#mikroDataCard {
		width: 640px;
		height: 300px;
		
		background-image:url(images/Mikro-Data_Card_Background.jpg);
		
		margin: 10px;	
	}
	
	#securityCard {
		width: 640px;
		height: 300px;
		
		background-image:url(images/Security_Card_Background.jpg);
		
		margin: 10px;	
	}

	#wprgCard {
		width: 640px;
		height: 300px;
		
		background-image: url(images/WPRG_Card_Background.jpg);
		
		margin: 10px;	
	}

		.cardBlock {
			width: 320px;
			height: 230px;
			margin: 50px 20px 10px 10px;
			float: right;
			
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			line-height:22px;
			letter-spacing:1px;
		}

		.cardImage {
			width: 220px;
			height: 170px;
			margin: 35px 0px 0px 20px;
						
			border: 2px solid #000000;
			
			float: left;
		}
	
#footer {
	/* Probably the only item that is the same on every page, the footer is a small grab for consistency. */
	
	/* Size * Position */
	width: 984px;
	height: 30px;
	clear: both;
	
	padding:3px;
	
	/* Backgrounds & Borders */
	background-color:#A38762;
	background-image:url(images/footerBG.jpg);
	
	color:#000000;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	letter-spacing:1px;
	
	text-align:right;
}

	#footer a {
		color:#2F271C;
	}
	

#blogForm {
	border-bottom-style:solid;
	border-color:#000000;	
}

#blogForm input, #blogForm textarea, #blogForm select {
	margin-left: 50px;
	background-color:#E0DCC7;
}

#blogForm input {
	width: 260px;
}

#submitButton {
	width: 100px;
}

.required {
	color:#CC3333;
}