 body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border:0;
  font-family: "Verdana, Geneva, sans-serif";
}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 600px;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

#wrapper {
  position: relative;
  width: 900px;
  min-height: 400px;
  margin: 100px auto;
  color: #333;
  }

	a {
		color:#369;
                text-decoration:none;
	}
	a:hover {
		color:#fff;
		background:#369;
		
	}
	h1, h2, h3, h4 {
		margin:.8em 0 .2em 0;
		padding:0;
		clear:left;
	}

.redheader {  margin-top: 35px;
              font-family: "Verdana, Geneva, sans-serif";
              text-align: center;  
              color: red;
                   }

	        p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
   
		
	/* Header styles */
	#header {
		clear:both;
		float: left;
		width:100%;
                text-align: center;    /*  my edit added line */
                background: white;    /* LightBlue */

                box-shadow: -5px -5px 30px skyblue,5px 5px 30px skyblue;

                border-top-left-radius:2em;
                -webkit-border-top-left-radius:2em; /* Safari */
                border-top-right-radius:2em;
                -webkit-border-top-right-radius:2em; /* Safari */

                border-style:solid;
                border-color:steelblue;

                border-left-width:2px;
                border-right-width:2px;
                border-bottom-width:0px;
                border-top-width:2px;

                
	}

	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;

	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background: SkyBlue;
		border-top:0px solid #000;  /* edit 4px  */
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
       	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;
                             		/* This chops off any overhanging divs */

                border-style:solid;
                border-color: steelblue;
                border-left-width:2px;
                border-right-width:2px;
                border-bottom-width:2px;
                border-top-width:0px;

                box-shadow: -5px -5px 30px skyblue,5px 5px 30px skyblue;

                border-bottom-left-radius:2em;
                -webkit-border-bottom-left-radius:2em; /* Safari */

                border-bottom-right-radius:2em;
                -webkit-border-bottom-right-radius:2em; /* Safari */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;

	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background: #fdfdfd;		/* right column background colour */

	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background: LightBlue;	        /* left column background colour LightBlue */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	.ventana_flotante {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #DDDDDD;
		border-radius: 6px 6px 6px 6px;
		bottom: 50px;
		left: auto;
		margin-left: 10px;
		margin-top: 100px;
		padding: 10px 0 0;
		position: fixed;
		text-align: center;
		width: 90px;
		z-index: 15;
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:0px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	h2.red {color: red;                     /* <h2 class="red"> */  
        font-weight: bold;
        text-align: center;
        }
        h3.center {text-align: center         /* <h3 class="center"> */
        }
        .bold { font-weight: bold;
        }
        .format{white-space:pre-line;
        }
        .blue { 
        color: #369;
        font-size:110%;
        font-family: "Comic Sans MS";         
		text-align:justify;
        }
        .bluetext { 
        display:inline-block;  
        text-indent: 0px; 
        padding: 0 1cm 0 1cm;
        color: #369;
        font-family: "Comic Sans MS"; 
        font-size:105%;         
        }
        ul li {line-height:1.5em;
        }         
        .disc {       
        font-family: Times New Roman;                      
      /*  font-size: 10pt; */
        }
        .indent {
        color: black;
        text-indent: 0px; 
        padding: .6cm 2cm .6cm 2cm;
        font-size:105%;   
        }
        .botspace { 
        margin-bottom: 1.6em;
        }
        .advert {
        font-family: Times New Roman;                      
        font-size: 10pt;
        text-align:right;
        }
        div.ad {
        text-align:center;
       } 
       .transp {
               opacity:0.3;
               filter:alpha(opacity=30); /* For IE8 and earlier */
       }   