.bodyclass { background: url(../images/dol.gif) left top repeat-x; }
body, input, select, textarea, td, th { color: #9D9D9D; color:#555555; font-family: Verdana; font-size: 12px; }
body, td, th { line-height: 16px; }
body, form { margin: 0; padding: 0; }
a { color: #9D9D9D; text-decoration: underline; }
a:hover { text-decoration: none; }
img, table { border: 0 none; }
p { margin: 0 0 1em 0; padding: 0; }
table { border-collapse: collapse; }
textarea { overflow: auto; }
td, th { padding: 0; vertical-align: top; }
ul { margin: 0; padding: 0 0 0 16px; }
.listaRomana{
	list-style-type:upper-roman;
}
.listaRomana li{
	padding-bottom:1em;
}

#main { margin: 0 auto; width:966px; }

/*Menu Principal*/

	#mainlevelmenu {  /*background: url(../images/menubg2.jpg)*/ left top no-repeat; height: 32px; padding: 0px 0 0 4px; }
	#mainlevelmenu li { display:inline; float: left; line-height: 14px; list-style: none;  padding: 0; text-align: center; width: 105px; }
	#mainlevelmenu li a {background: url(../images/bgmenu.jpg); display:block; padding: 5px 5px 0px 5px; color: #ffffff; font-size: 9px; text-decoration: none; text-transform: uppercase; font-weight: bold; height:20px;}
        #mainlevelmenu li a:hover{background: url(../images/bgmenu2.jpg);}
	#mainlevelmenu li p { margin-top: -8px; }

/*Menu Principal*/

/*Acceso*/

.moduletablelogin{
	padding-bottom:20px;
}

#adopcion:hover {
	cursor:pointer;
	background-color:#FFCCFF;
}

/*Header*/

	#header {  height: 152px; }
/*background: url(../images/header3.png) left top no-repeat;*/
	#header ul { list-style: none; margin: 22px 0 0 718px; position: absolute; width: 222px; }
	#header li a { color: #585858; display: block; font-size: 10px; height: 23px; padding: 12px 0 0 52px; text-decoration: none; text-transform: uppercase; }
	
		.m1 a, .m1 { background: url(../images/m1.gif) left top no-repeat; }
		.m1 a:hover { background: url(../images/m1r.gif) left top no-repeat ; }
		.m2 a { background: url(../images/m2.gif) left top no-repeat; }
		.m2 a:hover { background: url(../images/m2r.gif) left top no-repeat ; }
		.m3 a { background: url(../images/m3.gif) left top no-repeat; }
		.m3 a:hover { background: url(../images/m3r.gif) left top no-repeat ; }
		.m4 a { background: url(../images/m4.gif) left top no-repeat; }
		.m4 a:hover { background: url(../images/m4r.gif) left top no-repeat ; }
		.m5 a { background: url(../images/m5.gif) left top no-repeat; }
		.m5 a:hover { background: url(../images/m5r.gif) left top no-repeat ; }
		.m6 a { background: url(../images/m6.gif) left top no-repeat; }
		.m6 a:hover { background: url(../images/m6r.gif) left top no-repeat ; }
		.m7 a { background: url(../images/m7.gif) left top no-repeat; }
		.m7 a:hover { background: url(../images/m7r.gif) left top no-repeat ; }
	
		#flash { height: 152px; margin: 0; position: absolute;padding-top:0px }


/*Header*/

/*Resumen noticias*/




/*resumen noticias*/

/*Noticias y parte del submenu (aplica el nav tambien)*/
		#left { float: left; width: 263px; }
		#left ul#mainlevelmenusub {margin:0; padding:0; list-style:none;}
		#left ul#mainlevelmenusub li a.mainlevelmenusub {color:#fff; text-decoration:none;}/*******/
		#left h3, #left ul#mainlevelmenusub li a.mainlevelmenusub { /*background: url(../images/img2.gif) left bottom no-repeat;*/ color: #484848; font-family: Tahoma; font-size: 21px; font-weight: normal; margin: 6px 0; padding: 0 0 6px 0; }

			
		#left ul.nav, #left ul#mainlevelmenusub li ul { margin: 16px 0 0 0; padding: 0; width: 226px; /*overflow:hidden; white-space:nowrap;*/}
		#left ul.nav li, #left ul#mainlevelmenusub li ul li  { background: url(../images/gl.gif) left bottom repeat-x; line-height: 25px; list-style: none; padding-left: 8px; }
		#left ul.nav li a, #left ul#mainlevelmenusub li ul li a{ background: url(../images/img.gif) left center no-repeat; padding-left: 26px; text-decoration: none; .display: block; color: #333333 }
		#left ul.nav li a:hover, #left ul#mainlevelmenusub li ul li a:hover { text-decoration: underline; }
		
		/*Pala los menus que tengan subniveles*/
		#left ul#mainlevelmenusub li ul ul{ margin: 0; margin-top: -8px; margin: 0 0 0 -10px; font-size:90%; padding: 0; width: 250px; }
		#left ul#mainlevelmenusub li ul ul li  { background: none; list-style: none; margin:0; padding:0; padding-left: 3px; margin-top: -8px; }
		#left ul#mainlevelmenusub li ul ul li a{ margin: 0;  padding: 0; background: url(../images/arrow.png) left center no-repeat; margin-left: 10x; padding-left: 10px; text-decoration: none;}
		#left ul#mainlevelmenusub li ul ul li a:hover { text-decoration: underline; }
		
		div.moduletablemenusub{margin 0; padding:0; margin-bottom: -20px;}
	
		.news { margin-bottom: -30px; }
		.news dl { margin: 0; padding: 0; width: 230px; }
		.news dt  { float:left; margin: 0; background: url(../images/bordeImg.gif) top left no-repeat;}
		.news dt #boxn1 {background: url(../images/bordeImg.gif) bottom right no-repeat; padding: 3px;}
		.news dd { margin: 0px 0 30px 78px; }
		.news dd strong { background: url(../images/img.gif) left 3px no-repeat; color: #9D9D9D; display: block; font-size: 11px; padding-left: 14px; }
		.news dd a, .news dd a p { color: #555555; text-decoration: underline;}
		.news dd a:hover, .news dd a:hover p { color: #333333; text-decoration: none;}
			
/*Noticias*/			
			
/*mbg, bbg y tbg forman un cuadro con bordes redondeados para elementos del lado izquierdo
Tiene fondo transparente*/
.mbg { background: url(../images/mbg.gif) left top repeat-y; margin-bottom: 5px; }
	
.bbg { background: url(../images/bbg.gif) left bottom no-repeat; display: table; padding: 30px 0 30px 12px; width: 251px; }

.tbg { background: url(../images/tbg.gif) left top no-repeat; }

/**********/

/*mbg2, bbg4 y tbg4 forman un cuadro con bordes redondeados para elementos del lado izquierdo
Tiene fondo verde*/
.mbg2 { margin 0;margin-bottom: 5px; }
.bbg4 { background: url(../images/bbg4.png) left bottom no-repeat; display: table; padding: 30px 0 50px 10px; width: 260px; }
.tbg4 { background: url(../images/tbg4.png) left top no-repeat; }

/*************/
/*Contenido*/

#right { float: right; margin-left: 10px; width:665px; }
		#right h2 { /*background: url(../images/img2.gif) left bottom no-repeat;*/ color: #484848; font-family: Tahoma; font-size: 25px; font-weight: normal; margin: 10px 0; padding: 0 0 8px 0; }
		
		.contentpaneopen {
			width: 100%;
			margin-bottom:15px;
			padding:0;
			text-align: justify;
		} 
		
		.contentheading, .componentheading, td.contentheading td{ 
			/*background: url(../images/img2.gif) left bottom no-repeat; */
			color: #444444; 
			font-family: Tahoma; 
			font-weight: normal; 
			margin: 0px 0px 18px 0px; 
			padding: 0px 0 8px 0; 
			.padding: 2px 0 8px 0; 
			font-size: 25px;
			text-align:left;
		}
		
		.contentpaneopen .contentheading{
			font-size: 18px;
		}
		
		.contentpaneopen td.contentheading{	
			font-size: 25px;
                        line-height:100%;
		}
		
		span.article_seperator{
			
		}
		
		#right .buscar{
			float:right;
			clear:right;
		}
		
		#right .nav { border-bottom: 1px solid #EFEFEF; color: #C0C0C0; font-family: Tahoma; font-size: 9px; margin-bottom: 20px; padding: 8px 0 25px 0; text-align: right; text-transform: uppercase; }
			#right .nav a { color: #C0C0C0; text-decoration: none; }
			#right .nav p { float: left; }
			#right .nav p a { text-decoration: underline; }
			#right .nav p img { margin: 0 10px; vertical-align: middle; }
			#right .nav p  span a { color: #CADB9B; }
			.txt { margin-top: 20px; }
			.txt td { padding-right: 20px; text-align: justify; }
/*Contenido*/

/*Contenido resumen blog */



table.blog td{
	
}



table.blog .contentpaneopen .contentheading{
	font-size: 13px;
	color: white;
	font-weight: bold;
	border: none;
	
}

table.blog div .contentpaneopen .contentheading{
	color: #555;	
}

table.blog .contentpaneopen td{
	
}

table.blog td td{
	background: url(../images/pil.png) top left no-repeat;
	
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	
	
}

table.blog td td td, table.blog div td{
	background-image: none;	
	color:#555;
}

table.blog td td td{
	background-image: none;	
}

table.blog td td td td{
	background-image: none;	
}



.c_box { background: url(../images/px.gif) left bottom repeat-x; clear: both; display:table; height: 100%; margin: -5px 0 34px 0; padding: 6px 0; width:100%; }

.c_boxff{
	display:inline;
}
	
	.vote { background: url(../images/free.gif) left top no-repeat; color: #FFF; float: left; height: 203px; margin-right: 5px; padding: 0px 0px 0 20px; width: 245px; }
	.vote ul, .vote form { margin: 0px 0 12px 0;}
	.vote ul li { list-style: none; }
	.vote ul li input, .vote input { margin-right: 14px; vertical-align: middle; }
	.vote #pollxtOptCol{color:#6a2c91; padding: 30px 0 0 0}
	.vote .sectiontableentry2, .vote .sectiontableentry1, .vote #pollxtFreeCol { padding: 0 0 0 16px; }
	.vote .moduletable {margin-right:14px}
	.vote .button{float:right; padding-top: 2px; margin-left: 2px; background-color:#6a2c91; color:#FFFFFF; border: 2px outset #ec008c; *border: 2px outset #777 }

	.logoDif2 { 
		color: #FFFFFF; 
		float: left; 
		height: 203px; 
		margin-right: 5px; 
		padding: 5px 0px 0 0px; 
		margin-top: 0px;
		width: 180px; 
	}

	.banner{
		margin-top:1px;
		padding: 2px;
		float:right;
		/*background: url(../images/bannerbg.png) top left no-repeat;*/
		height: 171px;
		width: 770px;
	}

/*Footer*/

	#footer { clear: both; color: #555; font-family: Tahoma; font-size: 9px; text-align: center; text-transform: uppercase; }
	#footer a { color: #555; text-decoration: none; }

/*Footer*/

/*Imagenes*/
div.mosimage  {margin: 5px 15px 0px 10px; .margin: 5px 5px 0px 10px;}
div.mosimage img{margin: -15px 5px 5px 0px;}
div.mosimage_boxtl{background: url(../images/bordeImg.gif) top left no-repeat; padding:0px 10px 10px 10px; .padding:0px 0px 10px 10px;}
div.mosimage_boxtr{background: url(../images/bordeImg.gif) top right no-repeat; padding:10px 0px 0px 0px; margin-right: -15px; .margin-right: 0px;}
div.mosimage_boxbl{background: url(../images/bordeImg.gif) bottom left no-repeat; margin-bottom:-15px;margin-left:-10px;padding-top:10px;}
div.mosimage_boxbr{background: url(../images/bordeImg.gif) bottom right no-repeat; margin-left:5px;}

div.mosimage_caption{font-family:"Arial Black"; color:#cddba8;font-size:90%;padding:5px 0px 0px 0px;}
/*div.jce_caption, div.mosimage{
  background: url(../images/shadow.gif) no-repeat bottom right;
  padding: 0px 6px 6px 0px;
  margin:0 15px 0 5px;
 /*IExplorer*/
/* .background: url(../images/shadowAlpha.png) no-repeat bottom right;
 _background: url(../images/shadow.gif) no-repeat bottom right;
}

.jce_caption_text, .mosimage_caption{
	padding: 2px 0px 2px 0px;
	color: #555;
	font-size:80%;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	position: relative;
	border: 1px solid #a9a9a9;
	border-top:none;
}

div.jce_caption img, div.mosimage img{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  border-bottom:none;
  margin: 0;
  padding: 10px 10px 0px 10px;
}
*/


/*Son diferentes Valores para IE porque el mosimage agrega un hspace="6" y el hspace
lo tratan diferente el IE y el FireFox, pero al jce_caption como no se le agrega el
hspace, ese no lo necesita, solo el mosimage*/
/*div.mosimage{
     .padding: 0px 0px 6px 0px;
}

html .mosimage_caption{
/*IExplorer*/
/*.margin:-2px 6px 0px 0px;
}

div.mosimage me{
/*Para IExplorer*/
/*  .margin: 0px -6px 0px 0px;
  .padding:10px 10px 0px 10px;
}*/


/*Componente estado cuenta*/

	.estadocuenta .titulo, .estadocuenta .pago{
		padding-bottom: 30px;
		font-size:130%;
		color: #8bb43a;
		font-weight:bold;
	}
	
	.estadocuenta .titulo2{
		font-size:140%;
		padding-bottom:5px;
		color: #8bb43a;
		font-weight:bold;
		float:left;
	}
	
	.estadocuenta .fecha{
		color: #8bb43a;
		font-weight:bold;
		float:right;
	}
	
	.estadocuenta .info{
		clear:both;

	}
	
	.estadocuenta hr{
		height:10px;
		background-color:#8bb43a;
		border: 0;
	}
	
	.estadocuenta .hr2{
		background-color: #bababa;
	}
	
	.estadocuenta .hr3{
		height: 5px;
	}
	
	.estadocuenta .hr4{
		background-color: #484848;
	}
	
	.estadocuenta .pago{
		text-align:center;
	}
	
	.estadocuenta .button{
		font-size: 70%;
		background-color:#333; 
		color:#FFFFFF; 
		border: 2px outset #000; 
		*border: 2px outset #777;
	}
	
	.estadocuenta .ejemplo a{
		width:100%;
		float:left;
		text-decoration: none;
		display:inline;
		text-align:center;
	}
	
	.estadocuenta .ejemplo a span{
		text-decoration:underline;
		color: #8bb43a;
	}
	
	.estadocuenta .ejemplo a:hover span{
		text-decoration:none;
	}
	
	.estadocuenta .leyenda{
		color: #8bb43a;
		padding-top:10px;
		width:100%;
		float:left;
		text-align:center;
		padding-bottom: 10px;
	}
/*Componente estado Cuenta*/

/* Forma Email*/
table.contentpaneemail table {
	float:left;
	width:40%;
}

table.contentpaneemail table table{
	clear:both;
	background-color:none;
	width:100%;
	margin-top:20px;
	padding: 3px;
}

td.contentheadingemail table { 
	clear:both;
	width:100%;
}

td.contentheadingemail td{ 
	/*background: url(../images/img2.gif) left bottom no-repeat; */
	color: #484848; 
	font-family: Tahoma; 
	font-size: 25px; 
	font-weight: normal; 
	margin: 0px 0px 18px 0px; 
	padding: 0px 0 8px 0; 
	.padding: 2px 0 8px 0; 
}

#emailForm{
	padding: 40px;
	border: 1px solid #777;
	background-image: url(../images/fondoForma.png);
}

#emailForm label{
	color: #484848; 
	font-family: Tahoma; 	
	font-weight: normal; 
	margin: 0px 0px 18px 0px; 
	padding: 0px 0 8px 0; 
	.padding: 2px 0 8px 0; 

}



.pagenavcounter{
	font-size:90%;
	color:#555;
}

.contenttoc{
	font-size: 80%;
	margin: 5px; 
	padding: 5px; 
	border: 1px solid #bbb;
	width: 200px;
	max-width: 200px;
}

.contenttoc th{
	background-color: #e9f0d7;
	padding: 3px 0px 3px 5px;
	border-bottom: 1px solid #bbb;
	text-align:left;
	color:#777;
}

.contenttoc td{
	background: url(../images/gl.gif) left bottom repeat-x; 
	line-height: 20px; 
	list-style: none; 
	padding-left: 8px;
	padding-right: 8px;
	background-color: #e9f0d7;
}

.contenttoc td a{
	background: url(../images/me.gif) left center no-repeat; 
	padding-left: 26px; 
	text-decoration: none;
	background-color: #ec008c;
}

.contenttoc td a:hover { text-decoration: underline; }

/*Forma Email */

/*Organigrama*/

#atribuciones .unidadid, #atribuciones .unidad, #atribuciones .infoespecifica, #atribuciones .titular, #directorio .unidad {
	display: none;
}

#atribuciones .funciones ol, #atribuciones .funciones ul {
	margin-left: 40px;
	list-style-type:upper-roman;
}

#atribuciones .funciones ol li, #atribuciones .funciones ul li{
	padding-bottom:1em;
}

#directorio .titular{ 
	/*background: url(../images/img2.gif) left bottom no-repeat; */
	color: #484848; 
	font-family: Tahoma; 
	font-weight: normal; 
	margin: 0px 0px 18px 0px; 
	padding: 0px 0 8px 0; 
	.padding: 2px 0 8px 0; 
	font-size: 25px;
	text-align:left;
	font-size: 18px;	
}

.tabla1{
	border-collapse:collapse;
}

.tabla1 td{
	font-size:80%;
	border: 1px inset #777;
}

.tituloizq{
	white-space:nowrap;
}

.tabla1header td, .tabla1header{
	background-color: #e9f0d7;
	color:#333;
}

.tabla1footer td, .tabla1footer{
	background-color: #e9f0d7;
	color:#333;
}

.pagenav_prev{
	float:left;
}

.small{
	font-size:70%;
}

/************* Búsqueda de vivienda ******************/
.c2 { color: #484848; display: table; font-weight: bold; margin: 10px 0; text-align: right; }
.c2 p { float: left; margin: 0; } 

.form { clear: both; padding: 10px 0 35px 0; }
.form table{ margin-left: 20px;}
.form td { color: #696969; font-size: 11px;}
.form select { border: 1px solid #A5ACB2; color: #696969; font-size: 11px; margin-bottom: 4px; width: 180px; }
.form input { border: 1px solid #A5ACB2; color: #696969; font-size: 11px; margin-bottom: 4px; width: 180px; }
.form .checkbox input{ width:auto;}
.form div select { width: 88px; }


/*****************Resultados búsqueda******************/
.h_name { background: #F1F1F1 url(../images/tbg3.gif) left top no-repeat; color: #484848; height: 22px; padding: 8px 30px 0 12px; text-align: right; }
			.h_name img { margin: 0 4px 0 14px; vertical-align: middle; }
			.h_name p { float: left; }
			.h_name p span { color: #A4A4A4; }
			
.bbg3 { background: #F9F9F9 url(../images/bbg2.gif) left bottom no-repeat; margin-bottom: 10px; padding: 22px 24px 0 8px; }
.bbg3 td { color: #696969; font-size: 11px; }
.bbg3 td p { color: #484848; font-weight: bold; }

.bbg3left{
}

.bbg3readmore{
   background-image: url(../images/more.gif);
   background-position: bottom right;
	background-repeat: no-repeat;
   min-height:40px;
   height:40px;
   vertical-align:bottom;
}

.bbg3readmore {
	padding-bottom: 4px;
}

.bbg3readmore a{
	color: #555;
	padding: 4px 23px 4px 21px;
	text-decoration:none;
	text-transform:uppercase;
}

.bbg3bath{
	background-image:url(../images/img3.gif);
   	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 15px;
	vertical-align:top;
}

.bbg3bed{
	background-image:url(../images/img4.gif);
   	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 15px;
	vertical-align:top;
}

.bbg3car{
	background-image:url(../images/img5.gif);
   	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 15px;
	vertical-align:top;
}

.browse_tool {
	
}

.browse_tool_button{
	display:none;
}

.nav2 { color: #484848; margin: 6px 0; text-align: center; }
.nav2 a { color: #8AB43A; font-size: 10px; margin: 0 10px; text-transform: uppercase; }
.nav3 { color: #8AB43A; margin-top: 100px; width: 350px; }


.gallery { display: table; margin-bottom: 25px; width: 100%; }
.gallery img { float: right; }
.gallery p { float: left; }
.gallery p img { float: none; margin: 0 2px 2px 0; cursor:pointer;}

.tabs { margin-bottom: 16px; }
.tabs ul { height: 30px; margin: 0; padding: 0;}
.tabs li { background: url(../images/tab.gif) left top no-repeat; float: left; list-style: none; margin-right: 1px; text-align: center; width: 110px; }
.tabs li.activ { background: url(../images/tab_a.gif) left top no-repeat; }
.tabs li a { color: #9D9D9D; display: block; font-size: 10px; line-height: 30px; text-decoration: none; }
.tabs td { margin-top:-5px; padding:0px;}
.tabs td ul { background: none;  }
.tabs td li { clear:both; background: url(../images/dot.gif) left center no-repeat; padding-left: 10px; text-align: left; width:auto;}

.tbg2 { background: #F9F9F9 url(../images/tbg2.gif) left top no-repeat; clear: both; }
.bbg2 { background: url(../images/bbg2.gif) left bottom no-repeat; clear: both; padding: 8px 24px 30px 24px; }


.multiple_options_caption{
	font-weight:bold;
}

.bg { background: #777777; color:#FFFFFF; padding: 3px 0px 3px 10px; font-weight:bold}
.c1 { color: #8AB43A; text-decoration: none; }
.list li { background: url(../images/dot.gif) left center no-repeat; list-style: none; padding-left: 10px; }
.list li a { color: #8AB43A; text-decoration: none; }
.list li a:hover { text-decoration: underline; }

/*Organigrama*/

/* STANDARD COMPLETE CSS FOR JOOMLA 1.0.X and MAMBO 4.5.X TEMPLATES */
/* By Dinh Viet Hung (C) http://www.joomlart.com: Free templates and Professional Templates Club */
 
 
/* DEFAULT SETTINGS */ 
/* Below are  default settings are used when no other style has been defined.*/
body {}/*Style for the body tag of your website, controls font family page background, etc.*/
p {} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other 
style has been defined.*/
td {} /*formatting all 
<td> items. This default setting is used when no other style has been defined.*/
tr {} /*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
ul {} /*formatting all UL (unordered list) items. This default setting is used when no other style
has been defined.*/
a:link {} /* general links style*/
a:visited {}
a:hover {}
hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {}
.inputbox {}
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/
 
 
/* NAVIGATION/MENU SETTINGS */
 
a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
 
#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
 
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for those 
"<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
 
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
 
.componentheading {}/* Title of the component being used to display the content.*/
.contentheading {} /* Title of the content, article, etc. being displayed.*/
.contentpane {} /* Table that holds all non-article information (components, 
category lists, contact forms, etc).*/
.contentpaneopen {} /* Table that holds the actual text for an article.*/
.contentpagetitle {} /*Title of articles*/
 
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories 
(News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 
 
 
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a 
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {} 
.sectiontableentry2 {}
 
 
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
 
 
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */
.small {} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
 
 
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
  section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's
news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test
returned 4 matches" box that appears after you have entered a search value.
It appears on the mainbody with the search results */
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
.ontab {}/* For styling of the "Tab" buttons when editing contents through the 
frontend as admin. 
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing 
contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */ 
.tabheading {} /* Not too sure what this is used for. Couldn't find anything 
related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form 
contents (where HTMLArea sits and all its forms + contents) in the frontend 
Administration interface */