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

body {background-color:#AA5; z-index:-1; background-image:url(../img/bck_gr.png); background-attachment:fixed; background-repeat:no-repeat; background-position:center; background-size:100%;}

.skiplink {display:none; text-decoration:none; height:0px;}

#container { z-index:1; width:100%; position:absolute;top:0px;} 

#container2 { z-index:10; width:970px;position:relative; min-height: 315px; top:230px; left:50%; background-image:url(../img/tile.png); background-attachment:scroll; background-repeat:repeat-y; background-position:0px 0px; margin:0 0 1px -485px;}

#header { z-index:10; width:970px; height:230px; position:absolute; top:0px; left:50%; margin-left:-485px; background-image:url(../img/header2.png); background-attachment:scroll; background-repeat:no-repeat; background-position:0px 0px;}
	
#share {z-index:11; width: 215px; height:32px; position:absolute; top:148px; left: 707px; padding-top:5px; padding-bottom:5px; border:none;}	

	
#menu
	{
	background-image: url("../img/menu.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px  0px;
	top: -43px;	
	left: 15px;	
	min-height: 433px;
	margin-right:25px;
	z-index: 12;
	}
	
#menu2
	{
	background-image: url("../img/menu2.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px  0px;
	top: -11px;	
	left: 765px;	
	margin-left:25px;
	min-height:300px;
	z-index:3;
	}


#menu, #menu2
	{
    width: 160px;
	position: absolute;
	font-family: "Caflisch Script Pro", "Caflisch Script", "Brusch Script STD", "Brusch Script MT", "Brusch Script", Cursive; color: #006;font-size: 22px;
	line-height:22px;
	}
	
	#menu ul, #menu2 ul
	{
	list-style-type: none;
	width:155px;
	padding:0;
	margin:78px 0 0 0;
	}
	
#menu ul li, #menu2 ul li
	{
	display: block;
	margin-bottom:15px;
	background-color:#FFF;
	vertical-align:middle;
	text-align:left;
	}
	
#menu ul li
	{
	padding: 5px 5px 5px 10px;
	}
	
#menu2 ul li
	{
	padding: 5px 10px 5px 5px;
	}		
	
#menu a:link, #menu a:visited, #menu2 a:link, #menu2 a:visited {text-decoration: none; border-style:none; color:#006;}

#menu a:hover, #menu2 a:hover {text-decoration: none; border-style:none; color:#939;}

.dropcap p:first-child:first-letter {
    font-family: "Caflisch Script Pro", "Caflisch Script", "Brusch Script STD", "Brusch Script MT", "Brusch Script", Cursive;font-size: 128px; float: left; margin: 0 10px 0 0; line-height: 0.5;
}	

.dropcap p:first-child:first-letter {
    font-family: "Caflisch Script Pro", "Caflisch Script", "Brusch Script STD", "Brusch Script MT", "Brusch Script", Cursive;font-size: 128px; float: left; margin: 0 10px 0 0; line-height: 0.5;;
    text-shadow: 1px 1px 0 #CDF, 2px 2px 0 #FFF;
}	
	

	
.content
	{
	position: relative;
	top: 0px;
	left: 160px;
	width: 560px;
	z-index:3;
	padding: 5px 5px 25px 5px;
	margin-right:25px;
	margin-left:25px;
	}
	
	.content a:link, a:visited {text-decoration: none; border-style:none;}
	
	.content a:visited {color: #939;}
	
	.content a:link{color: #F60;}
	
	.content a:hover{color:#F90; text-decoration: underline; border-style:none;}
	 
	
	.content p {text-align:justify;font-family: Garamond, Times, serif; font-size: 16px; color: #006;}
	
	#menu2 h1, h2, h3, h4, h5, h5{font-family: "Caflisch Script Pro", "Caflisch Script", "Brusch Script STD", "Brusch Script MT", "Brusch Script", Cursive; color: #006;font-size: 32px;line-height:22px;}
	

#base { z-index:10; width:970px; height:125px; position:relative; top:205px; left:50%; margin-left:-485px; background-image:url(../img/footer.png); background-attachment:scroll; background-repeat:no-repeat; background-position:0px 0px;}
	
#footer
	{	
	position: relative;
	left: 150px;
	width: 560px;
	z-index:11;
	padding: 15px 5px 5px 5px;
	font-family: Garamond, Times, serif; color: #006;font-size: 12px;
	text-align: center;
	margin: 25px 25px 0px 25px;
	border-top: dotted 2px #006;
	}
	
#footer ul
	{
	list-style-type: none;
	}
#footer ul li
	{
	display: inline;
	padding: 0px 2px 0px 2px;
	}
	
#footer ul li a:link, footer ul li a:visited {text-decoration: none; border-style:none;}
	
	#footer ul li a:visited {color:#939;}
	
	#footer ul li a:link {color:#F60;}
	
	#footer ul li a:hover {color:#F90; text-decoration: underline;border-style:none;}
	
.gerald
	{
	position: relative;
	background-image: url("../img/gerald2.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 15px  0px;
	float: right;
	width: 40%;
	height: 315px;
	padding: 1px;
	z-index: 13;
	}

.contact_pic
	{
	position: relative;
	background-image: url("../img/figurepic.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px  15px;
	float: left;
	width: 40%;
	height: 230px;
	padding: 1px 1px 25px 1px;
	z-index: 13;
	}

.pic_r
{position:relative;
top:0px;
margin-top:0px;
margin-bottom:20px;
margin-right:0px;
margin-left:5px;
padding:0;
float:right;
border:none;
text-align:center;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.clear_right {
	clear: right;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.clear_left {
	clear: left;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.icon {display:inline; padding:.3em; margin:0; position:relative; height:32px; width:32px; vertical-align:middle;}