/*
* A Joomla! Template
* @name - terrafirma
* @version 1.5
* @date - May 30, 2008
* @author - NodeThirtyThree & Free CSS Templates
* @website - www.freecsstemplates.org
* @copyright (C) -
* @license - Creative Commons Attribution 2.5
* @modifications - Modified for Joomla! by Hazman - www.xtremeopensource.org
*/


body {
  line-height           : 14px;
  color                 : #333333;
  font-family           : "Arial", helvetica, sans-serif;
  /*font-family           : "Georgia", Times New Roman;*/
  /*font-family           : "trebuchet ms", helvetica, sans-serif;*/
  font-size             : 12px;
  background            : #fff;
}

p {
  text-align            : left;
  margin-bottom         : 5px;
}

li {
 margin                 : 0 0 0 0px;
}

h3 {
	font-size             : 14px;
}

h2 {
	font-size             : 14px;
}

#outer {
  width                 : 800px;
  position              : relative;
  margin                : 0 auto;
  background            : #fff;
}

#upbg {
  width                 : 800px;
  height                : 264px;
  position              : absolute;
  top                   : 0px;
  left                  : 0px;
  z-index               : 1;
  background            : #fff;
}

#inner {
  position              : relative;
  z-index               : 2;
  padding               : 13px 0px 13px 0px;
}

#logo {
  width                 : 352px;
  height                : 100px;
  color                 : #fff;
  position              : absolute;
  left					: 0px;
  background            : url(../images/eltas-logo.jpg) no-repeat;
}

#header {
  width                 : 1px;
  height                : 267px;
  color                 : #fff;
  position              : absolute;
  top					: 110px;
  background            : #ffffff;
}

#header span {
  font-weight           : normal;
}

#header h1 {
  line-height           : normal;
  font-size             : 23px;
  letter-spacing        : -1px;
  top                   : 10px;
  position              : absolute;
}

#header h2 {
  color                 : #FCE2CA;
  font-size             : 10px;
  font-weight           : normal;
  top                   : 41px;
  position              : absolute;
}

#header sup {
  color                 : #FCE2CA;
}

#splash {
  width                 : 800px;
  height                : 234px;
  position              : absolute;
  top					: 92px;
  left                  : 0px;
  background            : url(../images/top_foto_1.jpg) no-repeat;
}

/*Ulti Joomla Counter*/
div.ulti_counter {
   color: #FF0000;
   font-size: 20px;
}

/*Top Right Menu*/

#topright_menu {
  position              : absolute;
  padding-top			: 22px;
  right					: 0px;
}

#topright_menu ul {	
  padding-left			: 0px;
  text-align            : center;
}

#topright_menu ul li {
  line-height           : 16px;
  display               : inline;
  padding-left          : 0px;    
}

#topright_menu ul li.first {
  border-left           : 0px;
}

#topright_menu ul li a {
  color                 : #666666; /*#888888;*/
  font-size             : 13px;
  font-weight           : none;
  padding               : 8px 12px 8px 12px;
  background-color      : transparent;
  background-repeat     : repeat-x;
}

#topright_menu ul li a:hover {
  color                 : #000000; /*#333333;  */
}

#topright_menu ul.menu li#current a, #topmenu ul.menu li#current a:link {
  color                 : #000000; /*#333333;  */
}

/*Top Menu*/

#topmenu {
  height                : 36px;
  position              : relative;
  margin                : 328px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
  background            : url(../images/menu_bg.jpg) repeat-x;
}

#topmenu ul {	
  padding-left			: 0px;
  text-align            : center;
}

#topmenu ul li {
  line-height           : 35px;
  display               : inline;
  padding-left          : 0px;    
}

#topmenu ul li.first {
  border-left           : 0px;
}

#topmenu ul li a {
  color                 : #fff;
  font-size             : 16px;
  font-weight           : none;
  padding               : 8px 12px 8px 12px;
  background-color      : transparent;
  background-repeat     : repeat-x;
}

#topmenu ul li a:hover {
  color                 : #333333;  
  background            : url(../images/a18.gif) repeat-x;
}

#topmenu ul.menu li#current a, #topmenu ul.menu li#current a:link {
  color                 : #333333;
  background            : url(../images/a18.gif) repeat-x;
}

#date {
  line-height           : 52px;
  color                 : #BDBDA2;
  font-size             : 12px;
  font-weight           : bold;
  letter-spacing        : -1px;
  position              : absolute;
  top                   : 0px;
  right                 : 30px;
}

a {
  color                 : #990000;
  text-decoration       : none;
}

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


/*############### CONTENT ###############*/

#primarycontent {
  width                 : 738px;
  float                 : left;
  position              : relative;
  margin				: 15px 15px 15px 0;
  padding				: 30px 30px 30px 30px;
  border				: 1px solid #cccccc;
}

/***** Header for contentpaneopen *****/
.contentheading {
  line-height           : 25px;
  color                 : #656551;
  font-size             : 16px;
  position              : relative;
  top                   : 4px;
  margin-bottom         : 20px;
  padding               : 0px 0px 10px 0px;
  background            : url(../images/a22.gif) bottom repeat-x;
}

/***** Home, Joomla! License, Blog, Lower Content for Advanced Search *****/
.contentpaneopen {
  width                 : 520px; /*100%*/
  padding               : 8px 15px 0 0;
	
}

.contentheading-widecontent {
  line-height           : 25px;
  color                 : #656551;
  font-size             : 18px;
  position              : relative;
  top                   : 4px;
  margin-bottom         : 20px;
  padding               : 0px 0px 10px 0px;
  background            : url(../images/a22.gif) bottom repeat-x;
}

/*for content which takes up entire with, ie. ETM*/
.contentpaneopen-widecontent {
  width                 : 750px; /*100%*/
  padding               : 8px 8px 0 0;
	
}

table.blog span.article_separator  {
	display               : block;
	height                : 1px;
	/*background            : url(../images/a33.gif) bottom repeat-x;*/
}

/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  color                 : #656551;
  font-size             : 18px;
  text-align            : left;
  padding-bottom		: 15px;
}

/***** Top Content for Getting Started, FAQs, News Feeds, Links *****/
.contentdescription {
  padding-left          : 0px !important;
  padding-left          : 10px;
}

/***** Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us *****/
.contentpane {
  padding-top           : 10px;
  padding-left          : 10px;
}


/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  color                 : #000000;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : none;
}

a.contentpagetitle:hover {
  color                 : #7B8DA1;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : underline;
  
}

a.category:link, a.category:visited {
  color                 : #333333;
  font-size             : 11px;
  font-weight           : bold;
}

a.category:hover {
  color                 : #7B8DA1;
}


/* For email form in course registration */
label.invalid {
        color:#FF0000;
}

.invalid {
        border-color:#FF0000;
}


#newsflash {
  margin                : 10px 0 0 0;
  padding               : 0;
}


#secondarycontent {
  width                 : 150px;
  float                 : left;
  position              : relative;
  margin                : 0 0 10px 0;
}


/********** Login Form, Rounded Modules **********/
div.module h3 {
	line-height           : 25px;
  color                 : #ff7800;
  font-size             : 16px;
  letter-spacing        : -1px;
	position              : relative;
  top                   : 4px;
  margin                : 0;
  padding               : 0 0 0 10px;
}

div.module {
	margin                : 0 0 15px 0;
	padding               : 0;
}

div.module ul {
  width                 : 95%;
	margin                : 0;
	padding               : 0;
}

div.module li {
  padding               : 2px 0 2px 15px;
}



/********** _menu rounded Modules **********/
div.module_menu h3 {
  line-height           : 25px;
  color                 : #656551;
  font-size             : 16px;
  letter-spacing        : -1px;
	position              : relative;
  top                   : 4px;
  margin-bottom         : 20px;
  padding               : 0 0 10px 10px;
  background            : url(../images/a22.gif) bottom repeat-x;
}

div.module_menu {
	margin                : 0 0 15px 0;
	padding               : 0;
}


div.module_menu ul {
  width                 : 95%;
  margin                : 0;
  padding               : 0;
	
}

div.module_menu li {
  list-style            : none;
  padding               : 4px;
  background            : url(../images/a22.gif) bottom repeat-x;
}


/********** XHTML Modules **********/
div.moduletable h3 {
  height                : 30px;
  line-height           : 25px;
  color                 : #656551;
  font-size             : 18px;
  font-weight           : bold;
  text-align            : left;
  margin                : 0;
  padding               : 7px 0 0 10px;
}

/*defines first box on right*/
div.moduletable-rightbox_1 {	
	position              : absolute;
	width				  : 200px;
	height				  : 250px;
	right				  : 30px;
	top					  : 30px;
	margin                : 0 0 0px 0;
	padding               : 0 0 0 5px;
	background			  : #ffffff;
	border				  : 1px solid #cccccc;
}

div.moduletable-rightbox_1 h3{
	font-size			  : 16px;
	margin				  : 5px 0 5px 0;
	padding				  : 0 0 0 0;
	color				  : #656551;
    font-weight           : normal;
}

div.moduletable-rightbox_1 span.article_separator   {
	display               : block;
	height                : 1px;
	background            : url(../images/a22.gif) bottom repeat-x;
}

/*defines second box on right*/
div.moduletable-rightbox_2 {	
	position              : absolute;
	width				  : 200px;
	height				  : 250px;
	right				  : 30px;
	top					  : 300px;
	margin                : 0 0 0px 0;
	padding               : 0 0 0 5px;
	background			  : #ffffff;
	border				  : 1px solid #cccccc;
}

div.moduletable-rightbox_2 h3{
	font-size			  : 16px;
	margin				  : 5px 0 5px 0;
	padding				  : 0 0 0 0;
	color				  : #656551;
    font-weight           : normal;
}

div.moduletable-rightbox_2 span.article_separator   {
	display               : block;
	height                : 1px;
	background            : url(../images/a22.gif) bottom repeat-x;
}

/*defines third box on right*/
div.moduletable-rightbox_3 {	
	position              : absolute;
	width				  : 200px;
	height				  : 250px;
	right				  : 30px;
	top					  : 570px;
	margin                : 0 0 0px 0;
	padding               : 0 0 0 5px;
	background			  : #ffffff;
	border				  : 1px solid #cccccc;
}

div.moduletable-rightbox_3 h3{
	font-size			  : 16px;
	margin				  : 5px 0 5px 0;
	padding				  : 0 0 0 0;
	color				  : #656551;
    font-weight           : normal;
}

div.moduletable-rightbox_3 span.article_separator   {
	display               : block;
	height                : 1px;
	background            : url(../images/a22.gif) bottom repeat-x;
}

/*defines fourth box on right*/
div.moduletable-rightbox_4 {	
	position              : absolute;
	width				  : 200px;
	height				  : 250px;
	right				  : 30px;
	top					  : 840px;
	margin                : 0 0 0px 0;
	padding               : 0 0 0 5px;
	background			  : #ffffff;
	border				  : 1px solid #cccccc;
}

div.moduletable-rightbox_4 h3{
	font-size			  : 16px;
	margin				  : 5px 0 5px 0;
	padding				  : 0 0 0 0;
	color				  : #656551;
    font-weight           : normal;
}

div.moduletable-rightbox_4 span.article_separator   {
	display               : block;
	height                : 1px;
	background            : url(../images/a22.gif) bottom repeat-x;
}

/*defines left box under content */
div.moduletable-left_content_box {	
	float				  : left;
	position              : relative;
	width				  : 200px;
	height				  : 230px;
	margin                : 0 20px 0px 0;
	padding               : 0 0 0 10px;
	background			  : #ffffff;
	border				  : 1px solid #cccccc;
}

div.moduletable-left_content_box h3{
	font-size			  : 16px;
	margin				  : 5px 0 5px 0;
	padding				  : 0 0 0 0;
	color				  : #656551;
    font-weight           : normal;
}

div.moduletable-left_content_box span.article_separator   {
	display               : block;
	height                : 1px;
	background            : url(../images/a22.gif) bottom repeat-x;
}

/*defines right box under content */
div.moduletable-right_content_box {	
	float				  : left;
	position              : relative;
	width				  : 200px;
	height				  : 230px;
	margin                : 0 0 0px 0px;
	padding               : 0 0 0 10px;
	background			  : #ffffff;
	border				  : 1px solid #cccccc;
}

div.moduletable-right_content_box h3{
	font-size			  : 16px;
	margin				  : 5px 0 5px 0;
	padding				  : 0 0 0 0;
	color				  : #656551;
    font-weight           : normal;
}

div.moduletable-right_content_box span.article_separator   {
	display               : block;
	height                : 1px;
	background            : url(../images/a22.gif) bottom repeat-x;
}

.contentpaneopen-right_content_box{
	
}


div.moduletable ul {
	margin                : 0;
	padding               : 0;
}

div.moduletable li {
  padding               : 2px 0 2px 5px;
}

/********** Modules **********/  
table.moduletable {
  width                 : 185px;
  margin-bottom         : 15px;
  padding               : 0px;
}

table.moduletable th {
  height                : 27px;
  line-height           : 25px;
  color                 : #ffcc00;
  font-size             : 18px;
  font-weight           : bold;
  text-align            : left;
  text-transform        : uppercase;
  margin                : 0 0 5px 0;
  padding-left          : 4px;
  background            : #555555;
}

table.moduletable td {
  font-size             : 11px;
  font-weight           : normal;
  margin                : 0px;
  padding-left          : 2px;
}


/********** _menu Modules **********/  
table.moduletable_menu {
  width                 : 185px;
  margin                : 0 0 15px 0;
  padding               : 0px;
}

table.moduletable_menu th {
  height                : 40px;
  line-height           : 25px;
  color                 : #dadada;
  font-size             : 18px;
  font-weight           : normal;
  text-align            : left;
  text-transform        : lowercase;
  margin                : 0 0 15px 0;
  padding               : 7px 0 20px 10px;
}

table.moduletable_menu td {
  font-size             : 11px;
  font-weight           : normal;
  padding               : 0 0 5px 0;
}


/********** Login Form **********/
form#form-login fieldset { 
  margin                : 0em; 
	padding               : 0 0 0 15px;
	border                : none;
}

form#form-login ul { 
  padding               : 5px 0 0 30px; 
}

form#form-login li {
  font-size             : 9px;
  padding               : 0 0 0 10px;
}


/********** Content Tables **********/
.sectiontableheader {
  color                 : #7B8DA1;
  font-weight           : bold;
  background-color      : #CCCCCC;
}

tr.sectiontableentry1 td {
  padding: 5px;
	background-color      : #F0F0F0
}

tr.sectiontableentry2 td {
  padding: 5px;
	background-color      : #E0E0E0;
}


/********** PDF, Print, Email Small buttons **********/
td.buttonheading img {
  border                : none;
}


.content_rating {
  padding               : 5px;
}

.small {
  color                 : #3366C0;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : bold;
  text-decoration       : none;
}

.smalldark {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : normal;
  text-decoration       : none;
}

.createdate {
  color                 : #999999;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-align            : left;
	padding               : 0 0 10px 0;
}

.modifydate {
  color                 : #999999;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-align            : left;
	padding               : 10px 0 0 0;
}


#footer {
height                  : 66px;
line-height             : 66px;
color                   : #A8A88D;
position                : relative;
clear                   : both;
text-align              : center;
margin                  : 0 0 40px 0;
background              : url(../images/a50.gif);
}

#footer a {
  color                 : #8C8C73;
}