body {
	SCROLLBAR-FACE-COLOR: rgb(0,128,64); 
	SCROLLBAR-HIGHLIGHT-COLOR: rgb(255,255,192);
	SCROLLBAR-SHADOW-COLOR: rgb(0,96,47); 
	SCROLLBAR-3DLIGHT-COLOR: rgb(0,96,47); 
	SCROLLBAR-ARROW-COLOR:rgb(255,255,192);
	SCROLLBAR-TRACK-COLOR:rgb(255,255,192);
	SCROLLBAR-DARKSHADOW-COLOR: rgb(0,96,47);
	font-family: Verdana;
}

p{
	margin-left: 40;
	text-indent: 9;
	margin-right:20;
	align:justify;	
	font-size:10pt;
}

hr {
	color:green;
	align:center;	
}


/* link rules */
a:link {color:green}
a:hover{color:blue}
a:visited{color:green}

.trCabeceraTableSort{
	font-size:8pt;
	font-weight: bold;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	background-color: #CCD24E;
	text-decoration: underline;
	-moz-border-radius: 16px 16px 16px 16px;
	text-align: center;
	cursor:hand;
	cursor:pointer;
	
}

.trCabeceraTableSort2{
	font-size:8pt;
	font-weight: bold;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	background-color: #F6FF46;
	-moz-border-radius: 16px 16px 16px 16px;
	text-align: center;
	cursor:hand;
	cursor:pointer;
	
}

.tableSort{
border-collapse: separate;
border-spacing: 5px
}

.tdDatosTableSort{
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	background-color: #FFFFAA;
	-moz-border-radius: 16px 16px 16px 16px;
	text-align: center;
	font-weight: bold;
}

.trDatosTableSort{
	font-size:7pt;

	
}

div#cab {


    clear: both;


    background-color: yellow;


    padding: 1px;


}


div#left {

    float: left;
    width:270px;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px;
    background-image: url(../images/middle.gif);
    background-position: bottom left;
    background-repeat: repeat-y;
    margin: 0px 0px 0px 65px;


}


div#right {
    float: right;
    width:270px;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px;
    background-image: url(../images/middle.gif);
    background-position: bottom left;
    background-repeat: repeat-y;
    margin: 0px 65px 0px 0px;
}


div#middle {

    width:270px;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px;
    background-image: url(../images/middle.gif);
    background-position: bottom left;
    background-repeat: repeat-y;

 margin: 0px;
}


div#footer {


    clear: both;


    background-color: yellow;


}


#left h5 {
  background-image: url(../images/header.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin:0;
    color: #fff;
    text-align:center;
    padding: 5px;
}

#middle h5 {
  background-image: url(../images/header.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin:0;
    color: #fff;
    text-align:center;
    padding: 5px;
}

#right h5 {
  background-image: url(../images/header.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin:0;
    color: #fff;
    text-align:center;
    padding: 5px;
}

#left p{
   background-image: url(../images/bottom.gif);
   background-repeat:no-repeat;
   background-position: bottom left;
   margin:0;
   padding: 5px 11px;
}

#middle p {
   background-image: url(../images/bottom.gif);
   background-repeat:no-repeat;
   background-position: bottom left;
   margin:0;
   padding: 5px 11px;
}

#right p {
   background-image: url(../images/bottom.gif);
   background-repeat:no-repeat;
   background-position: bottom left;
   margin:0;
   padding: 5px 11px;
}


.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 200px;
}
		
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-align: left;
	padding: 0px 0px 0px 44px;
	background: url(arrowbullet.png) no-repeat 10% 50%; /*custom bullet
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/

	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background: url(arrowbullet.png) no-repeat 10% 50%; /*custom bullet
	display: block;
	text-align: left;
	padding: 0px 0px 0px 44px;
	height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
}

.arrowgreen li div{
padding: 0px 15px 0px 50px;
text-indent: 10px;
 text-align: left;
color: gray;
font-size: 9px;
} 

.arrowgreen li span{
color:black;
font-size: 10px;
vertical-align: top;
font-style: italic;
}