/* Inspired by css Zen Garden submission 'Friendly Beaches' by Sophie G - www.sophie-g.net */

body {
	background-color: #fff;
	margin: 0px;
	padding: 10px;
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 90%;
	color: #6148fc;
}
a:link {
    color: #336d99;
	font-weight: bold;
    text-decoration: none;
}
a:visited {
    color: #336d99;
	font-weight: bold;
text-decoration: none;
}
a:hover {
color: #000000;
	font-weight: bold;
text-decoration: none;

}
a:active {
color: #336d99;
	font-weight: bold;
text-decoration: none;
}

p {
line-height:160%;
  font-size: 12px;
}

/*/*/a{}
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
  font-size: small;
}
/* */
#r21webpage{
	background-color: #e8ffe0;
	border: 1px solid #92b381;
	padding: 0px;
	margin: 0px;
}

#pageHeader {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-color: #e8ffe0;
}


#pageHeader h1 {
	height: 190px;
	margin: 0px;
	background-image: url(siteimages/spacer.gif);
    background-color: ##e8ffe0;
	background-repeat: no-repeat;
	     z-index: 2; 	
}



#pageHeader h2 {
	background-color: ##e8ffe0;
	margin: 0px;
	height: 24px;
	padding: 0px 14px 2px 14px;
	background-image: url(siteimages/titlestrip3.gif);
	background-repeat: no-repeat;
}

#logonhomebutton p.p1 {
	position: 	right: 18px;
	top: 21px;
	width: 165px;
	height: 165px;
	padding: 0px;
	margin: 0px;
	border: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 100%; 
	
}
#logonhomebutton p.p1 span {
	display: block;
	padding: 3px;
}
#welcome {
	padding: 0px 15em 0px 3em;
}
#welcome h3 {
	margin: 15px 0px 0px 0px;
	padding: 6px 20px 2px 6px;
	text-align: left;
	font-size: 180%;
	font-variant: small-caps;
	color: #6a52fc;
	background-image: url(siteimages/shadowrightsidetop2.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	background-color:  #FFF;
}
#welcome h3 span {
	display: block;
	padding: 20px 0px 15px 48px;
	background-image: url(siteimages/welcomelogor21.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#welcome p {
	text-align: justify; 
}
#welcome p.p1, #welcome p.p2 {
	margin: 0px;
	padding: 10px 30px 2px 20px;
	background-image: url(siteimages/shadowrightside2.gif);
	background-repeat: repeat-y;
	background-position: 100% 0px;
	background-color:  #FFF;
}
#welcome p.p3 {
	margin: 0px;
	padding: 0px;
	background-image: url(siteimages/shadowbottomrightside2.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-color:  #FFF;
}
#welcome p.p1 span, #welcome p.p2 span, #welcome p.p3 span {
	display: block;
}
#welcome p.p3 span {
	margin: 0px;
	padding: 10px 20px 20px 6px;
	background-image: url(siteimages/shadowbottomleftside2.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;

}
#maintext {
	margin: 0px;
	padding: 10px 16em 0px 1em;
	font-size: 90%;

}
#currentnews, #stayintouch, #markcalendars, #cameocorner {
	border: 2px solid #86b276;
	padding: 0px;
}
#currentnews {
	margin: 0px 0px 10px 0px;
}
#stayintouch {
	margin: 0px 0px 10px 0px;
	float: left;
	width: 30%;
}
#markcalendars {
	margin: 0px 0px 10px 32%;
}

#stayintouch p.p3 {
text-align:center;
}

.float {
float:left; margin: .35em 1em 1em 0; 
display:inline;

}
.floatpixlotsoftext {
float:left; margin: .35em 1.3em 0 0; 
display:inline;

}

.gwm {margin: 0 10 0 10;
}

#cameocorner {
	margin: 0px 0px 10px 32%;
}
#maintext h3 {
	margin: 0px;
	padding: 5px 30px 1px 2px;
	text-align: left;
	font-size: 120%;
	font-variant: small-caps;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #8470fc;
	background-color: #8470fc;
	background-repeat: no-repeat;
	background-position: 100% 50%;

}
#currentnews h3 {
	background-image: url(siteimages/currentnews2b.jpg);
}
#stayintouch h3 {
	background-image: url(siteimages/stayintouch2.jpg);
}
#markcalendars h3 {
	background-image: url(siteimages/markcalendars2.jpg);
}
#cameocorner h3 {
	background-image: url(siteimages/cameocorner2.jpg);
}
#maintext p {
    text-align: justify;
	margin: 10px 20px 0px 20px;
	padding: 1px 3px 2px 3px;
}
#maintext a:link {
	color: #336d99;
	font-weight: bold;
}
#maintext a:visited {
    color: #336d99;
	font-weight: bold;
}
#maintext a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#maintext a:active {
	color: #336d99;
	font-weight: bold;
	text-decoration: none;
}
#linkList, #logonhomebutton p.p2 {
	font-size: 90%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	position: absolute;
right: 21px;
	width: 12.5em;
	border: 1px solid #8470fc;
	padding: 0px;
	margin: 0px;
	background-color: #8470fc;
}
#logonhomebutton p.p2 {
	height: 50px;
	text-align: center;
	top: 212px;
	     z-index: 4;	
}

#logonhomebutton p.p2 span {
	font-size: 100%;
    font-weight: bold;
	display: block;
	padding: 3px;
	color: #FFF;
	background-color:#000;
}
#linkList {
	top: 261px;
}
#linkList h3 {
	background-color: #8470fc;
	color: #f6f0ff;
	margin: 0px;
	padding: 55px 1px 5px 36px;
	background-repeat: no-repeat;
}
#linkList h3.events {
	border-top: 1px solid #6b4824;
	background-image: url(08images/quartets/Afinity/affinityq.jpg);
	background-position: 50% 5%;
	background-color:#8470fc;}

#linkList h3.directories {
	border-top: 1px solid #6b4824;
	background-image: url(siteimages/ovq.jpg);
	background-position: 50% 5%;
	background-color:#694629;
}
#linkList h3.about21 {
	border-top: 1px solid #6b4824;
	background-image: url(siteimages/hypnoticq.jpg);
	background-position: 50% 5%;
	background-color:#8470fc;
	
}


#linkList h3:first-letter, #linkList h3 span:first-letter {
	color: #000;
	font-size: 150%;
	
}

#linkList ul {
	list-style-type: none;
	font-size: 90%;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #8470fc;
}
#linkList li {
	padding: 1px 2px 1px 2px;
	margin-bottom: 4px;
	background-image: url(siteimages/linkbg2.gif);	
}
#linkList li:hover {
	padding: 0px 1px 0px 1px;
	border: 1px dotted #8470fc;
	background-color: #8470fc;
}
#logonhomebutton p.p2 span {
	background-color: #8470fc;
}
#logonhomebutton p.p2 span a:link {
	color: #8470fc;
	font-weight: bold;
}
#logonhomebutton p.p2 span a:visited {
	color: #8470fc;
}
#logonhomebutton p.p2 span a:hover, #logonhomebutton p.p2 span a:active {
	color: #8470fc;
	font-weight: bold;
	text-decoration: none;
}
#linkList a:link, #linkList a:visited {
	border-left: 6px;
	padding-left: 2px;
	font-weight: bold;
	color: #6148fc;
}
#linkList a:visited {
	color: #6148fc;
}
#linkList a:hover, #linkList a:active {
	border-left: 6px;
	padding-left: 2px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#linkList a.c:link, #linkList a.c:visited {
	border-left: none;
	padding-left: 0px;
	font-weight: normal;
	color: #FFF;
}
#linkList a.c:hover, #linkList a.c:active {
	border-left: none;
	padding-left: 0px;
	color: #63bbff;
	text-decoration: none;
}

#footer {
	clear: both;
	text-align: right;
	margin: 0px -16em 0px 0px;
	padding: 25px 0px 0px 0px;
	background-color: none;

}


#gwr21 { 
background: url(siteimages/goldenwesttext4c.gif) no-repeat;
border: no;
position: absolute;
	 top: 250px;
    Right: 220px; 
 	width: 175px;  
	height: 25px; 
	margin: 0 0 0 130px;
    padding: 0; 
	     z-index: 4; 
}

/* Additional coding for pages other than the home index page */

.center { text-align:center;
   
}

#maincontentarea {
	border: 2px solid #FFF;
	padding: 0px;
	margin: 0px 0px 3px 0px;
}
#maincontentarea  .medalist {
    font-family: "Times New Roman", Times, serif;
	font-size: 160%;
	font-variant: small-caps;
	font-weight: bold;
}

#maincontentarea h2 span {
    text-align: center;
	display: block;
	padding: 20px 0px 15px 10px;
	background-image: url(siteimages/welcome2logor21.jpg);
	background-repeat: no-repeat;
	background-position: 25px 50%;
	
}

#maincontentarea h3 {
	background-image: url(siteimages/currentnews2b.jpg);
	font-size: 120%;
	font-variant: small-caps;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 100% 50%;
    background-color:#8470fc;
}


#maincontentarea .b h3 {
	background-image: url(siteimages/stayintouch2.jpg);
	font-size: 120%;
	font-variant: small-caps;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 100% 50%;
    background-color:#8470fc;
}

#maincontentarea .c h3 {
	background-image: url(siteimages/markcalendars2.jpg);
	font-size: 120%;
	font-variant: small-caps;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 100% 50%;
    background-color:#8470fc;
}

#maincontentarea .d h3 {
	background-image: url(siteimages/cameocorner2.jpg);
	font-size: 120%;
	font-variant: small-caps;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 100% 50%;
    background-color:#8470fc;
}

.whiteborder { 
    border:2px solid #FFF;
 
}

.calendarborder { border-style:solid; border-bottom-color: #e8ffe0;
border-right-color:#e8ffe0; border-left-color:#e8ffe0; border-top-color:#e8ffe0; vertical-align: top; 

}
.calendarborder td{ border-style:solid; border-width:thin; border-bottom-color: #FFFFFF;
border-right-color:#FFFFFF; border-left-color:#92b381; border-top-color:#92b381; vertical-align: top; 

}

/* coding for gallery page */

.hrz  { background: url(gallery/frame_hrz3.gif) center no-repeat;  padding: 38px 17px; margin: 6px 5px; float: left; height: 96px; width: 144px;  

}


.vrt { background: url(gallery/frame_vrt3.gif) center no-repeat;  padding: 17px 38px; margin: 3px 8px; float: left; height: 144px; width: 96px; 

}

#maintextgallery { 
    margin: 0px;
	padding: 10px 16em 0px 1em;
	font-size: 90%;
}

#maintextgallery img { border: none;
}

#maintextgallery p:first-letter {
	font-weight: bold;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
}

/* coding for quartet developement page */

#qdpmaintext {
	margin: 0px;
	padding: 10px 16em 0px 1em;
	font-size: 90%;
	line-height: 120%;

}