/* CSS document defining the styles for the website http://www.tarcosteel.com */

/* Clear the browser default formatting */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
blockquote,fieldset,input
{ margin:0; padding:0 }
		
/* Set the desired formatting */
body,h1,h2,h3,h4,h5,h6,p,ul {
 	/* Background color */
      background:none;
	/* Text color */
      color:black;
	/* Font properties */
      font:medium/2em Georgia,Serif;
}

/* Styling for a paragraph with all bold text */
p.bold {
	font-weight:bold;
}

/* Forces the vertical scroll-bar by putting one pixel at the bottom */
html { min-height: 100%; margin-bottom: 1px; }

/* Styling for a bold underlined large header */
h1 {
	font-size:2em;
	font-weight:bold;
	text-decoration:underline;
}

/* Container for all of the site */
div.container {
	/* Positioning */
	position:relative;
	top:0; left:0;
	/* Leaves whitespace all around site */
	margin:15px;
}


/* Container for individual page content */
div.contentContainer {
	/* Positioning */
	position:relative;
	top:0; left:0;
	width:100%;
	/* Black background for the page to lay on */
	background:black;
	/* Puts this div at the bottom layer */
	z-index:0;
}

div.content {
	/* Positioning */
	position:relative;
	top:0; left:0;
	/* Puts this div at the middle layer */
	z-index:1;
	/* White background for the page content */
	background:white;
	/* Leaves a black margin on right and left */
	margin-left:105px;
	margin-right:20px;
	height:100%;
	/* Brings the content in a bit */
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	/* Puts scrollbars if necessary */
	overflow:auto;
}

div.header {
	/* Positioning */
	position:relative;
	top:0; left:0;
	/* Sizing */
	width:100%; 
	
	/* Sets the size of the header to match the logo size */
	if(document.all)	
		if(document.body.clientWidth >= 900)
			height:125px;
		else
			height:100px;
	else
		if(window.innerWidth >= 900)
			height:125px;
		else
			height:100px;
	/* Appearance */
	background-color:black;
	/* Content control */
	overflow:hidden;
}

div.divider {
	/* Positioning */
	position:relative;
	top:0; left:0;
	/* Sizing */
	width:100%; height:6px;
	/* Appearance */
	background-color:#C0C0C0;
}
	
div.menubar {
	/* Positioning */
	position:absolute;
	top:0px; left:0;
	/* Puts the menubar on the top layer */
	z-index:3;
}

div.button {
	/* Uses the button image as a background */
	background-image:url(tarco_pictures/mf_button.jpg);
	background-repeat:no-repeat;
	/* Size of the image */
	width:105px;
	height:35px;
	/* White background (if seen, there is a problem) */
	color:#FFFFFF;
	/* Gets the text in the center of the button */
	text-align:center;
	line-height:35px;
	margin-top:3px;
	margin-bottom:3px;
}

/* Make the link text for the buttons always stay plain white */
a.buttontext:link {
	text-decoration:none;
	color:#FFFFFF;
}

a.buttontext:visited {
	text-decoration:none;
	color:#FFFFFF;
}

a.buttontext:active {
	text-decoration:none;
	color:#FFFFFF;
}

a.buttontext:hover {
	text-decoration:none;
	color:#FFFFFF;
}