body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

a.skipnav, a.skipnav:hover, a.skipnav:visited {
	position:absolute;
	top:-100px;
	width:1px;
	height:1px;
	overflow:hidden;
	font-size:x-small;
}

a.skipnav:active, a.skipnav:focus {
	position:static;
	width:auto;
	height:auto;
	text-align:center;
	margin:0 auto
}



img {
	border:0;
}	


#pageContainer {
	width: 770px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; 
}
#header {
	background: #fff; 
	padding: 0;
	margin: 10px auto 8px auto;
	padding:0 10px;
	color:#002e66;
	text-transform: uppercase;
	font-size:0.7em;
}

#header a {
		text-decoration:none; 
		color:#002e66;
		} 

#header a:hover {
		text-decoration:none; 
		color:#c33;
		} 

#header a.selected {
		font-weight:bold;
		}

.headermenu {
		text-align:right;
		float:right; 
		width:400px;
		padding-top:5px;
		}
.headermenu p {
	text-transform: uppercase;
	color:#000;
}
.logo {
		float:left; 
		width:350px;
		padding-top:4px;
		}
.logo img {
	float: left;
}

#mainContent {
	clear:both;
	margin: 0px;
	padding: 2px 0 0;
}


#mainNav, #dmisNav {
	width:770px; 
	margin:0;
	padding:0;
	clear:both;
}
#mainNav ul, #dmisNav ul
	{list-style: none;
	padding: 0;
	margin: 0;}

#mainNav li, #dmisNav li
	{background: none;
	float: left;
	margin: 0; padding:0px; background-color:#a9c46f;}

#dmisNav li
	{background-color:#3060a0;}
	
#mainNav li a, #dmisNav li a
	{float: left;
	width: 110px; /*tab #9-7.8em, #8-8.8em*/
	display: block;
	color: #0d2474;
	font-weight:bold;
	font-size: 0.8em;
	text-decoration: none;
	text-align: center;
	height:40px;
	text-indent:-9999px;}

#dmisNav li a {
	width:128px;
	background-color:#3060a0
}

#mainNav li a:hover, #dmisNav li a:hover
	{text-decoration: underline;}

	/* Hide from IE5-Mac \*/
#mainNav li a, #dmisNav li a {float: none; padding:0; margin:0}
	/* End hide */

#mainNav li a.home {background:url(../graphics/nav-home.jpg) no-repeat 0 0;}
#mainNav li a.news {background:url(../graphics/nav-news.jpg) no-repeat 0 0}
#mainNav li a.needs {background:url(../graphics/nav-needs.jpg) no-repeat 0 0;}
#mainNav li a.forward {background:url(../graphics/nav-forward.jpg) no-repeat 0 0;}
#mainNav li a.local {background:url(../graphics/nav-local.jpg) no-repeat 0 0;}
#mainNav li a.disaster {background:url(../graphics/nav-disaster.jpg) no-repeat 0 0;}
#mainNav li a.responders {background:#3060a0 url(../graphics/nav-responders.jpg) no-repeat 0 0}
#mainNav li a.inicio {background:url(../graphics/nav-inicio.jpg) no-repeat 0 0;}
#mainNav li a.noticias {background:url(../graphics/nav-noticias.jpg) no-repeat 0 0}
#mainNav li a.necesidades {background:url(../graphics/nav-necesidades.jpg) no-repeat 0 0;}
#mainNav li a.paso {background:url(../graphics/nav-paso.jpg) no-repeat 0 0;}
#mainNav li a.locales {background:url(../graphics/nav-locales.jpg) no-repeat 0 0;}
#mainNav li a.desastre {background:url(../graphics/nav-desastre.jpg) no-repeat 0 0;}
#mainNav li a.respuesta {background:url(../graphics/nav-primeros-esp.jpg) no-repeat 0 0;}

#dmisNav li a.home {background:url(../graphics/nav-dm-home.jpg) no-repeat 0 0}
#dmisNav li a.hazcollect {background:url(../graphics/nav-dm-hazcollect.jpg) no-repeat 0 0}
#dmisNav li a.open {background:url(../graphics/nav-dm-open.jpg) no-repeat 0 0}
#dmisNav li a.tools {background:url(../graphics/nav-dm-tools.jpg) no-repeat 0 0; width:129px;}
#dmisNav li a.about {background:url(../graphics/nav-dm-about.jpg) no-repeat 0 0; width:129px;}
#dmisNav li a.framework {background:url(../graphics/nav-dm-framework.jpg) no-repeat 0 0}

#contentContainer {clear:both; margin:0; padding:0;}

#leftNav {width:205px; float:left; background-color:#dddcd7; padding-bottom:50px; margin:8px 0 0 0; border:1px solid #ccc; }
#leftNav h2 {margin:0; padding:3px 0 0 7px; 
	font:1.1em Verdana, Arial; 
	border-bottom:1px solid #ababaa; 
	background:url(../images/leftmenu_heading_bg.gif) #eff5e5 repeat-x 0 0; 
	height:33px;
	color:#333333}
#leftNav h4 {margin:0; padding:11px 0 0 7px; 
	font:0.8em Verdana, Arial; 
	border-bottom:1px solid #ababaa; 
	background:url(../images/leftmenu_heading_bg.gif) #eff5e5 repeat-x 0 0; 
	height:33px;
	color:#333333;
   	font-weight:bold}
#leftNav ul {margin:0; padding:0 2px; list-style-type:none; font-size:0.85em; background-color:#f0efed;}
#leftNav ul li {margin:0; display:block; border-bottom:1px solid #ababaa; }
#leftNav ul li a {color:#333333; padding:1em 0 1em 1.5em; text-decoration:none;  display:block; background-color:#f0efed; background:url(../images/red_arrow.gif) no-repeat 4px 50%;}
#leftNav ul li a:hover {color:#000; padding:1em 0 1em 1.5em; background-color:#dddcd7;}

#contentStart {
	margin:0 0 0 207px; 
	background:url(../images/maincontent_bg.gif) repeat-x 0 0; 
	padding:20px 5px 0 20px; 
	font-size: 0.8em;
}

h1 {margin:0 0 0 -5px; padding:0; color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:1.2em;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:1.0em;}

#contentStart li {margin-bottom: 5px;}

#contentFullpage {margin:0; padding:5px 5px 0 5px; font-size: 1em;}

#contentStart li {margin-bottom: 5px; font-size:1em;}

#noleftnav {margin:0; padding:2px; font-size:0.8em;}
#noleftnav h1 {margin:0 0 0 -5px; padding:0; color:#003366; font-family:"Times New Roman", Times, serif; font-size:1.9em;}

#footer {clear:both;
	padding:0 ; 
	text-align:center; margin-bottom:20px;}
#footer ul {margin:1em 0 0 0; padding:0; list-style-type:none; position:relative; font-size:0.7em}

#footer ul li {display:inline; border-right:1px solid #666;}

#footer a {color:#666666; padding:0 10px; text-decoration:none; margin:0; }

#footer a:hover {color:#c33; text-decoration:none; }

#footer li.noborder {border-right:none;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* BREADCRUMB LINKS */
#breadcrumb {font-size:0.9em; margin:0 0 8px -5px; color:#666666}
#breadcrumb a {background:url(/graphics/link_arrow.gif) no-repeat 0% 50%; padding-left:8px; margin-left:3px; text-decoration:none}
#breadcrumb a:hover {color:#666; text-decoration:underline}
#breadcrumb a:visited {color:#036}


/* DTC Photo Classes */
.topimgleft { float:left; margin:0 10px 10px 0;}
.topimgleft img {margin:5px; padding:2px; float:left; border:1px;}
.topimgleft p {width:180px; clear:both; margin:10px; padding:0; font-size:0.7em;}

.topimgright {float:right; margin:0 0 10px 10px;}
.topimgright img {margin:5px; padding:2px; border:1px;}
.topimgright p {width:180px; clear:both; margin:10px; padding:0; font-size:0.7em;}

/* front page columns */


#first-col  {
	width: 270px;
}

#first-colu250  {
	width: 530px;
} 

#third-col  {
	background: #f0f0f0;
	height: 110px;
	width: 270px;
}


#first-col ul, #second-col ul, #third-col ul  {
	list-style-type: none; margin:0; padding:6px; 
}



#first-col li, #second-col li, #third-col li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding:0 0 0 6px;
	margin:0;
	background:url(/images/red_arrow.gif) no-repeat 2px 20%;
}

#first-colu250 ul, #second-col ul, #third-col ul  {
	list-style-type: none; margin:0; padding:6px; 
}



#first-colu250 li, #second-col li, #third-col li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding:0 0 0 6px;
	margin:0;
	background:url(/images/red_arrow.gif) no-repeat 2px 20%;
}


#third-col p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left; 
padding:10px 0 0 1px;
	margin:0;
}

.borderline {border-bottom: 1px solid #ccc;}

#first-col p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding:10px 2px 2px 6px;
	margin:0;
}

#first-colu250 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding:10px 2px 2px 6px;
	margin:0;
}

#second-col p, #fourth-col p, #fifth-col p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding:10px 0 0 6px;
	margin:0;
	border-top: 1px solid #ccc;
}

#first-col li a, #second-col li a, #third-col p a, #third-col li a {
	text-decoration: none;
	color: #333;
	padding-left:15px;
	display:block;
}

#first-col p a, #second-col p a, #fourth-col p a, #fifth-col p a {
	text-decoration: none;
	color: #003366;
}


#first-col li a:hover, #second-col li a:hover, #second-col p a:hover, #third-col li a:hover, #third-col p a:hover, #fourth-col p a:hover, #fifth-col p a:hover{
	text-decoration: underline;
}



#first-colu250 li a, #second-col li a, #third-col p a, #third-col li a {
	text-decoration: none;
	color: #333;
	padding-left:15px;
	display:block;
}

#first-colu250 p a, #second-col p a, #fourth-col p a, #fifth-col p a {
	text-decoration: none;
	color: #003366;
}


#first-colu250 li a:hover, #second-col li a:hover, #second-col p a:hover, #third-col li a:hover{
	text-decoration: underline;
}



.titleNews {
	font-size:smaller;
	font-weight:bold;
	padding:5px;
	background: #b2cfdf url(/graphics/back-news.gif) repeat-x top;
}

.titleInformation {
	font-size:smaller;
	font-weight:bold;
	padding:5px;
	background: #cfdfb2 url(/graphics/back-information.gif) repeat-x top;
}

.titleResources {
	font-size:smaller;
	font-weight:bold;
	padding:5px;
	background: #b2cfdf url(/graphics/back-news.gif) repeat-x top;
}

.share {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding:10px 0 0 1px;
	position:relative;
        left:-10px;
	text-decoration: none;
}