/* IERC CSS Document */
/* Site design and coding by Geoff White - www.geoffwhitedesign.com */



/* Main Structure */
body {
  margin: 0; 
  background-color: #e2e2e2;
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  background-image:url(images/page-lighting.jpg);
  background-repeat: repeat-x;
}
#shadow {
  background-image:url(images/page-bg-middle.jpg);
  background-repeat: repeat-y;
  background-position: center;
  width: 776px;
  margin-right: auto;
  margin-left: auto;
}
#shadow-top {
  background-image:url(images/page-bg-top.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#shadow-bottom {
  background-image:url(images/page-bg-bottom.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
}

#outer {width: 724px; margin-left:auto; margin-right: auto; padding: 28px 0 26px 0;}
#top {height: 95px; background-image:url(images/topbar-bg.jpg); background-repeat:no-repeat; margin: 0; padding: 0;}
#top form {width: 225px; float: right; margin: 8px 8px 0 0; text-align: right;}
#top .emailfield {width: 160px; height: 12px; margin-right: 10px; padding: 3px 0 0 2px;}
#top input {font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; color: black; font-size: 1em;}
#top submit {}
#navholder {}
#main {color: black; font-size: 1.2em;}
#content-top {padding: 28px; padding-top: 40px;}
.content-inset {clear: both; margin: 0 30px; padding: 15px 0;}
.content-bottom {}
#bottom {text-align: center; height: 36px; padding-top: 4px; font-weight: bold;}
#bottom a:link, #bottom a:visited {text-decoration: none; color: white; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 1.2em; line-height: 1.2em;}
#bottom a:hover {text-decoration: underline;}


h1 {font-size: 2.2em; line-height: .9em; font-family:"Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin: 0; padding: 0;}
h2 {font-size: 1.4em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: black; margin: 0; padding: 0;}
h3 {font-size: 1.7em; font-family:"Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin: 0; padding: 0;}
h4 {font-size: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: black; margin: 0; padding: 0;}
h5 {font-size: 1.3em; font-family:"Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin: 0; padding: 0;}
h6 {font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: black; margin: 10px 0 0 0; padding: 0;}

p {text-align: justify;}

.more {display: block; text-align: right; font-style: italic; font-weight: bold; padding-top: 12px;}

.pageclear {clear:both; height: 5px;}
.affdescrip {margin-top: 6px;}
.affdescrip img {margin: 0 6px 6px 0;}
.fine {font-size: .8em; font-weight: bold;}
.backlink {display: block; float: left; padding: 12px 8px 8px 8px; clear:right;}

.biopic {float: left; display: block; width: 150px; height: 180px; padding: 18px; margin: -6px 10px 10px 0px; background:url(images/contentimages/biopic-bg.jpg) top left no-repeat;}

/* Menu Styles */
ul#topnav {height: 26px; background-image:url(images/top-menu.jpg); background-position: 0 -26px; width: 724px; margin: 0; padding: 0; background-repeat:no-repeat;}
ul#topnav li {display: block; float: right; margin: 0; padding: 0; list-style: none; height: 26px;}
ul#topnav li a {text-indent: -1000px; height: 26px; display: block; background-image:url(images/top-menu.jpg); overflow: hidden;}
ul#topnav li a:hover {background-image: none;}
#aboutlink a {width: 92px; background-position: -76px 0;}
#regularlink a {width: 123px; background-position: -168px 0;}
#speciallink a {width: 126px; background-position: -291px 0;}
#educationlink a {width: 144px; background-position: -417px 0;}
#knowledgelink a {width: 163px; background-position: -561px 0;}



/* Styles for Index, About, Contact, Promotions*/
.about, .other {}
.other a:link, .other a:visited, .about a:link, .about a:visited {color: #989898; font-style:italic; font-weight: bold;}

.other a:active, .about a:active {color: white;}

.other h1, .other h3, .other h5, .about h1, .about h3, .about h5 {color: #989898; clear: left;}
.other #main, .about #main {background-color: #f2f2f2;}
.other #content-top, .about #content-top {border-top: 4px solid #989898; background:url(images/overview-bg-home.jpg) bottom right no-repeat #e9e9e9;}
.other #content-top-left, .about #content-top-left {border-top: 4px solid #989898; background-color: #e9e9e9; padding: 28px 300px 28px 28px;}

.other .content-only, .about .content-only {border-top: 4px solid #989898; padding: 28px;}

.other .content-right {float: right; clear: right; width: 239px; \width: 267px; w\idth: 239px; margin-top: 28px; padding-right: 28px; padding-bottom: 15px;}
.other .content-left {padding: 28px 300px 28px 28px; border-top: 1px solid #d2d2d2;}

.about .content-left {padding: 28px 258px 28px 28px; border-top: 1px solid #d2d2d2;}
.about .content-right {float: right; clear: right; width: 200px; \width: 228px; w\idth: 200px; margin-top: 28px; padding-right: 28px; padding-bottom: 15px;}

.other .content-middle, .about .content-middle {padding: 28px; border-top: 1px solid #d2d2d2;}
.about .content-middle-left {padding: 28px 300px 28px 28px; border-top: 1px solid #d2d2d2;}
.other #bottom, .about #bottom {background-image:url(images/bottom-bar-home.jpg); background-repeat: no-repeat; color: #c0c0c0;}

.about #aboutlink a {background-image: none;}



/* Styles for Regular and Affiliate Programs Pages */
.programs {}
.programs a:link, .programs a:visited {color: #d70800; font-weight: bold; font-style:italic;}
.programs a:active {color: white;}

.programs h1, .programs h3, .programs h5 {color: #d70800;}
.programs #main {background-color: #f2ebeb;}
.programs #content-top {border-top: 4px solid #d70800; background: url(images/overview-bg-regular.jpg) bottom right no-repeat #e9dcdc;}
.programs #main-left {border-top: 1px solid #c77c77; padding: 28px;}
.programs #main-left p {padding-right: 328px; text-align:justify;}
.programs #main-right {width: 300px; padding: 0; float: right;}
.programs #main-right p {padding-right: 0; text-align:justify;}
.programs .content-right {float: right; clear: right; width: 239px; \width: 269px; w\idth: 239px; border-left: 1px solid #c77c77; margin-top: 16px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}
.programs .content-left {padding: 28px 300px 28px 28px; border-top: 1px solid #c77c77;}
.programs .content {padding: 28px; border-top: 1px solid #c77c77;}

.programs .content-only {border-top: 4px solid #d70800; padding: 28px;}

.programs #bottom {background-image:url(images/bottom-bar-programs.jpg); background-repeat: no-repeat; color: #c0c0c0;}
.programs .content-inset {border-top: 1px dashed #c77c77;}

.programs #regularlink a {background-image: none;}

.programs .content table {}
.programs .content table th {font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; background-color: #c77c77; color: white; border-bottom: 1px solid #aa5450; border-right: 1px solid #aa5450; border-top: 1px solid #e9dcdc; border-left: 1px solid #e9dcdc; padding: 4px 3px 3px 4px;}
.programs .content table td {padding: 5px; border-top: 1px solid white; border-bottom: 1px solid #c77c77; border-right: 1px solid #c77c77; border-left: 1px solid white;}
.programs .content table .semester {font-weight: bold; width: 10%; font-size:1.6em; color: #c77c77; border-left: none;}
.programs .content table td.course {width: 30%; font-weight: bold;}
.programs .content table td.descrip {width: 60%;}
.programs .content table .even {background-color: #e9dcdc;}
.semester .fine {font-size: 0.6em;}

/* Styles for Special Programs Page */
.special {}
.special a:link, .special a:visited {color: #0293d6; font-weight: bold; font-style:italic;}
.special a:active {color: white;}
.special .content-left {padding: 28px 300px 28px 28px; border-top: 1px solid #c1dff0;}
.special .content-right {float: right; clear: right; width: 239px; \width: 267px; w\idth: 239px; margin-top: 50px; padding-right: 28px; padding-bottom: 15px;}
.special .content {padding: 28px; border-top: 1px solid #c1dff0;}
.special #main {background-color: #ebf0f5;}

.special #content-top {border-top: 4px solid #0293d6; padding: 28px; background: url(images/overview-bg-special.jpg) bottom right no-repeat #dae5ef;}
.special #content-top-left {border-top: 4px solid #0293d6; background-color: #dae5ef; padding: 28px 300px 28px 28px;}

.special .content-inset {border-top: 1px dashed #c1dff0;}

.special h1, .special h3, .special h5 {color: #0293d6;}

.special #speciallink a {background-image: none;}

.special #bottom {background-image:url(images/bottom-bar-special.jpg); background-repeat: no-repeat; color: #c0c0c0;}

ul.schedule-left {width: 48%; font-size:.9em; font-weight: bold; list-style: none; padding: 0; margin: 10px 0; clear: left;}
ul.schedule-left li {margin-top: 8px;}
ul.schedule-left ul {font-weight: normal; list-style: disc; padding-left: 15px; margin-left: 5px;}
ul.schedule-left ul li {margin-top: 4px;}
ul.schedule-right {width: 48%; font-size:.9em; font-weight: bold; list-style: none; padding: 0; margin: 10px 0; float: right; clear:right;}
ul.schedule-right li {margin-top: 8px;}
ul.schedule-right ul {font-weight: normal; list-style: disc; padding-left: 15px; margin-left: 5px;}
ul.schedule-right ul li {margin-top: 4px;}



/* Styles for Education Brokerage Page */
.education {}
.education a:link, .education a:visited {color: #077c2a; font-weight: bold; font-style:italic;}
.education a:active {color: white;}
.education .content-middle {padding: 28px;}

.education h1, .education h3, .education h4 {color: #077c2a;}

.education #educationlink a {background-image: none;}
.education #content-top {border-top: 4px solid #077c2a; background: url(images/overview-bg-brokerage.jpg) bottom right no-repeat #e0eee0;}

.education .content-only {border-top: 4px solid #077c2a; padding: 28px;}
.education #main {background-color: #ecf2ea;}
.education .content-middle {border-top: 1px solid #b6d9b5;}

.education #bottom {background-image:url(images/bottom-bar-education.jpg); background-repeat: no-repeat; color: #c0c0c0;}



/* Styles for Knowledge & Resources Page */
.knowledge {}

.knowledge a:link, .knowledge a:visited {color: #efd100; font-weight: bold; font-style:italic;}
.knowledge a:active {color: white;}

.knowledge h1, .knowledge h3, .knowledge h5 {color: #efd100;}

.knowledge .content-left {padding: 28px 300px 28px 28px; border-top: 1px solid #f6f0a3;}
.knowledge .content-right {float: right; clear: right; width: 239px; \width: 267px; w\idth: 239px; margin-top: 28px; padding-right: 28px; padding-bottom: 15px;}
.knowledge #content-top {padding: 28px; border-top: 4px solid #fadb00; background: url(images/overview-bg-knowledge.jpg) bottom right no-repeat #f5f5da;}
.knowledge #main {background-color: #f5f5e9;}
.knowledge .content {padding: 28px; border-top: 1px solid #f6f0a3;}
.knowledge .content-only {padding: 28px; border-top: 4px solid #fadb00;}

.knowledge #knowledgelink a {background-image: none;}
.knowledge #bottom {background-image:url(images/bottom-bar-knowledge.jpg); background-repeat: no-repeat; color: #c0c0c0;}



/* Styles for Contact Form */
#contactform {width: 500px; \width:530px; w\idth: 500px; margin-right: auto; margin-left: auto; padding: 15px; border: 1px dashed #989898; background-color: #e9e9e9; margin-top: 20px;}
#contactform .submit {display:block; margin-right: auto; margin-left: auto;}
#contactform input {display: block; margin-top: 4px; margin-bottom: 8px;}
#contactform textarea {width: 500px; margin-top: 4px; margin-bottom: 8px; padding: 2px;}
#contactform #Name, #contactform #EmailFrom {width: 200px; padding: 2px;}
.HEADING7 {
	color: #880000;
	font-weight: bold;
}
.vinculo_centrado {
	color: #0293d6;
	font-style: italic;
	font-weight: bold;
}