/* basic stylesheet with navigation on left */

/* /////////////// basic elements /////////////// */

body {
margin:0;
padding:0;
font: 75%/1.4 Arial, Helvetica, sans-serif;
background:#000000 url(body_bgwd1.jpg) top repeat-y;
text-align:center;
}

h1 {
	display: none;
}

h2 {
font-size: 140%;
padding-top: 0px;
padding-bottom: 4px
}

h3 {
font-size: 125%;
height:39px;
margin:0;
padding:0;
}

h4 {
	font-size: 110%;
}

p {  color:#003366;
	margin: 0;
	padding: 0 0 5px 0;
}

a {
	color: #D9189F;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {
	color: #FC7AD5;
	background-color: transparent;
}


/* ////////////// layout ///////////////// */

#page { position:relative;
        width:970px;
        background-color:#ffffff;
        margin:0 auto;
        padding:0;
        color:#454545;
        text-align:left;
}

#main {
position: absolute;
top: 275px;
width:759px;
height:95%;
}
#people {
position: absolute;
top: 193px;
width:959px;
height:95%;
}
#content { position: absolute;
top: 180px;
left:0;
height:522px;
width:970px;
border-top:3px solid #DFDFDF;
}
#rtcontent { position:relative;
             float:right;
             left:-10px;
			 width:486px;
			 top:0;
			 margin-top:10px;
			 background-color:#FFFFFF;
			 border:2px solid #003366;
			 padding:10px;
			 font:bold 12pt/1.2 Arial, Helvetica, sans-serif;
			 color: #003366;
			 z-index:10;
}
#rtcontent a:link { text-decoration:none;
                    font-weight:normal;
                    color:#0066CC;
}
#rtcontent a:visited { text-decoration:none;
                       font-weight:normal;
                       color:#003366;
}
#rtcontent a:hover  { background-color:#CCCCCC;
}
#ltcontent { position:relative;
             float:left;
             left:22px;
			 width:360px;
			 top:75px;
			 margin-top:10px;
			 background-color:#FFFFFF;
			 border:2px solid #003366;
			 padding:10px;
			 font:normal 10pt/1.2 Arial, Helvetica, sans-serif;
			 color: #003366;
			 z-index:10;
}
#ltcontent a:link { text-decoration:none;
                    font-weight:normal;
                    color:#0066CC;
}
#ltcontent a:visited { text-decoration:none;
                       font-weight:normal;
                       color: #003366;
}
#ltcontent a:hover  { background-color:#CCCCCC;
}
#address a:link { text-decoration: underline;
                  font-weight:normal;
                  color: #FF0000;

}
#address a:visited { text-decoration: underline;
                     font-weight:normal;
                       color: #990066; 
}
#header { position:absolute;
          width:970px;
          top:0px;
          height:158px;
          background:url(top7.jpg); background-repeat: no-repeat;
		  border-right:2px solid #666666;
		  
}
	.headerTitle {
	position: absolute;
	top: 5px;
	right:475px;
	font:bold 24pt/1.2 Arial, Helvetica, sans-serif-size;	
	color:#003366;
	}
    .headerWelcome  {
	position: absolute;
	top: 0px;
	left: 10px;
	font:bold 24pt/1.2 Arial, Helvetica, sans-serif-size;
	color:#003366;
	}
	
	.headerTitle a {
	color: #003366;
	text-decoration: none;
	background-color: transparent;
	}
	
	.headerTitle a:hover {
	color: Fuchsia;
}
    .logosize { width:130px;
	            height:120px;
	}
	.chaliceLogo {
	position: absolute;
	left: 13px;
	top: 20px;
	
	}

	.chaliceLogo a {
	background-color: transparent;

	}



#nav { position:absolute;
       top:160px;
	   width:750px;
	   margin-left:260px;
	   padding-top:1px;
	   font: bold 10pt/1.2 Arial, Helvetica, sans-serif;
}  

#nav a {
	text-decoration: none;
	color: #505050;
	margin:0 0 0 0;
	padding: 0;
}
	
#nav a:hover {
	color: #ee3399;
}

#nav a.on {
	color: #EF5215;
}

	#footer {
	position: relative;
	width:970px;
	top: 10px;
	left: 0;
	margin: 5px;
	padding: 5px;
	text-align: center;
	font-size: 8pt;
	}
	
#footer a{
text-decoration:none;
color:#aaa;
}

#footer a:hover{
color:#333;
}

.clearfix {
	clear: both
}

.bold {
	font-weight: bold;
}
.red {
	color: #f00;
}

/* /////////////  images ////////////// */

.imageright {
	float: Right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.imageleft {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
}



.button {
	margin: 4px 4px;
	margin-right: 4px;
	padding: 3px;
	border: 4px solid #ccc;
	background-color: #ccc;
	text-align: center;
	border-style: outset;
}

.button a {
	font-weight: bold;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 0 0 2px 0;
}	

.button a:hover {
	text-decoration: none;
	background: #6B8E23;
	color: #7FFF00;
}

#nav a.sub {
	display: block;
	padding: 2px 5px 2px 0.5em;
	font-size: 0.8em;
	margin-left: 20px;
	margin-bottom: 2px;
	line-height: 50%;
}

#nav a.subon {
	display: block;
	padding: 2px 5px 2px 0.5em;
	font-size: 0.8em;
	margin-left: 20px;
	margin-bottom: 2px;
	line-height: 50%;
	color: #EF5215;
}

.box {
	margin-right: 4px;
	padding: 3px;
	border: 1px solid #000;
	background-color: #f3f3f3;
	text-align: center;
}
.ga a:link {color:#003366;
            text-decoration:none;
}
.ga a:visited { color:#003399;
                text-decoration:none;
}
a.tooltip span {
	display:none;
	padding:4px 6px;
	margin-left:-250px;
	margin-top:170px;
	width:360px;
	z-index:50;
}
a.tooltip:hover span{
	display: inline;
	position:absolute;
	background:#fec;
	border:1px solid #900;
	color:#000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	z-index: 100;
}
a.tooltipbot span {
	display:none;
	padding:4px 6px;
	margin-left:-250px;
	margin-top:-300px;
	width:360px;
	z-index:50;
}
a.tooltipbot:hover span{
	display:inline;
	position:absolute;
	background:#fec;
	border:1px solid #900;
	color:#000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	z-index: 100;
}
a.tooltiprt span {
	display:none;
	padding:4px 6px;
	margin-left:25px;
	margin-top:-100px;
	width:360px;
	z-index:6;
}
a.tooltiprt:hover span{
	display:inline;
	position:absolute;
	background:#fec;
	border:1px solid #900;
	color:#000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	z-index: 7;
}
a.tooltiprt2 span {
	display:none;
	padding:4px 6px;
	margin-left:25px;
	margin-top:-440px;
	width:360px;
	z-index:6;
}
a.tooltiprt2:hover span{
	display:inline;
	position:absolute;
	background:#fec;
	border:1px solid #900;
	color:#000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	z-index: 7;
}
a.tooltiplt span {
	display:none;
	padding:4px 6px;
	margin-left:-550px;
	margin-top:-100px;
	width:360px;
	z-index:4;
}
a.tooltiplt:hover span{
	display:inline;
	position:absolute;
	background:#fec;
	border:1px solid #900;
	color:#000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	z-index: 5;
}
a.tooltiplt2 span {
	display:none;
	padding:4px 6px;
	margin-left:-550px;
	margin-top:-200px;
	width:360px;
	z-index:4;
}
a.tooltiplt2:hover span{
	display:inline;
	position:absolute;
	background:#fec;
	border:1px solid #900;
	color:#000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	z-index: 5;
}
a.tooltipqm span {
	display:none;
	padding:4px 6px;
	margin-left:-210px;
	margin-top:-100px;
	width:240px;
	z-index:4;
}
a.tooltipqm:hover span {
	display:inline;
	position:absolute;
	background:#fec;
	border:1px solid #900;
	color:#000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	z-index: 5;
}
.images  { z-index:0;
}
.quest { font-size:100%;
}
#archive td { font:normal 10pt/1.2 Arial, Helvetica, sans-serif;
              color:#003366;
}
