/* #contenido: The container in Miguels code */

/* common styles */
#contenido td {
  vertical-align: top;
}
#contenido form {
  padding: 0;
	margin: 0;
}
#contenido h1, #contenido h2, #contenido h3, #contenido h4, #contenido h5 {
  margin: 0;
}

div.error {
	margin: 5px 0 10px 0;
	padding: 5px;
  border: 1px dashed #ff0000;
}
.error {
	color: #ff0000;
	font-weight: bold;
  font-size: 11px;
	background: #ffffff;
}
.clearer {
  height: 0px;
	clear: both;
	overflow: hidden;
}

/* Layout columns */
#minHeight {
  float: left;
  width: 0;
	height: 470px;
}
#leftCol {
  float: left;
  width: 278px;
	margin-right: 11px;
}
#mainCol {
  float: left;
  width: 672px;
}
#altLeftCol {
  float: left;
  width: 230px; /*278px;*/
	margin-right: 11px;
}
#altMainCol {
  float: left;
  width: 431px;
}
#altRightCol {
  float: left;
  width: 278px;
	margin-left: 11px;
}

/* *************************************************************************
     LEFT / RIGHT COL CONTENTS 
 * ************************************************************************* */

/* headlines & texts */
#leftCol h3, #altLeftCol h3 {
  padding: 3px 0;
	color: #000;
	font-size: 11px;
}
#leftCol h3.imp, #altLeftCol h3.imp {
	color: #ff0000;
}
#leftCol p, #altLeftCol p {
  margin: 0;
	padding: 0 0 12px 0;
}
#leftCol a, #leftCol a:visited, #altLeftCol a, #altLeftCol a:visited {
  color: #000000;
	text-decoration: underline;
}
#leftCol a:hover, #altLeftCol a:hover {
  color: #666666;
}
#leftCol ul.stdBullet, #altLeftCol ul.stdBullet {
  margin: 4px 0 4px 2em;
	padding: 0;
}
#leftCol ul.stdBullet li, #altLeftCol ul.stdBullet li {
  margin: 0;
	padding: 2px 0;
	color: #000000;
}


/* *************************************************************************
     MAIN COL CONTENTS 
 * ************************************************************************* */
#pageTitle {
  padding-top: 6px;
	/*background: #ff9999;*/
}
#pageTitle img.titleImage {

}
#pageTitle .backlink, #pageFooter .backlink {
  position: relative;
	float: right;
	top: 40px;
	font-weight: bold;
}
#pageFooter .backlink {
	top: 0px;
}
#pageTitle .backlink a, #pageFooter .backlink a {
  color: #FFFC00;
}
#pageFooter {
  padding: 2px 0 0 8px;
}

#content {
  margin: 10px 0 0 8px;
	/*background: #ffcccc;*/
}
#content.border {
	border-top: 1px dotted #fff;
}
/*#altMainCol #content {
  margin-left: 0;
}*/

#content h1 {
  padding: 6px 0 15px 0;
  font-size: 16px;
	color: #ffff00;
}
#content h1 .white {
	color: #ffffff;
}

/* Page navigation */
table#pageNavi {
  float: right;
}
table#pageNavi tr td {
  padding: 0 5px;
  vertical-align: middle;
	font-size: 11px;
}
table#pageNavi tr td .act {
  color: #FFFC00;
	font-weight: bold;
}

#content .hLine {
  height: 2px;
	margin: 12px 0 0 0;
	padding: 0;
	overflow: hidden;
}
#content .hLine div {
  height: 2px;
	overflow: hidden;
  border-top: 1px solid #0C280F;
	background: #4F8156;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 1px;
}
html>body #content .hLine div {
	height: 1px;
}

#content .desc {
  padding: 12px 0;
}

/* *************************************************************************
     N E W S   AND   C O U R S E S 
 * ************************************************************************* */
/* News list (664px) */
table.newsList {
  width: 100%;
	margin-bottom: 10px;
	/*background: #ccff00;*/
}
table.newsList tr td {
  padding: 6px 0;
}
table.newsList tr.even td {
  background: #0B240E;
}
/* image column */
table.newsList tr td.image {
	text-align: center;
}
#newsList table.newsList tr td.image {
  width: 138px;
}
#courseList table.newsList tr td.image {
  padding-top: 12px;
  width: 18px;
}
#newsList table.newsList tr td.image img {
  border: 1px solid #fff;
}
/* main column */
table.newsList tr td.main {
  font-size: 11px;
	color: #fff;
}
#newsList table.newsList tr td.main {
  width: 526px;
}
#courseList table.newsList tr td.main {
  width: 646px;
}
table.newsList tr td.main .date {
  font-size: 9px;
}
table.newsList tr td.main h2 {
  font-size: 11px;
	padding: 1px 8px 2px 0;
	color: #fff;
}
#courseList table.newsList tr td.main h2 {
	color: #ffff00;
}
table.newsList tr td.main h2 a, table.newsList tr td.main h2 a:visited {
	color: #fff;
	text-decoration: underline;
}
table.newsList tr td.main h2 a:hover {
	color: #71A130;
}
table.newsList tr td.main .intro {
	padding: 1px 8px 0 0;
}
#courseList table.newsList tr td.main .intro p {
	padding: 0;
	margin: 0;
}
/* separator */
table.newsList tr td.separator {
  height: 1px;
	padding: 0;
}
table.newsList tr td.separator div {
  height: 1px;
	overflow: hidden;
  border-top: 1px dotted #fff;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 0px;
}
html>body table.newsList tr td.separator div {
	height: 0px;
}
/* list inside (courses) */
#courseList ul.inner {
  margin: 6px 0 0 2em;
	padding: 0;
	list-style-image:url(/images/layout/bullet_in.gif);
}
#courseList ul.inner li {
  margin: 0;
	padding: 0 0 3px 0;
	color: #fff;
	font-weight: bold;
}
#courseList ul.inner li blockquote {
  margin: 0;
	padding: 0 0 0 22px;
	font-weight: normal;
}
/* link to top */
table.newsList tr td .topLink {
  float: right;
	margin-right: 8px;
}
table.newsList tr td .topLink a, table.newsList tr td .topLink a:visited, table.newsList tr td .topLink a:hover {
	padding-right: 12px;
  background: url(/images/layout/ico_top.gif) right 7px no-repeat;
	text-decoration: none;
}

#newsDetails {
	padding: 10px 0;
	border-bottom: 1px dotted #fff;
}
#newsDetails .image {
  margin-bottom: 10px;
}
#newsDetails .image img {
  border: 2px solid #fff;
}
#newsDetails .date {
  font-size: 9px;
}
#newsDetails h1 {
  font-size: 11px;
	padding: 0 8px 16px 0;
	color: #fff;
}



/* *************************************************************************
     E X P O S I T I O N S 
 * ************************************************************************* */

#expoDetails {
	padding: 10px 0;
	/*border-bottom: 1px dotted #fff;*/
}
#expoDetails h1 {
  font-size: 11px;
	padding: 0 8px 16px 0;
	color: #ffff00;
}


/* *************************************************************************
     P U B L I C A T I O N S   
 * ************************************************************************* */
#pubList ul {
  margin: 0 8px 0 2em;
	padding: 0;
}
#pubList ul li {
  margin: 0;
	padding: 5px 0 0 0;
  font-size: 11px;
	/*background: #ccccff;*/
}
#pubList ul li.even {
	background: #0B240E;
}
#pubList ul li .image {
  float: left;
	width: 81px;
	height: 111px;
	background: #fff;
	margin-right: 18px;
}
#pubList ul li h2 {
  font-size: 11px;
	padding: 1px 0 2px 0;
	color: #FFFF00;
}
#pubList ul li h2 a, #pubList ul li h2 a:visited {
	color: #FFFF00;
	text-decoration: none;
}
#pubList ul li h2 a:hover {
	text-decoration: underline;
}
#pubList ul li .intro {
  clear: none; /* in case there is a list image */
	color: #fff;
}
#pubList ul li .download {
	padding-top: 12px;
}
#pubList ul li a, #pubList ul li a:visited  {
	color: #fff;
	text-decoration: underline;
}
/*

#pubList .separator {
  height: 2px;
	margin: 12px 0 0 0;
	padding: 0;
	overflow: hidden;
}
#pubList .separator div {
  height: 2px;
	overflow: hidden;
  border-top: 1px solid #0C280F;
	background: #4F8156;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 1px;
}
html>body #pubList .separator div {
	height: 1px;
}
*/

 
/* *************************************************************************
     A C T I V I T I E S 
 * ************************************************************************* */
#actList ul {
  margin: 0 8px 0 2em;
	padding: 0;
}
#actList ul li {
  margin: 0;
	padding: 5px 0 0 0;
  font-size: 11px;
	/*background: #ccccff;*/
}
#actList ul li.even {
	background: #0B240E;
}
#actList ul li .image {
  float: left;
	width: 81px;
	height: 111px;
	background: #fff;
	margin-right: 18px;
}
#actList ul li h2 {
  font-size: 11px;
	padding: 1px 0 2px 0;
	color: #FFFFFF;
}
#actList ul li h2 a, #actList ul li h2 a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#actList ul li h2 a:hover {
	color: #FFFF00;
}
#actList ul li .intro, #actList ul li .date {
	color: #fff;
}
#actList ul li .download {
	padding-top: 12px;
}
#actList ul li a, #actList ul li a:visited  {
	color: #fff;
	text-decoration: underline;
}



/*  ************************************************************************ 
 *   F O R M S   
 *  ************************************************************************ */
#mainForm {
	padding: 10px 10px 10px 0;
}
#mainForm table {
	border: 0;
	margin-left: 45px;
}
#mainForm tr td {
  padding: 3px;
	margin: 0;
}
#mainForm .formFieldM {
		width: 140px;
    color: #ffffff;
		padding-right: 5px;
		font-weight: bold;
}
#mainForm .formFieldO {
		width: 140px;
    color: #ffffff;
		padding-right: 5px;
		font-weight: normal;
}
#mainForm input.formInputTxt, #mainForm select, #mainForm textarea {
		padding: 1px 2px 1px 2px;
		/* border 1px is standard! */
    color: #000000;
		font-size: 11px;
		font-family: inherit;
}
#mainForm select {
		padding: 0;
}
#mainForm textarea {
    width: 460px;
}
#mainForm input.formInputTxt, #mainForm .formInputTextareaSmall {
  width: 230px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  width: 224px;
}
html>body #mainForm input.formInputTxt, #mainForm .formInputTextareaSmall {
  width: 224px;
}
#mainForm select.formInputSelect {
  width: 230px;
}
#mainForm .formInputTextareaSmall {
  height: 90px;
}
#mainForm input.formInputSubmit {
	width: 79px;
	height: 34px;
	border: 0;
	padding: 0;
	margin-left: 151px;
}




table#imageGallery {
  width: 100%;
	border: 0;
	margin: 10px 0; 
}
table#imageGallery tr td {
  padding: 5px;
	text-align: center;
}
table#imageGallery tr td img {
  border: 1px solid #fff;
}
table#imageGallery tr td.spacer {
  height: 8px;
	font-size: 0.01%;
}