@charset "utf-8";
/* CSS Document */

body {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #f7f4ee; /** Website BG colour (matches canvas colour in Step 1) **/
	background-image: url(images/back.gif); /** Link to the image you created **/
	background-repeat: repeat-y; /** Repeats the image vertically **/
	background-position: center; /** Centers the Background image **/
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:98%;
}
#pagetop{
   	height:50px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/top.gif); /** Link to the image you created **/
	background-position: center; /** Centers the Background image **/
	background-repeat:no-repeat;
	overflow: hidden;
}
div.my_wrapper{
    width: 630px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	}
div.my_header{
    height:100px;
    overflow: hidden;
	background-image: url(images/H-5.gif); /** Link to the image you created **/
	background-position: right; /** Centers the Background image **/
	background-repeat:no-repeat;
	margin-bottom:30px;
	}
div.menu{
	text-align: center;
	float: right;
	list-style: none;
	padding-right: 5px;
	margin-top:20px;
	color: #FFFFFF;
	/*font:86%
	background: url(back-nav.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	width: 9em;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #0d2474;
	text-decoration: none;
	width:30 em*/
	    }
div.menu a {
	color: #FFFFFF;
	text-decoration: none;
	}
/*#logo {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:left;
	}*/
div.my_left_box{
    float: left;
    padding: 10px;
    width: 400px;
   	text-align:justify;
	font-size:90%;
	 }
#my_right_box{
	float: right;
	padding: 10px;
	margin-bottom:10px;
	width: 180px;
	border-left: 0.1em solid #dcdce9;
	line-height: 150%;
		}
#nav-menu{
background:url(images/Grafica1.gif)center repeat-y;
}
#nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
text-align:center;
} 
#nav-menu li {
margin-bottom: 0.15em;
padding:0;
text-align:center;
}
#nav-menu li a {
/*background: url(images/css-nav.gif) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
display: block;
/*border: 0.1em solid #dcdce9;*/
color: #0d2474;
text-decoration: none;
text-align: center;
} 
#nav-menu li a:hover {
text-decoration: underline;
}	
#new {
margin-top:0.9em;
background-color:#dcdce9;
text-align:center;
color:#24336c;
font-weight:bold;
}

div.list ul{
list-style-type:none;
background-color:#dcdce9;
padding:0px;
margin:0px;
	 }
	 
div.list li{
margin: 5px;
	 }
div.list img{
	float:inherit;
	background-color: #99FFFF;
	 }
#banner{
	margin-top:0.5em;
	text-align: center;
	color:#996666;
}
#profile{
	margin-top:0.5em;
	padding-top:0.2em;
	text-align: center;
	color:#24336c;
	border-top:0.1em solid #dcdce9;
}
#profile a {
  text-decoration: none;
  }
#profile a:hover {
  text-decoration: underline;
  }
div.my_footer{
	clear:both;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	color:#FFFFFF;
	background-color:#996666;
		}
	
#image{
	float:left;
	clear:right;
	/*width:281px;*/
	padding:10px 10px 10px 0px;
	text-align: center;
	font-size:80%;
	color:#957480;
	font-style:italic;
	}
p.big {line-height: 125%
	}
p.new{margin-top:0.9em;
background-color:#dcdce9;
text-align:center;
color:#24336c;
font-style:italic;
	}
.H1{
	color:#996666;
	text-align:right;
		}
.H1-home{
	color:#996666;
	text-align:center;
		}
.H2{
	color:#24336c;
		}
.H3{
	color:#87AAD4;
		}
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.link {
	border:0;
}