@CHARSET "UTF-8";
body, html {
  margin: 0px;
  padding: 0px;
  border: none;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(bg.jpg) no-repeat top center #cacaca;
}

#container {
  margin: auto;
  width: 850px;
}

a
{
	color: #207687;
}
a:hover
{
	text-decoration: none;
}

#logo h1 {
  float:left;
  display:block;
  padding-top:21px;
  text-indent:-2000px;
  margin: 0;
}

#logo h1 a {
  width:200px;
  height:53px;
  display:block;
  background:url(logo.png) no-repeat;
}

#header ul {
	margin-top: 15px;
    display:block;
    float:right;
    width:330px;
    height:40px;
    background:url(nav.png) no-repeat 0 -2px;
    list-style:none;
  padding: 0px;
  border: none;
  }
  
 #header ul li {
    display:block;
    float:left;
    height:40px;
    text-indent:-10000px;
    
  }

#home {
    width:40px;
    
  }
  #about {
    width:96px;
  }
  #fotos {
    width:111px;
  }
  #contact {
    width:80px;
  }

#header ul li a {
    display:block;
    width:100%;
    height: 32px;
  }

  
 #home a:hover {
    background:url(nav.png) no-repeat 0 -38px;
    
  }
  #about a:hover {
    background:url(nav.png) no-repeat -40px -38px;
  }
  #fotos a:hover {
    background:url(nav.png) no-repeat -136px -38px;
  }
  #contact a:hover {
    background:url(nav.png) no-repeat -247px -38px;
    
  }
  
  
#welcome {
  float: left;
  width: 845px;
  background-image: url(images/content_background.png);
  background-repeat: no-repeat;
}
h2 {
  color: #207687;
  font-size: 16px;
}
.heading-color2 { color: #9a9a9a; }
#welcome-text {
  line-height: 18px;
  padding-top: 10px;
  float: left;
}

.separator {
	background-image:url("sepm.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	height:12px;
	margin-bottom:20px;
	margin-top:20px;
}

#sidebar {
	float: right;
	width: 230px;
	}
	
#sidebar img {
	border: 2.25px solid #207687;
	}

#content {
  float: left;
  width: 600px;
  min-height: 600px;
  margin-bottom: 50px;
}
#content p { margin-bottom: 10px; font-size:13px; line-height:20px; }

#footer {
	background-image:url("footerbg.jpg");
  width: 100%;
  height: 162px;
}



#footer-text {
	margin: auto;
  width: 850px;
  height: 120px;
}

#footer a {
	color: #ffffff;
	}
	
#footer-left {
	float: left;
	width: 500px;
	color: #FFFFFF;
}

#footer-right {
	float: right;
}

.miniCal {
	float: left;
	border: 1px solid #CCCCCC;
	background-color: #207687;
	color: white;
	font-size: 12px;
	width: 35px;
	text-align:center;
	margin: 5px;
	margin-top: 0px;
	
}

.miniCal div {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin: 3px;
	color:black;
}

.miniCal div span {
	font-size: 22px;
}

.pageNo {
	font-size: 14px;
}

h1 {
	color: #207687;
}

h1 a {
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}

ul.album {
	padding: 0;	
}

.album li {
	float: left;
	list-style-type: none;
}

.album li p {
	padding-left: 5px;
	margin-top:0;
}

.album li img {
	padding: 3px;
	border: 1px solid #FFFFFF;
}

.imgalt {
	min-height: 50px;
}

.imgorg {
	margin: 12px;
}

.albumside li {
	float: left;
	list-style-type: none;
	margin: 5px;
	width:150px;
	height: 80px;
	border: 1px solid #ffffff;
	margin: 3px;
}

.albumside p {
	background-color: #ffffff;
	padding-left: 5px;
	padding: 3px;
	/* for IE*/
	filter:alpha(opacity=75); 
	/* CSS3 standard */
	opacity:0.75; 
}

#up {
	background-color: #cacaca;
	width: 20px;
	height: 25px;
	text-align: center;
	font-type: bold;
	float: left;
	padding: 3px;
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-radius: 0 0 0.5em 0.5em;
}

#up a {
	text-decoration: none;
	font-size: 22px;
	color: #000000;
}

#content img {
	padding: 3px;
	margin: 5px;
	border: 1px solid #999999;
}

img.sol {
	float: left;
}

img.sag {
	float: right;
}