/******************************************** web page structure *************************/
html, body {

   margin: 0 auto;
   padding: 0px;

   background-color: #888;
   text-align: center;
   
width: 97%;/* width: 770px; */
   
   /* FORCE SCROLL BAR */
   height: 100%; 
   margin-bottom: 1px;
}

body {
   font-family: Comic Sans MS;
/* Verdana, Arial, Helvetica, sans-serif;*/
   color: #333;
   font-size: 72%;
}

#page {
	padding: 0px;
	width: 100%;
	/*height: 100%;*/
	background: white;
	vertical-align: ; 	
   }

#page.wide {
   background-color: white;
   background-image: none;
}
/* BEGIN: HEADER REGION */
#headerRegion {
   margin: 1px;
   padding: 0px;
   width: 768px;
   height: 63px;
   background: #333;
}

/* END: HEADER REGION */
#topNav {
   height: 30px;
   margin: 1px 1px 1px 1px;
   padding: 0px;
   background: #f4d0f8; /*#c9458c; /*#d694da; */
/*
   text-align:right;
*/
   font-style:italic;
   font-weight: bold;
   color: #b45aa0;
   vertical-align:;
}
#topNavmenu {
   height: 30px;
   margin: 0px 0px 0px 1px;
   padding: 0px;
   background: /*#f4d0f8; /*#c9458c; /*#d694da; */
   text-align:left;
   font-style:italic;
   font-weight: bold;
   color: #b45aa0;
   vertical-align:;
   font-size: 70%;

}


#topNavLeft {
   float:left; 
   height: 30px;
   text-align:left;
   padding-left: 30px;
   font-family: Verdana;
   font-size: 70%;
   background-color: #E1E1E1;
}

#topNavRight{
   height: 30px;
   text-align:right;
   padding-right: 30px;
   font-family: Verdana;
   font-style:italic;
   font-size: 80%;

}
}
#topNavR {
   height: 31px;
   margin: 0px 0px 0px 10px;
   padding: 0px;
   background: #f4d0f8; /*#c9458c; /*#d694da; */
   text-align:right;
   font-style:italic;
   font-size: 80%;
   vertical-align:;
}
#topMenuBar {
   margin: 2px 2px 2px 2px;
   padding: 0px;
   height: 90px;
   background-color: #E1E1E1;
   background-image: url(imatges/iesnou.jpg);
   background-image-align:center;
   background-repeat: no-repeat;
   background-position: 10px;
   text-align:right;
}


/* BEGIN: CONTENT REGION */
#contentRegion {
   position: relative;
   margin: 0px;
   padding: 0px;
   text-align:justify;
}
#pageMenu  {
   position: absolute;
   margin: 0px;
   padding: 0px;
   width: 236px;
   left: 534px;
   top: 1px;
}

#pageMenu table { /* DEPRECATED... don't use tables... still used on education page */
   font-size: 70%; font-family: Comic Sans MS;

}
#pageMenu blockquote {	
   margin: 0px;
   padding: 15px;
   height: 100px;
   background-color: #E1E1E1;
}

#contentBox {
   padding: 0px 15px 0px 15px;
   margin: 0px 0px 15px 0px;
 font-family: Comic Sans MS;
}
#pageHeading {
   padding: 0px 0px 2px 0px;
   margin: 35px 0px 15px 0px;
   /*border-bottom: 1px solid #CCC;*/	/* change to use ltBrdrBtm */
   height: 20px;
}
#pageHeading .image {
   float: left;
   clear: none;
}
#pageHeading .action {
   float: right;
   margin-top: 3px;
}
#pageBottom {
   padding: 3px 0px 15px 0px;
   margin-top: 15px;
   border-top: 1px solid #CCC;	/* change to use ltBrdrTop */
   height: 20px;
}
#pageBottom .action {
   float: right;
   margin-top: 1px;
}

.ltBrdrAll {   border: 1px solid #CCC;          }
.ltBrdrRgt {   border-right: 1px solid #CCC;    }
.ltBrdrLft {	border-left: 1px solid #CCC;     }
.ltBrdrTop, .lightBorderLineTop {	border-top: 1px solid #CCC;      }
.ltBrdrBtm, .lightBorderLineBottom {	border-bottom: 1px solid #CCC;   }
.medBrdrAll {	border: 1px solid #999;          }
.drkBrdrAll {	border: 1px solid #666;          }
.drkBrdrLft {  border-left: 1px solid #666;     }
.drkBrdrRgt {  border-right: 1px solid #666;    }
.drkBrdrTop {	border-top: 1px solid #666;      }
.drkBrdrBtm {	border-bottom: 1px solid #666;   }

.blkBrdrTop,  .darkBorderLineTop {       border-top: 1px solid #000;      }
.blkBrdrBtm, .darkBorderLineBottom {    border-bottom: 1px solid #000;   }
/* END: BORDERS */

/* END: CONTENT REGION */

#footerRegion {
   margin: 0px 0px 0px 0px;
   padding: 0px 1px 0px 0px;
   background: #efbe6c;
   height: 30px;
   width:100%;
   display: block;
   text-align: right;
   font-size: 80%;
   color: #efbe6c;

}
#footerRegion .text{
   margin: 0px;
   padding: 15px 0px 0px 15px;
   float: left;
   color: #b45aa0;
   text-align: left;
}
#footerRegion .image {
   float: right;
}
#footerRegion .copy {
   color: white;
}

#footerRegion a, #footerRegion  a:visited {
   color: ;
}
#footerRegion a:active, #footerRegion a:hover {
   color:;
}


/* END: HOMEPAGE STYLES */

div.blurb p {
   margin-top: 6px;
   padding-top: 1px;
   margin-bottom: 1px;
   padding-bottom: 1px;
}

.visible {
   display: block;
}
.hidden {
   display: none;
}

.td1 {
	background-color: #f4d0f8; #/*efefef;*/
	border: 1px;
	border-bottom-color:#ff0000;
}
td1 :link, .td1:visited {
	color: #c9458c;
        text-decoration: none;
}
#td1 :link:hover, #td1 :visited:hover {
	color: #ff00ff;
        text-decoration: underline;
}

.td2
{
	background-color: #CCCCCC;
}

  

/************ GENERAL *****************/ 
 
a:active {  text-decoration: none}
a:link {  text-decoration: none}
a:visited {  color : #999999;text-decoration: none}
a:hover {  text-decoration: underline; color : #0c8db8;}

body{
 text-align:justify;
 color: #000000;
 font-family: Comic Sans MS;
/*verdana,geneva,arial,helvetica,sans-serif;      */
 margin-bottom:1cm;
 /*margin-left:5px;                               */
}

        a:link { color: #0000ff; }
        a:visited { color: #636; }
        a:hover { color: #333; }
        a:active { color: #000; }       


/* Random HTML Styles */

	hr {
		height: 1px;
		background-color: #000;
		color: #000;
		margin: 2em 0;
	}

	input[type="submit"] {
		font-weight: bold;
	}

/* General Structure */
    body, td, th, input { /* redundant rules for bad browsers  */
   font-family: Verdana;
            font-size: x-small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

    
	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px solid #ccc;    
		font-family: arial, verdana, sans-serif;
                color: #c9458c /*#6593BD*/;
	}
        h1 {color: #c9458c/*#3084D5*/;}

	#header h1 { border: 0; }

	h1 { font-size: 130%; font-weight: bold; }
	h2 { font-size: 130%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }

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

#topNav :link, #topNav:visited {
	color: #2e2b2b;
        text-decoration: none;
}

#topNav :link:hover, #topNav :visited:hover {
	color: #fff;
        text-decoration:  underline;
        /*background-color: #f4d0f8;*/
}

img.floatRightClear { float: right;
clear: right;
margin: 20px; }
img.floatLeftClear { float: left;
clear: left;
margin: 20px; }