@charset "utf-8";
/* CSS Document */

body {
	font: 100% Calibri;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	border: none;
	text-align: center;
	background-color: #ebebeb;
	color: #000000;
}


.page_container {
	width: 100%;
	background: #ebebeb;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
	text-align: center;

}


.header {
	background-image: url(template/statement_redcross3.jpg); background-repeat:no-repeat;   width: 100%;
	height: 205px;
	position:relative;   background-position:center;
}


.logo_left {
	width: 345px;
	height: 205px;
	display:inline-block;
	float: left; background-repeat:no-repeat;
}

.eng {
	background-image: url(template/logo_chili_eng.png);
}

.spanish {
	background-image: url(template/logo_chili_spanish.png);
}

.logo_right {
	background-image: url(template/logo_redcross.png);
	width: 325px;
	height: 205px;
	display:inline-block;
	position:absolute;
	right:0px;
	top:0px;
}

div#menu {
	background-color: #051a99;
	width: 100%;
	height: auto;border-top:2px solid grey;
border-bottom:2px solid grey;}

div#menu ul {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:830px;
	height:33px;
	float:none;
	text-align: center;
}

div#menu ul li { 
	background-color: #051a99;
	padding: 3px 20px 0px 20px;
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
	height: 30px;
	list-style:none;
	float:left;
}

div#menu ul li.currentpage {
	background-color: #ee1c25;
	padding: 3px 20px 0px 20px;
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
	height: 30px;
	list-style:none;
	float:left;
}

div.spacer {
	background-image: url(template/spacer.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 28px;
	display: block;
}

div#menu a:active {
	color: white;
	text-decoration: none;
}

div#menu a:link {
	color: white;
	text-decoration: none;
}

div#menu a:visited {
	color: white;
	text-decoration: none;
}

div#menu a:hover {
	color: red;
	text-decoration: none;
}


.column_left {
	display:inline-block;
	padding: 0px 0;
	width: 13em;
	
	float:left;
	text-align: left;
border-right:2px solid grey;}

.column_center {
	margin: 0 13em 0 13em;
	padding: 0 1em 1em 1em;
	
border-left:2px solid grey;border-right:2px solid grey;	
	text-align: left;	background-color:#ebebeb;
}

.column_right {
	display:inline-block;
	padding: 0px 0;
	width: 13em;
	
	float: right;
	clear: right;
	text-align: left;border-left:2px solid grey;
}

div.column_left ul {
	padding: 0px 0px 0px 20px;

}

div.column_left ul li {
	padding: 0px 0px 8px 0px;
	font-size: 1em;
}


h1 {
	color: #ee1c25;
	font-size: 1.5em;
	font-family: Calibri;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 13px;
}

h2 {
	color: #ee1c25;
	font-size: 1.5em;
	font-family: Calibri;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

h3 {
	display: inline-block;
	color: white;
	font-family: Calibri;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	height: 33px;
}



	font-size: 1.3em;
	font-weight: bold;


p {
	font-size: 1em;
	font-family: Calibri;
	font-weight: normal;
	padding: 0px;
}

div.red_cross {
	background-image: url(template/logo_redcross_small.jpg);
	width: 198px;
	height: 150px;
	display: block;
	float: left;
}

div.creative_factor {
	background-image: url(template/logo_creativefactor.jpg);
	width: 198px;
	height: 129px;
	display: block;
	float: left;
}

div.xcel {
	background-image: url(template/logo_xcel.jpg);
	width: 198px;
	height: 135px;
	display: block;
	float: left;
}

a:link     { color: #000000;
             text-decoration: none}
a:visited  { color: #000000;
             text-decoration: none}
a:active   { color: #000000;
             text-decoration: none}
a:hover    { color: #000000;
             text-decoration: underline}


div.footer {
	background-image: url(template/footer_horz_expand.jpg);
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	height: 96px;
}

div.footer p {
	margin: 0;
	padding: 0px 0;
	position: relative;
	top: 50px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}