html, body { 
	margin: 0;
	padding: 0;
	background-color:#E2E0D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a443e;
	text-align:center;/* IE hack to center page contents */
}
table, td, h1, h2, h3, p, a, span, ul, li, dl, dt, dd {text-align:left;}
.clearFloats {clear:both; line-height:0; height:0; font-size:1px;}
.clearthefloats {clear:both;}
td {
	vertical-align: top;
}
a {color:#BE202D; font-weight:normal; text-decoration:none;}
a:hover {color:#243B03;}
a:active, a:focus{outline:none;}
p {margin:0 0 12px 0}
img {display:block;}

h1 { font-size:16px; color:#4a443e; font-weight:bold; }
h2 { font-size:16px; color:#BE202D; font-weight:bold; }
h3 { font-size:14px; color:#BE202D; font-weight:bold; }

/*BE202D is viva red */
/*769D0C is viva green */

#container1 {margin:0 auto;width:750px; 
height:50px;text-align:left;
background-color:#E2E0D7;
}

#container2 {background-color:#E2E0D7; /* not visible */
background-image:url(faux_column.gif);
background-repeat:repeat-y;
}

#container3 {margin:0 auto;width:750px; 
height:50px;text-align:left;
background-color:#E2E0D7;
}

#container4 {background-color:#E2E0D7; /* not visible */
background-image:url(faux_column.gif);
background-repeat:repeat-y;
}

#tempcontentdiv {
	clear:both;
	width:710px;
height:400px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:6px;
}

#top_bar {width:750px; height:38px; background-color:#FFFFFF;
}

#bannermain {
	width:750px;
}
	
#banner {
		float:left;
		width:750px;
}
	
#banner ul {
		margin:0;
		padding:0;
}

	#banner li {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
	}
	#banner a {display:block;text-indent:-4000em;height:28px;}

	#banner .banner_start a {width:148px;background: url(banner_start.gif) no-repeat;}
	#banner .banner_por_que a {width:139px;background: url(banner_por_que.gif) no-repeat;}
	#banner .banner_servicios a {width:100px;background: url(banner_servicios.gif) no-repeat;}
	#banner .banner_trabajar a {width:113px;background: url(banner_capacitate.gif) no-repeat;}
	#banner .banner_noticias a {width:89px;background: url(banner_noticias.gif) no-repeat;}
	#banner .banner_contacto a {width:142px;background: url(banner_contacto.gif) no-repeat;}
	#banner .banner_end a {width:19px;background: url(banner_end.gif) no-repeat;}
	
	#banner a:hover,
	#banner a.banner_active { background-position:0 -28px;}

#bannerbottom {width:750px; height:31px; background-color:#FFFFFF;
}

#homeimage {width:712px; height:179; background-color:#FFFFFF;
margin-top:0px;
margin-right:0px;
margin-left:19px;
margin-bottom:0px;
}

#home_bottom_image {width:712px; height:179; background-color:#FFFFFF;
margin-top:0px;
margin-right:0px;
margin-left:19px;
margin-bottom:0px;
}

#contentback {
width:750px;
background-image:url(faux_column.gif);
background-repeat:repeat-y;
}

#contentdiv {
	clear:both;
	width:710px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
background-image:url(home_background.gif);
background-repeat:repeat-y;
}

#homecontentdiv {
	clear:both;
	width:710px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:6px;
background-image:url(home_background.gif);
background-repeat:repeat-y;
}

#column1 {width:220px; 
float:left;
}

#welcome_image {width:195px; height:39px; 
background-image:url(welcome.gif);
background-repeat:no-repeat;
}

#welcome_text {width:220px; 
padding-top:0px;
}

#column2 {width:258px; 
float:left;
}

#iamanemployer {width:204px;
padding-top:0px;
padding-left:27px;
padding-right:27px;
padding-bottom:8px;
text-align:justify
}

#iamanemployee {width:204px;
padding-top:0px;
padding-left:27px;
padding-right:27px;
padding-bottom:8px;
text-align:justify
}

#column3 {width:223px; float:left;
}

#content_standard {
	clear:both;
	width:600px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
}

#content_standardtext {width:400px;
margin-top:10px;
min-height:500px;
}

#content_widetext {width:525px;
margin-top:10px;
min-height:500px;
}

#content_news {
	clear:both;
	width:600px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
background-image:url(services_background.gif);
background-repeat:repeat-y;
}

#content_newstext {width:335px;
margin-top:10px;
margin-right:0px;
margin-left:40px;
margin-bottom:0px;
}

#news_image {width:223px; height:54px; 
background-image:url(in_the_news.gif);
background-repeat:no-repeat;
}

#news_text {width:203px; 
padding-top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}

		#news_text .newsitem  .source {
			font-weight:bold;
			font-size:12px;}

		#news_text .bar {
			height:2px;
			width:185px;
			font-size:1px;
			line-height:0;
			margin:10px 0 7px 10px;
			background: url(185_news_bar.gif) no-repeat;}

#content_por_que {
clear:both;
width:720px;
margin-top:0px;
margin-right:0px;
margin-left:30px;
margin-bottom:0px;
background-image:url(images/blank_background.gif);
background-repeat:repeat-y;
}

#content_por_que_text {width:550px;
float:left;
margin-top:10px;
margin-right:0px;
margin-left:20px;
padding-bottom:10px;
}

#content_capacitate_text {width:340px;
float:left;
margin-top:10px;
margin-right:0px;
margin-left:20px;
padding-bottom:10px;
}

#content_por_que_image {width:290px;
float:left;
margin-top:10px;
padding-left:35px;
}

#footer {	
width:750px;
height:40px;
background-image: url(footer_bar.gif);
background-repeat: no-repeat;
}

#footer_copyright {	width:710px;
height:25px;
padding-top:13px;
margin-left:30px;
margin-bottom:0px;
}

#applicants_content {
	clear:both;
	width:710px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
}

#employers_content {
	clear:both;
	width:710px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
}

#news_content {
	clear:both;
	width:710px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
}

#contact_content {
	clear:both;
	width:710px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
}

#login_content {
	clear:both;
	width:710px;
margin-top:0px;
margin-right:25px;
margin-left:30px;
margin-bottom:0px;
}

#content_bannerback {width:712px; height:36; 
background-image: url(content_banner_back.gif);
background-repeat: repeat-x;
margin-top:0px;
margin-right:0px;
margin-left:19px;
margin-bottom:0px;
}

#content_banner {width:312px; height:36; 
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
}

#numbered_list li{
list-style-type:decimal
}

#numbered_list li ol{
list-style-type:lower-alpha
}

div#formcontainer {width:390px; margin-left:40px; margin-top:20px}
div#formcontainer form  {border:1px solid #FFF;}
div#formcontainer div.clearfix {border-top: 1px solid #FFF;} /* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:120px; float:left; font-size:1em;} /* this is the text label on the left of each input */


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