@import url("type.css");
@import url("color.css");


/* -------- from http://www.transcendingcss.com/support/ ------------ */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* ----------- END Normalizing ------------------- */




/*------ DIVs ------------------- */


div#container 
{
position: relative;
width: 795px;
margin: 5px auto;
border: 1px solid gray;
background:url(../images/bgline.gif) top left repeat-y;
}

div#topESP, div#topENG
{
position: relative;
z-index:20;
height:145px;
width: 100%;
border-bottom: 1px solid gray;
text-indent: -9999px;
padding: 0;
margin: 0;
}

div#content
{
width: 100%;
position: relative;
background: url(../images/logoemboss.jpg) 2px 180px  no-repeat;
}

div#menu
{
z-index:10;
position: absolute;
width: 165px;
top: 30px;
}

div#content_main {
position: relative;
left: 185px;
width: 580px;
padding-bottom: 15px;
}

div#footer{
width: 100%;
text-align: center;
margin: 0;
padding: 5px 0;
}



/*------- masthead ---------------*/


#topESP h1 a, #topENG h1 a 
{
display: block;
height: 145px;
width: 565px;
}

#topESP p , #topENG p {
	position: absolute;
	}

#topESP h1 a {background: url(../images/topbannerESP.jpg) left top no-repeat;}
#topENG h1 a {background: url(../images/topbannerENG.jpg) left top no-repeat;}


#topESP img, #topENG img {
	position: absolute;
	right: 0;
	top:0;
	height: 145px;
	}

p#toENG, p#toESP {
	z-index:20;
	position:absolute;
	top: 145px;
	left: 0px;
	padding: 0;
	margin: 0;
}

p#toENG a, p#toESP a {
	z-index: 20;
	display:block;
	height: 29px;
	width: 106px;
	text-indent: -9999px;
	}
	 
p#toENG {background:url(../images/englishbutton.gif) top left no-repeat;}
p#toESP {background:url(../images/espanol.gif) top left no-repeat;}



/*------- content_main ---------------*/

p#donateENG, p#donateESP {
	z-index: 10;
	position: absolute;
	right: 0;
	top:0;
	padding: 0;
	margin: 0;
}

p#donateENG a, p#donateESP a{
	display: block;
	width: 106px;
	height: 29px;
	border: none;
	text-indent: -9999px;
}

p#donateENG {background: url(../images/donatenow.gif) top left no-repeat;}
p#donateESP {background:url(../images/spanishnav/donatebutton.gif) top left no-repeat;}


.nav p {
	margin: 0;
}


div#welcome
{
height: 120px; 
width: 410px;
padding: 75px 40px 0px 135px;
background:url(../images/bienvenidos.jpg) no-repeat 0px 10px;
line-height:105%;
text-align:justify;
}

div#welcome p {
margin:0px;
}

div#news {
	width: 270px;
}

div#news p {
	padding-right: 0px;
	margin-right:0px;
	}

div#content_main img a: {
	border-bottom: none;
	}



#leftnav p { margin: 0 0 1em 0; }


.imgbrd {margin:10px;}

/* -------- front page right bottom box------------ */
div#classes {
float:right;
width:290px;
line-height:1.1em;
}
#classes h2 {
height:25px;
text-indent:-9000px;
margin-bottom:-5px;
}
#classes p {
padding-bottom:10px;
margin: 5px 20px 5px 0px;
}

#workforce {
background: url(../images/homepage/people.jpg) 10px 0px no-repeat;
padding-left:75px;
height:85px;
}
#workforce h2 {
background: url(../images/homepage/workforce.gif) top left no-repeat;
}

#learning {
background: url(../images/homepage/computer.jpg) 85% 20% no-repeat;
padding-right:85px;
height: 100px;
}
#learning h2 {
background:url(../images/homepage/comm_learning.gif) top left no-repeat;
}

#immigration {
background: url(../images/homepage/flag.gif) 0px 0px  no-repeat;
padding-left:100px;
}
#immigration h2 {
background: url(../images/homepage/immigration.gif) top left no-repeat;
}

#aids {
background: url(../images/homepage/ribbon.gif) 80% 10% no-repeat;
padding-right:100px;
}
#aids h2 {
background:url(../images/homepage/hivaids.gif) top left no-repeat;
}

#desarrollo {
background: url(../images/homepage/people.jpg) 00px 0px no-repeat;
padding-left:65px;
height:95px;
}
#desarrollo h2 {
background: url(../images/homepage/desarrollo_laboral.gif) top left no-repeat;
}


#aprendizaje {
background: url(../images/homepage/computer.jpg) 95% 20% no-repeat;
padding-right:60px;
height: 90px;

}
#aprendizaje h2 {
background:url(../images/homepage/aprendizaje.gif) top left no-repeat;
}

#inmigracion {
background: url(../images/homepage/statue.gif) 0px 0px no-repeat;
padding-left:65px;
height:100px;
}
#inmigracion h2 {
background: url(../images/homepage/inmigracion.gif) top left no-repeat;
}

#sida {
background: url(../images/homepage/ribbon.gif) 80% 10% no-repeat;
padding-right:100px;
}
#sida h2 {
background:url(../images/homepage/vih_sida.gif) top left no-repeat;
}


#home h4 {
	line-height:1em;
}

#press h4 {
	line-height:1.2em;
	padding-right: 20px;
}


/* side box on inside pages */
#rightbox{
float:right;
border:groove #8eb3c2;
border-width: 2px 0px 2px 0px;
padding:5px;
margin:10px 0px 10px 10px;
}

#rightbox p {
margin:0px;
padding-bottom:0;
}

.footnote {
	font-size: .7em;
	vertical-align:text-top;
	line-height:0px;
	} 

.pdf {
	background: url(../images/pdf9.gif) no-repeat right top;
	padding-right: 13px;
}

.doc {
	background: url(../images/icon_doc_small.gif) no-repeat right top;
	padding-right: 13px;
}

/* TABLE FORMATTING */
table {
	border-collapse:collapse;
	width: 400px;
	border: 1px solid #666;
	font: 10px Arial, Helvetica, sans-serif;
}


th,td {
	padding: 0.1em .7em;
}


caption {
	font-size: 1.2em;
	font-weight:bold;
	margin: 1em 0;
}

col {
	border-right:1px solid #ccc;
}

.lastcol {
	border: none;
}

thead {
	background: #ccc;
	border-top:1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	}
	
th {
	font-weight: normal;
	text-align:left;
}

.odd {
	background-color:#edf5ff;
}

/* QUICK LINKS */

.quick li {
	background: url(../images/quick.gif) no-repeat center left;
	list-style:none;
	padding-left: 15px;
	line-height: 1.5em;
}

/* EXTERNAL LINKS */

a[href^="http:"] {
	background: url(../images/external_link.gif) no-repeat top right;
	padding-right: 14px;
	}
	
/* EMAIL LINKS */

a[href^="mailto:"] {
	background: url(../images/mailto.gif) no-repeat right 50%;
	padding-right: 15px;
	}