/* CSS Undo Document */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* REMOVE THE INCONSISTENT (among browsers) PADDING AND MARGIN VALUES */
/* the original list first: dl,dd,dt,img,q,table,thead,tbody,tfoot,caption,th,tr,td,a,textarea,fieldset,pre,
ul,ol,li,h1,h2,h3,h4,h5,h6,form,body,html,p,blockquote,input */
/* new list by Carlos: */
body,html,img,a,table,tr,td,ul,ol,li,p,h1,h2,h3,h4,h5,h6,fieldset,textarea,blockquote,pre,form
{margin:0; padding:0; }
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style: none }
/* SORT OUT HEADER FORMATTING AND SIZES */
h1,h2,h3,h4,h5,h6 {font-weight:normal; color:#FF3300;} /*all are normal, red-orange */
h1 {font-size:1.3em;} h2 {font-size:1.2em;} h3 {font-size:1.1em;}
h4,h5,h6 {font-size:1.0em;}
/* KILL BORDER ON IMG LINKS */
a img, :link img, :visited img {border:none; }
/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse:collapse;}
/* Layout stuff: floats, alignment, spacing */
/*
.tdpad {padding:2px 5px;}
*/
/* ================================================================================= */
/*                 HERE       BEGINS       CARLOS'        CSS   */
/* ================================================================================= */


/* -----------------------Start with big layout divs ------------------------------- */
body {  
  background:#04131C; /*page background color */
  color:#FFFFFF; /* default text color is white*/
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:83%; /*so that 1 em fontsize looks right */
  }
#big { /* centered div that holds everything on the page*/
  border:1px outset #DDD; border-bottom:0px;
  width:680px; 
  margin:4px auto 0px auto;
  padding:35px 35px;
  text-align:center;
  }
#logo { border:0px dashed #CC3300;  
  height:1%;
  line-height:1.2em;
  text-align:left;
  }
/*Panes is a wrapper for the top three boxes bubble, navvert and midd*/
#panes { border:0px solid green;  
  /*background-color:#000066; */
  margin-top:20px;
  width:100%;/*sets hasLayout to TRUE for IE*/
  } 
#bubble { border:0px solid red;
  width:215px;
  text-align:left; 
  float:left; 
  }  
#navvert { border:0px solid #33CC33; 
  width:auto;
  margin-top:15px;
  text-align:right; 
  float:right;
  } 
#midd {   border:0px dashed #FF0033; 
  width:310px; 
  margin-top:15px;
  float: left;
  text-align:left;
  }
#midd p {text-align:left;}
#main { border:0px dashed #FF0033; 
  text-align:left; 
    margin-top:2em;}

/* -----------------------Now text, links, and headers ----------------------------- */  
p {
  font-size:1.0em; 
  text-align:justify;
  } 
a:link {color:#FFF;} /* 999999*/
a:visited {color:#999;} /*CCCCCC (brighter than a:link?)*/
a:active {color:#556073;} /*333333*/
a:hover {color:#FF3300;} /* red-orange */

#sider a:link, #foot a:link,
#sider a:visited, #foot a:visited,
#sider a:active, #foot a:active {color:#CCC;} /* 999999*/
#sider a:hover, #foot a:hover {color:#FF3300;} /* red-orange */

/* -------------------------- Some navigation stuff -------------------------------- */ 
.locator { /*the grey text that tells user what page they're on*/
  font-size:1em; /*these are H1 elements, so downsize them*/
  font-weight:bold;
  color: #999; 
  }
ul#sider li {
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.35em;
  }
ul#sider .pipe {
  margin:0 7px 0 0px; 
  border-right:3px solid #333333;
  }
ul#foot {
  border:1px outset #DDD; border-top:0px;
  width:750px; 
  margin:0px auto 2em auto;
  padding-bottom:35px;
  text-align:center;
  }
ul#foot li {
  font-family:Arial, Helvetica, sans-serif;
  /*font-size:0.9em;*/
  display:inline;
  }
ul#foot .pipe {
  margin:0 7px 0 4px; 
  border-right:3px solid #333333;
  }
.curr {color: #CCC;} /* the current page is greyed out #CCC or red-orange #F30*/
  

/* ------------------ Some easy colors, sizes, alignments -------------------------- */  
.grey {color: #999999;}
.ltgrey {color: #CCCCCC;}
.red {color: #FF0000;}
.orng {color: #FF6600;}
.rdor {color: #FF3300;}
.lg {font-size: 1.2em;}
.sm {font-size: .8em;} /*don't really need, can use HTML tag <small> instead*/
.fl	{float:left;}
.fr	{float:right;}
.lf {text-align: left;}
.rt {text-align: right;}
.cen {text-align: center;}
.jus {text-align:justify;}
.blockcen {margin:0 auto; }
p.cap {margin: 0;} /* flush to the thing above it, like for a caption*/
.inl {display: inline;}/* changes a block item to an inline item */
.sp {clear: both;}

/* -------------- Print-friendly version -------------------- */  
div#spanish {
	width:50%;
	float:left;
	padding-right:5px;
	margin-bottom:3em;}
#printlink {margin-right:2em;}
#onlyprint {display:none;}