/*****
	Copyright: Merandex Technology Solutions
	June 2009
	All rights reserved
*****/


/**************************************************************************/
/*                                                                        */
/* HORIZONTAL MENU AND LAYOUT                                             */
/*                                                                        */
/*                                                                        */
/**************************************************************************/


div#container {
	/* margin: 0 auto;*/
	width: 800px;
	background: #fff;
	border-left: 1px #176FC0 solid;
	border-right: 1px #176FC0 solid;
	border-bottom: 1px #176FC0 solid;
	margin: 0 auto;
}

#header_table {
	width: 800px;
}

#tagline {
	text-align: center;
	font: normal bold 16pt tohoma, arial, helvetica;
	color: #176FC0;
	width: 250px;
}

#logo {
	text-align: left;
}

div#page {
	min-height: 600px;
/*
	background: url(/merandex/images/menuback5.jpg) top left no-repeat;
*/
}
	
div#content {
	font: normal 11pt tohoma, arial, helvetica;
	/* Slide over from the Menu, Up from the copyright, and off the right edge	*/
	/*      top  rt  bot  lft  */
/*	margin: 0px 60px 0px 100px;	/* margin is outside the box while padding is inside */
/*	padding-bottom: 30px;		/* the border goes below the padding and above the margin */
	padding: 0px 50px 30px 60px
/*	text-align: justify;	*/
}


div#content h1 {
	font: normal bold 14pt tohoma, arial, helvetica;
	text-decoration: underline;
}


div#content h2 {
	font: normal 14pt tohoma, arial, helvetica;
	text-decoration: none;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-right: 0;
}

div#contact_line {
	font: bold 14pt tohoma, arial, helvetica;
	color: red;
	text-decoration: none;
}

div#contact_line a:link, div#contact_line a:visited {
	font: bold 14pt tohoma, arial, helvetica;
	color: red;
	text-decoration: underline;
}


.caption {
	font: normal 16pt tohoma, arial, helvetica;
}

td#titd1 {
	width: 350px;
}


div#footer{
	clear:both;
	font: normal 8pt tohoma, arial, helvetica;
	width: 800px;
	text-align: center;
	border-top: 1px #176FC0 solid;
}


div#menu {
	/*       top  rt  bot  lft  */
	padding: 0px 0px 0px 0px;
/*
	background: url(/merandex/images/hmenuback1.jpg) top left no-repeat;
*/
}


div#menu ul {
	padding:1px 0;
	list-style-type: none;  /* without, IE8 shows bullets	*/ 
	font:normal bold 12pt tohoma, arial, helvetica;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	height: 23px;			/* force height for background	*/
	}
	
div#menu ul li {
	float:left;
	line-height: 21px;
	}

div#menu ul li a	{
	text-decoration:none;	/* Without, shows underlines on <a>	*/
	color: white;			/* without, shows <a> in color		*/
	display: block;			/* get the A to fill the LI	*/
	width: 130px;
/*	width: 157px;	*/		/* 158 for Container width = 800 */
							/* 157 b/c got wrap in some browsers	*/
	text-align: center;
	}
	

/****  Colors	****/
	
div#menu.green ul li {
	background: #007000;
	border:  1px solid #007000;
	}
div#menu.blue ul {
	background: #176FC0;	/* UL background in blue.  Menu is slightly shorter than 800 so no wrap */
}
div#menu.blue ul li {
	background: #176FC0;
	border:  1px solid #176FC0;
	}

div#menu.green ul li:hover {
	background: #00a000;
	border-left-color:  #00a000;
	border-right-color: #00a000;
	}
div#menu.blue ul li:hover {
	background: #66C42F;
	}