/* Metconsultants Stylesheet */

body {
	color: #000000;
	margin: 0;
	padding: 0;
	font: 0.7em "Arial", Helvetica, Sans-Serif;
	background:url(../images/contentbg.gif) repeat-x;
	}

a { 
	color: #3C6491;
	background-color: inherit;
}

a:hover {
	color: #BF3E17;
	background-color: inherit;
}

h1 {
	font: 160% Arial, Sans-Serif;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0;
}

h1 a {
	color: #BF3E17;
	background: inherit;
	text-decoration: none;
}

h1 a:hover {
	color: #3C6491;
	background: inherit;
	text-decoration: none;
}

h2 {
	margin: 8px 0 5px 0px;
	padding: 0;
	font-size: 1.4em;
	letter-spacing: -1px;
	color: #000;
	background-color: inherit;
}

h2 a {
	color: #000000;
	text-decoration: none;
	background-color: inherit;
	background-repeat: no-repeat;
	background-position: center left;
	
	padding: 0 0 0 20px;
}

h2 a:hover {
	background: url(../images/h2bghover.gif) no-repeat center left;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

#topdiv {
	margin: 5px auto;
	width: 787px;
}

#topdiv p {
	line-height: 1.8em;
	color: #808080;
}

#topdiv a {
	color: #808080;
	background: inherit;
	text-decoration: none;
}

#topdiv a:hover {
	text-decoration: underline;
}

#topdivcal {
	
	float:right;
	height: 25px;
	margin-top:7px;
	margin-right:2px;
	text-align:right;
	width:275px;}	

#topdivcal p {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0 10px 0 55px;
}

#topdivcal a {
	color: #fff;
	font-size:14px;
	text-decoration: blink;
}

#topdivcal a:hover {
	color: #ccc;
	text-decoration: none;
}


#header {clear: both; width: 787px;margin: 0 auto 0px;}
#hmenu {padding: 13px 0 9px 0;float: left;}
#hmenu a {padding: 12px 41.1px 2px 40.9px;text-decoration: none;color: #fff;background: #D56A00 url(../images/hmenuarrow.gif) no-repeat top center;margin: 0 0 0px 1px;border-bottom: 6px solid #fff;height:25px;font-weight:bold;}
#hmenu a:hover {background: #D50000 url(../images/hmenuarrowhover.gif) no-repeat top center;color: #FFFFFF;border-bottom: 6px solid #FF9933;}



.content {
	color: #000000;
	text-align:justify;
	background:url(../images/contentbg.gif) repeat-x;
}

#left {
	float: left;
	width: 554px;
	padding: 0px 0px 0 0;
}

#articles {
	width: 787px;
	padding: 0px 0 0 0px;
	margin: 1px auto;
}

#right {
	float: right;
	width: 230px;
}

#rightmenu {
	margin: 0;
	padding: 0 3px 0 0;
}

#rightmenu a {
	display: block;
	background: #D50000 url(../images/vmenuarrow.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
}

#rightmenu a:hover {
	color: #FFFFFF;
	background: #D56A00 url(../images/vmenuarrowhover.gif) no-repeat center left;
}

.rightarticle {
	background: #fff;
	color: #000;
	margin: 2px 0 2px 0;
	padding: 8px;
	line-height: 1.4em;
	min-height:300px;
}

#linksholder {
	clear: both;
	margin: 0 auto;
	width: 785px;
	color: #FFF;
	margin-top:0px;
}

#links {
	float: right;
	padding: 10px;
	width: 767px;
	color: #000;
	border:1px #FF6600 solid;
	background-color:#eee;
	font-weight:bold;
}

#whiteline {
	margin-top: 0px;
	border-top: 1px solid #fff;
}

#footer {
	margin: 5px auto;
	width: 780px;
	padding: 0 5px 0 5px;
}

#footer p {
	padding-top: 10px;
	padding-bottom: 25px;
	line-height: 1.8em;
	color: #808080;
	background: #fff;
}

#footer a {
	color: #808080;
	background: inherit;
}

.date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(../images/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
.date a { color: #808080; background: #FFFFFF; }

.image {
	float: left;
	margin: 0px 6px 8px 4px;
	border: #CC3300 dotted 2px 2px 2px 2px;
	padding: 5px;}

.image_main {
	float: left;
	margin: 0 9px 3px 0;
	border: #fff solid 2px 2px 2px 2px;
	padding: 0px 4px 4px 0px;}

.box_top {
		background: url(../images/leftbox_top.gif) no-repeat;
		height: 25px;
		width: 215px;
	}

.box_top1 {
		background: url(../images/leftbox_top1.gif) no-repeat;
		height: 25px;
		width: 268px;
	}

.box_top2 {
		background: url(../images/leftboxcontent_top1.gif) no-repeat;
		height: 25px;
		width: 552px;
	}
	

.box_top h2 {
		color: #000;
		background: inherit;
		padding: 4px 0 0 5px;
		margin: 0;
	}
	
.box_top1 h2 {
		color: #000;
		background: inherit;
		padding: 4px 0 0 5px;
		margin: 0;
	}

.box_top2 h2 {
		color: #000;
		background: inherit;
		padding: 4px 0 0 10px;
		margin: 0;
	}


.box {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0px 4px 0 7px;
		margin: 0;
		width: 200px;
		color: #595959;
		background: #FFF;
		font-size:1.1em;
	}

.box1 {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0px 4px 0 7px;
		margin: 0;
		width: 253px;
		color: #595959;
		background: #FFF;
		font-size:1.1em;
	}

.box2 {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0px 4px 0 7px;
		margin: 0;
		width: 537px;
		color: #595959;
		background: #FFF;
		font-size:1.1em;
	}
	
.box_bottom {
		background: #FFF url(../images/leftbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 215px;
		margin: 0 0 7px 0;
	}

.box_bottom1 {
		background: #FFF url(../images/leftbox_bottom1.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 268px;
		margin: 0 0 7px 0;
	}

.box_bottom2 {
		background: #FFF url(../images/leftboxcontent_bottom1.gif) no-repeat;
		color: #000;
		height: 15px;
		width: 552px;
		margin: 0 0 7px 0;
	}


.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: left;
	padding: 0px 0 0 0px;
	margin-bottom: 0px;
	width: 100%;
	overflow: hidden;
	}

.quartercolumn { float: left; width: 24.43%; padding:2px; text-align:center;}		/* One quarter width column for a four column site */
.halfcolumn { float: left; width: 49.5%; padding-top:10px; text-align:center;}	
.onethirdcolumn { float: left; width: 32.7%; padding:2px; text-align:center;}
.tablecontaner {
		background: url(../images/leftboxcontent_top1.gif);
		height: 25px;
		width:800;
		
	}