/* General definitions \_____________________________________________________ */

body {
 margin: 0; padding: 0;
 font-size: 100%;
 background: #fff;
 color: #333;
 font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
 background: #7f99b2; }

cuerpo {
 margin: 0; padding: 0;
 font-size: 110%;
 background: #fff;
 color: #333;
 font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
 background: #7f99b2; }

h2, h3, h4, h5, h6 {
 margin-top: 0;
 color: #b00;
 font-weight: bold;
 font-family: Garamond, Georgia, Times, "Times New Roman", serif; }

h3 {
 margin-top: 1.6em;
 font-size: 1.4em; }

p, ul, ol {
 line-height: 1.5em; }


q { font-style: italic; }

/* ------------------------------------------------ \ end General definitions */
/* Header definitions \______________________________________________________ */

#standards { display: none; visibility: hidden; }

.skipNav { width: 0; height: 0; overflow: hidden; }

#header {
 background: #fff;
 width: 100%;
 height: 75px !important;
 padding: 0; margin: 0;
 border-bottom: 10px solid #036;
 height /**/: 85px; }

h1 {
 margin: 0;
 position: absolute;
 top: 0; left: 0;
 width: 275px;
 height: 0 !important;
 padding-top: 75px;
 overflow: hidden;
 height /**/: 75px; }

#phoneInfo {
 position: absolute;
 top: 0; right: 0;
 width: 380px;
 height: 0 !important;
 padding-top: 75px;
 background: url("images/phone.gif") top right no-repeat;
 overflow: hidden;
 height /**/: 75px; }

/* ------------------------------------------------- \ end Header definitions */
/* Navigation definitions \__________________________________________________ */

#navigation {
 float: left;
 width: 100%;
 background: #bfccd9 url("../images/nav-bg.gif") repeat-x bottom;
 padding: 7px 0 0 0;
 margin: 0;
 line-height: normal; }

#navigation ul, #navigation li {
 list-style: none;
 margin: 0; padding: 0; }

#navigation ul {
  margin-left: 7px; }

#navigation li { display: inline; }

#navigation a {
 float: left; /* Floated for IE5-Mac */
 background: url("../images/tabs-left.gif") no-repeat top left;
 padding: 0 0 0 9px;
 border-bottom: 1px solid #036;
 color: #eee;
 font-size: 1.2em;
 font-weight: bold;
 text-decoration: none;
 white-space: nowrap;
 font-family: Garamond, Georgia, Times, "Times New Roman", serif; }

#navigation a span {
 float: left;
 display: block;
 background: url("../images/tabs-right.gif") no-repeat top right;
 padding: 5px 20px 4px 11px; }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a span {float: none;}
/* End IE5-Mac hack */

#navigation #current a {
 background-position: 0 -300px;
 border-width: 0; }

#navigation #current a span {
 background-position: 100% -300px;
 padding-bottom: 5px;
 color: #b00; }

#navigation a:hover {
 background-position: 0 -150px; }

#navigation a:hover span {
 background-position: 100% -150px;
 color: #eee;
 text-decoration: underline;
 cursor: hand; }

/* ------------------ \             end Navigation definitions */
/* Content definitions \_______________________________________________ */

#content {
 padding: 20px 0;
 background: #fff;
 position: relative;
 width: 100%;
 text-align: center; }

#content div { text-align: left; }

#what {
 position: absolute;
 top: 20px; left: 20px;
 width: 30%; }

#news {
 padding: 40px 10px;
 position: absolute;
 top: 120px; left: 10px;
 width: 50%; }

#why {
 width: 40%;
 margin: 0 auto;
 padding: 0; }

#program {
 position: absolute;
 top: 20px; right: 20px;
 width: 28%; }

#how {
 position: absolute;
 top: 20px; right: 20px;
 width: 30%; }

#secondLevel { position: relative; }

#sideNavigation {
 position: absolute;
 top: 20px; left: 3%;
 width: 24%; }

#sideNavigation h2 {
 font-size: 1.3em;
 margin: 30px 0 0; }

#mainContent {
 width: 40%;
 margin: 0 auto; }

#footer {
 padding: 5px 10px 30px 10px;
 border-top: 1px solid #036;
 background: #7f99b2;
 text-align: center;
 color: #fff; }

/* ------------------------------------------------ \ end Content definitions */
/* Link definitions \________________________________________________________ */

a:link {
 color: #036;
 text-decoration: underline; }

a:visited {
 color: #555; }

a:hover {
 color: #b00;
 text-decoration: underline; }

a:active {
 color: #000;
 text-decoration: underline; }

#footer a:link { color: #fff; }

#footer a:visited { color: #eee; }

/* --------------------------------------------------- \ end Link definitions */
/* Form definitions \________________________________________________________ */

form { margin: 0; padding: 0; }

input.text, select, textarea {
 font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 1em; }

input.button {
 background: #7f99b2;
 border: 1px solid;
 border-color: #eee #036 #036 #eee;
 color: #fff;
 font-weight: bold; }

.text {
 border-color: #036 #7f99b2 #7f99b2 #036;
 border-width: 2px 1px 1px 2px;
 padding: 3px; }

.radio { margin-left: 20px; }

.note {
 color: #666;
 font-size: 0.9em; }

/* --------------------------------------------------- \ end Form definitions */
/* Class definitions \_______________________________________________________ */

.break {
 clear: both; }

.emphasis {
 padding: 20px 10px;
 background: #E5EAEF;
 border: 1px solid #ccd6e0; }

.phasis {
 padding: 15px 1px;
 background: #E5EAEF;
 border: 1px solid #ccd6e0; }

.navList {
 margin: 0; padding: 0; }

.navList li {
 list-style: none;
 margin: 2px 0;
 padding: 5px 1px 1px 40px;
 background: #f8e5e5 url("../images/arrow-off.gif") top left no-repeat;
 border: 1px solid #f1cccc;
 color: #666;
 font-size: 0.9em; }

.navList li:hover {
 background: #eee url("../images/arrow-on.gif") top left no-repeat;
 border: 1px solid #ddd; }

.navList h3, .emphasis h3 { margin: 0; }

.reasons {
 padding-left: 15px;
 margin-left: 15px; }

.body {
 font-size: 90%;
 font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; }

.left {
 float: left;
 width: 48%; }

.right {
 float: right;
 width: 48%; }

.top {
 font-size: 0.9em;
 display: block;
 text-align: right; }

/* Inline High Pass Filter to hide the following rules from older versions of
   Internet Explorer */
i{content:"\"/*"}

#mainContent {
 width: 50%;
 margin: 0 auto 0 30%; }