* {	margin:0; padding:0; }

body {
  background: #D2D2D2;
  font: Verdana, Arial, Helvetica, sans-serif;
  color:#333;
  font-size:100%;
  behavior:url(csshover.htc);
}

.container {
	top: 10px;
	width: 752px;
	margin: 0px auto;
	text-align: left;
	color: #333;
	position: relative;
	text-decoration:none;
}

#title-home{
	clear: left;
	background: #FFF top center; 
	border-left: 1px solid #292C79;
	border-right: 1px solid #292C79;
}

#homecontentarea {
	position: relative; 
	width: 748px;
}

#login {
	position: absolute;
	top : 5px;
	left: 5px;
	overflow: hidden;
	background:#D2D2D2 repeat;
	text-decoration: none;
}

#logo  {
	margin: 0px;
	padding: 0px;
	height: 100px;
	background: url(../img/top_curves4.jpg) no-repeat right top;
}

#topcolumn {
	padding: 40px 37px 0px 47px;
}

#topcolumn p {
	display:block;
	color:#666676;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
	padding: 0px 0px 0px 0px;
}

#topcolumn h1 {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	color: #009C9C;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#midcolumn {
	float: left;
	width: 460px;
	padding: 20px 0px 0px 47px;
	background: url(../img/eight.jpg) repeat-y center top;
}

#midcolumn p {
	display:block;
	color:#666676;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
	padding: 0px 0px 5px;
}

#midcolumn h1 {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	color: #BD3929;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#midcolumn ul {
	color:#666676;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 15px;
}

#midcolumn li {
	padding: 0px 10px 15px 0px;
}

#rightcolumn  {
	float: right;
	padding: 20px 37px 0px 0px;
}

#rightcolumn img {
	padding: 0px 0px 10px;
}

#midcolumn addresstext {
	padding: 0px;
	width:250px;
	
}

#midcolumn addresstext p {
	padding: 0px 10px 10px 0px;
	font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#666676;
}



/* ---------[ END OF PROFILE ELEMENTS ]---------- */


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */