* {	margin:0; padding:0; }

body {
  background: url(../img/background.jpg) repeat;
  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;
	padding: 0px 0px 0px 0px;
	background: #FFF; 
	border-left: 1px solid #292C79;
	border-right: 1px solid #292C79;
}

#title-image{
	height: 148px;
	padding: 0px 0px 0px 0px;
	background: #FFF url(../img/header.jpg) no-repeat top center; 
}

#homecontentarea {
	position: relative; 
	width: 750px;
	border-top: 1px none #C57E72;
	border-right: thin none #C57E72;
	border-bottom: 1px none #C57E72;
	border-left: thin none #C57E72;
	background: url(../img/left.jpg) left top;
}

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

#worldlogo {
	position:relative;
	float: left;
	margin: 3px;
	top: 4px;
	left: 20px;
	padding: 0px;
	height: 120px;
	background: #EEE;
}

#worldlogo a {
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFF;
}

#worldlogo a img {
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
}

#contact {
	float:left;
	left:120px;
	margin: 0px;
	padding: 5px;
	top:74px;
	position:relative;
	color: #006633;
	text-align:center;
	border: 1px solid #292C79;
}

#contact p {
	margin: 0px 0px;
	color: #000099;
}

#contact a {
	color: #006633;
}

#contact a:hover {
	color: #993300;
}


#leftcolumn {
	width: 250px;
	float: left;
	background: url(../img/left.jpg) left top;
	FONT-FAMILY: verdana, arial, sans-serif;
	border-top: 1px solid #AAAAAA;
	overflow: hidden;
}

#leftcolumn h1 {
	color:#006633;
	padding: 5px 5px 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	FONT-SIZE: 1.0em;
	font-weight: bold;
}

#leftcolumn a {
	width:200px;
	height:23px;
	color:#BB0000;
	display: block;
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #292C79;
	background: url(../img/button1.jpg) no-repeat left top;
	padding: 7px 0px 0px;
}

#leftcolumn a:hover {
	color: #0A7070;
	background: url(../img/button2.jpg) no-repeat left top;
}

#leftcolumn ul {
	margin:10px 10px 10px 20px;
	padding:0px;
	list-style-type: none;
}

#leftcolumn li {
	margin: 0 0 5px 0;
	text-decoration: none;
	text-align:center;
}

#midcolumn {
	width:498px;
	float: left;
	background: url(../img/longbody1.jpg) repeat-x left top;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px none #AAAAAA;
	border-left: 1px solid #AAAAAA;
}

#midcolumn p {
	color:#4F4F5B;
	padding: 0px 10px 5px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	FONT-SIZE: 0.9em;
}

#flags {
	margin: 20px 0px 0px 165px;
	position:relative;
	left: 5px;
}

#flags image {
	border: 1px solid #91B5B5;
	display: inline;
}

#midcolumn h2 {
	margin: 10px 10px 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #003366;
}

#midcolumn h3 {
	margin: 10px 10px 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: 100;
	color: #666676;
}

#midcolumn h3 a {
	padding: 10px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: 100;
	color: #9C4F41;
	text-decoration: none;
}

#midcolumn h3 a:hover {
	color: #6CBE00;
}

#midcolumn h4 {
	color:#8CD5F6;
	padding: 0px 0px 5px 45px;
	font-size: 1.0em;
	font-weight: bolder;
}

#midcolumn h5 {
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #003366;
}

#midcolumn h6 {
	margin: 0 0 0 10;
	font-size: 75%;
	color: #990000;
	text-align: center;
	padding: 0px;
}

.table_yellow {
	margin: 10px;
	padding: 3px;
	background: #FFF4B2;
	border: thin solid #003366;
}

.btn {
   color:#050;
   font-family:'trebuchet ms', helvetica, sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   }
.btnhov{
	color:#FFFF99;
	background-color:#FF9999;
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}

/* ---------[ 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 */
