/* style for Beltrami Family's website */

body
{	font-family: Helvetica, Sans-Serif;
	color: #535353;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	background: #edf4fa; 
	font-size: 13pt;
	color: #273958;
	text-align: left;
	/* background-color: #fbfdff; #d7e7f7 */		
} 

/* pageheaders */
h1
{	margin: 0; padding: 0;
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
}
h2
{	margin: 0; padding: 2px 0 2px 0;
	text-align: left;
	font-size: 13pt;
	font-weight: normal;
}
h3
{	margin: 0; padding: 10px 0 0 0;
	text-align: center;
	font-size: 13pt;
	font-weight: bold;
}
h4
{	margin: 0; padding: 10px 0 10px 0; 
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
}
h5
{	margin: 0; padding: 20px 0 20px 10px;
	text-align: left;
	font-size: 13pt;
	font-weight: normal;
}

a:link, a:visited {	color: #1c57b6; text-decoration: none; }
a:hover { color: #f81d20; text-decoration: none; }

img { width: 100%; height: auto; border: none; }
img.flag { width:25px; }
 
p { text-align: justify; }
	
/* header, nav */
header { margin: 0; padding: 0; width: 100%; display: inline-block; background: #cadbef; }
nav { margin: 0; padding: 0; width: 100%; }
nav ul { margin: 0; padding: 0; list-style-type: none;	}	
nav li { margin: 0; padding: 15px 25px 15px 15px; float: left; text-align: left; }


/* container, banner, maincontent, ... */
#container { clear: left; margin: -10px 0 0 0; padding: 0; width: 100%; background: #edf4fa; }

/* banner */
.banner { clear: both; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.banner img { border-style: solid; border-width: 0 0 1px 0; border-color: #1c57b6; }
.bannerstamp { position: absolute; top: 0; right: 5%; width: 190px; height: 190px; }
.bannerstamp img { border: none; }
.bannerheading { position: absolute; bottom: 5px; left: 0; background: url(pics/Bannerheading.png); padding: 15px; }
.bannerheading h1 { display: inline; color: #fff; }
.bannerheading h2 { display: inline; margin-left: 20px; color: #fff; border-style: solid; border-color: #fff; border-width: 1px 0 1px 0; } 

/* maincontent */
#maincontent
{ margin: 10px 0 10px 0; padding: 0; width: 100%; background: #edf4fa; }
#maincontent p { padding: 0 15px 0 15px; }

.yearpics 
{	margin: 10px 10px 0 10px; padding: 0; float: left; width: auto; min-height: 260px; overflow: show; }
.yearpics ul { margin: 0; padding: 0; list-style-type: none; }	
.yearpics li { margin: 0; padding: 0 0 5px 0; }


/* footer */
#footer 
{ clear: both; float: left; margin: 50px 0 0 0; padding: 0; width: 100%; }
#footer p { text-align: center; }


/* slideshows */
.rslidescontainer { margin:0 auto 0 auto; padding:0; width:100%; max-width:1000px; position:relative; text-align: center; }
.rslidescontainer h1 { position: absolute; top: 0; left: 0; width: 100%; display: block; text-align: center; z-index: 1; }
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.rslides li { backface-visibility: hidden; -webkit-backface-visibility: hidden; position:absolute; display:none; width:100%; left:0; top:0; }
.rslides li:first-child { position:relative; display:block; float:left; }
.rslides img { display:block; width: 100%; max-width: 1000px; height:auto; float:left; border:0; z-index: 2; }
.rslides .caption { display:block; position:absolute; left:0; right:0; top:0;
padding:10px 0; margin:0; z-index:3; max-width:none; font-size:98%; text-shadow:none; color:#273958; background-color:#fbfdff; text-align:center; }
.rslides_nav { position:absolute; top:65%; left:0; opacity:0.7; z-index:4;
text-indent:-9999px; overflow:hidden; height:48px; width:30px; background:transparent url("pics/prevnext2.png") no-repeat left top; margin:-45px 0 0 0; }
.rslides_nav.next { left:auto; right:0; background-position:right top; }
.rslides_nav:focus { outline:none; }
.rslides_nav:active { opacity: 1.0; }



/* video size */
@media (max-width: 500px) {
.widescreen, .midscreen { display: none; }
.bannerheading { position: relative; top: 40px; left: 0; display: block; background: url(pics/Bannerheading-s.png); }
.bannerstamp { width: 140px; height: 140px; }
#maincontent { margin-top: 50px; }
}
@media (min-width: 501px) and (max-width: 560px) {
.widescreen, .midscreen { display: none; }
.bannerheading { position: relative; top: 20px; left: 0; display: block; background: url(pics/Bannerheading-s.png); }
.bannerstamp { width: 150px; height: 150px; }
#maincontent { margin-top: 50px; }
}
@media (min-width: 561px) and (max-width: 700px) {
.widescreen, .smallscreen { display: none; }
.bannerheading { position: relative; top: 10px; left: 0; display: block; background: url(pics/Bannerheading-s.png); }
.bannerstamp { width: 170px; height: 170px; }
#maincontent { margin-top: 30px; }
}
@media (min-width: 701px) {
.midscreen, .smallscreen { display: none; }
}