body { 
background: url(./../images/bg_lotus.jpg) no-repeat #fff;
color: #000; 
font-family: Georgia, Times, serif; 
font-size: 100%;
margin: 0;  
}



html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

a:link { color: #03f; text-decoration: none; }
a:active { color: #c0a; text-decoration: none; border-bottom: 1px solid; }
a:visited { color: #309; text-decoration: none; border-bottom: 1px solid;}
a:hover { color: #c0a; text-decoration: none; border-bottom: 1px solid; }


p { margin: 0; padding: 0; }

/********** ROWS AND COLUMNS FOR SCREEN WIDTHS ***************/


/** BREAKPOINTS
Med min-width: 701px;
Large min-width: 993px
**/



.row:after {
    content: "";
    display: table;
    clear: both;
}


.row .col {
    float: left;
    box-sizing: border-box;
    padding-left: 1rem;
}

section, aside {
	margin: 0; 
    box-sizing: border-box;
	}

    .row .col.s1 {
        width: 8.33333%;
        margin-left: 0;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 25%;
        margin-left: 0;
    }

    .row .col.s4 {
        width: 33.33333%;
        margin-left: 0;
    }

    .row .col.s5 {
        width: 41.66667%;
        margin-left: 0;
    }

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s7 {
        width: 58.33333%;
        margin-left: 0;
    }

    .row .col.s8 {
        width: 66.66667%;
        margin-left: 0;
    }

    .row .col.s9 {
        width: 75%;
        margin-left: 0;
    }

    .row .col.s10 {
        width: 83.33333%;
        margin-left: 0;
    }

    .row .col.s11 {
        width: 91.66667%;
        margin-left: 0;
    }

    .row .col.s12 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.offset-s1 {
        margin-left: 8.33333%;
    }

    .row .col.offset-s2 {
        margin-left: 16.66667%;
    }

    .row .col.offset-s3 {
        margin-left: 25%;
    }

    .row .col.offset-s4 {
        margin-left: 33.33333%;
    }

    .row .col.offset-s5 {
        margin-left: 41.66667%;
    }

    .row .col.offset-s6 {
        margin-left: 50%;
    }

    .row .col.offset-s7 {
        margin-left: 58.33333%;
    }

    .row .col.offset-s8 {
        margin-left: 66.66667%;
    }

    .row .col.offset-s9 {
        margin-left: 75%;
    }

    .row .col.offset-s10 {
        margin-left: 83.33333%;
    }

    .row .col.offset-s11 {
        margin-left: 91.66667%;
    }

    .row .col.offset-s12 {
        margin-left: 100%;
    }

@media only screen and (min-width: 701px) {  

	section {
	padding: 0 1rem 0 1rem; 
	}


    .row .col.m1 {
        width: 8.33333%;
        margin-left: 0;
    }

    .row .col.m2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .row .col.m3 {
        width: 25%;
        margin-left: 0;
    }

    .row .col.m4 {
        width: 33.33333%;
        margin-left: 0;
    }

    .row .col.m5 {
        width: 41.66667%;
        margin-left: 0;
    }

    .row .col.m6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.m7 {
        width: 58.33333%;
        margin-left: 0;
    }

    .row .col.m8 {
        width: 66.66667%;
        margin-left: 0;
    }

    .row .col.m9 {
        width: 75%;
        margin-left: 0;
    }

    .row .col.m10 {
        width: 83.33333%;
        margin-left: 0;
    }

    .row .col.m11 {
        width: 91.66667%;
        margin-left: 0;
    }

    .row .col.m12 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.offset-m1 {
        margin-left: 8.33333%;
    }

    .row .col.offset-m2 {
        margin-left: 16.66667%;
    }

    .row .col.offset-m3 {
        margin-left: 25%;
    }

    .row .col.offset-m4 {
        margin-left: 33.33333%;
    }

    .row .col.offset-m5 {
        margin-left: 41.66667%;
    }

    .row .col.offset-m6 {
        margin-left: 50%;
    }

    .row .col.offset-m7 {
        margin-left: 58.33333%;
    }

    .row .col.offset-m8 {
        margin-left: 66.66667%;
    }

    .row .col.offset-m9 {
        margin-left: 75%;
    }

    .row .col.offset-m10 {
        margin-left: 83.33333%;
    }

    .row .col.offset-m11 {
        margin-left: 91.66667%;
    }

    .row .col.offset-m12 {
        margin-left: 100%;
    }
}

@media only screen and (min-width: 993px) {
    .row .col.l1 {
        width: 8.33333%;
        margin-left: 0;
    }

    .row .col.l2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .row .col.l3 {
        width: 25%;
        margin-left: 0;
    }

    .row .col.l4 {
        width: 33.33333%;
        margin-left: 0;
    }

    .row .col.l5 {
        width: 41.66667%;
        margin-left: 0;
    }

    .row .col.l6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.l7 {
        width: 58.33333%;
        margin-left: 0;
    }

    .row .col.l8 {
        width: 66.66667%;
        margin-left: 0;
    }

    .row .col.l9 {
        width: 75%;
        margin-left: 0;
    }

    .row .col.l10 {
        width: 83.33333%;
        margin-left: 0;
    }

    .row .col.l11 {
        width: 91.66667%;
        margin-left: 0;
    }

    .row .col.l12 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.offset-l1 {
        margin-left: 8.33333%;
    }

    .row .col.offset-l2 {
        margin-left: 16.66667%;
    }

    .row .col.offset-l3 {
        margin-left: 25%;
    }

    .row .col.offset-l4 {
        margin-left: 33.33333%;
    }

    .row .col.offset-l5 {
        margin-left: 41.66667%;
    }

    .row .col.offset-l6 {
        margin-left: 50%;
    }

    .row .col.offset-l7 {
        margin-left: 58.33333%;
    }

    .row .col.offset-l8 {
        margin-left: 66.66667%;
    }

    .row .col.offset-l9 {
        margin-left: 75%;
    }

    .row .col.offset-l10 {
        margin-left: 83.33333%;
    }

    .row .col.offset-l11 {
        margin-left: 91.66667%;
    }

    .row .col.offset-l12 {
        margin-left: 100%;
    }
}

.show-on-med-large {
        display: none;
    }

@media only screen and (min-width: 512px) {
    .show-on-med-large {
        display: inline-block;
    }
}


.hide-on-med-large {
        display: inline-block;
    }

@media only screen and (min-width: 701px) {
    .hide-on-med-large {
        display: none;
    }
}



p { 
font-size: 1em;
line-height: 133%;
color: #222; 
/* margin: .5em auto 1em auto; */
}

ul { margin-bottom: .5em; margin-top: 0em;  }


li { line-height: 120%; margin: 0 auto .35em -1em; }

.sup { font-size: .7rem; margin: 0; padding: 0; position: relative; bottom: .3rem;}


.wrap {
width: 100%;
margin: 0;
padding: 0;
border: 0;
display: block;
position: relative;
}

header { 
background-image: url(./../images/bg_pink_lotus.jpg), url(./../images/bg_pink.jpg);
background-repeat: no-repeat, repeat;
margin: 0; 
padding: 0 .5rem 0 .5rem;
height: auto; 
 }
 
header .row .col { padding-left: 0; }

header img { 
	display: inline;  
	border: 0;   
	max-width: 100%;
    height: auto;
	}

header a, footer a { text-decoration: none;  }
header a:link, footer a:link { border: 0; }



header img.show-on-med-large {
        display: none;
    }

@media only screen and (min-width: 800px) {
    header img.show-on-med-large {
        display: inline-block;
    }
}

footer { 
background-image: url(./../images/bg_pink.jpg);
background-repeat: repeat;
margin: 1rem 0; 
padding: .5rem;
height: auto; 
border-top: 1px solid #b28;
border-bottom: 1px solid #b28;
 }

.contact p{ 
float: left; 
margin: .5rem .5rem .5rem 0;
font-weight: bold;
font-size: .75rem;
text-align: left;
color: #605;
line-height: 133%;
/* outline: 1px solid #f0f; */
 }
 
 @media only screen and (min-width: 701px) {
    .contact.show-on-med-large {
        float: right;
    }
}
 
 
.contact.show-on-med-large {
        display: none;
    }

@media only screen and (min-width: 689px) {
    .contact.show-on-med-large {
        display: inline-block;
    }
}


.contact.hide-on-med-large {
        display: inline-block;
    }

@media only screen and (min-width: 689px) {
    .contact.hide-on-med-large {
        display: none;
    }
}


nav {
background: #FAE1E7;
/*background: #FBE1E8;
background: #f0f;*/
width: 100%;
padding: 0;
margin: 0 0 1rem 0;
border-top: 1px solid #b28;
border-bottom: 1px solid #b28;
height: 100%;
}
nav a {
	background: #FDF4D7;
	/*background: #FFF2F2;*/
	float: left;
	display: inline-block;
	padding: .25rem .5rem .25rem .5rem;
	text-align: center;
	margin: 0 0 1px 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .8rem;
	outline: 1px solid #b28; 
	color: #706;
	text-transform: uppercase;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	}

nav a:link { color: #706; text-decoration: none; border-bottom: 0; }  /* border-bottom: 1px solid #b28  */
nav a:active { background: #eb1; color: #fff; text-decoration: none; }  /* border-bottom: 1px solid #b28  */
nav a:visited { color: #706; text-decoration: none; }  /* border-bottom: 1px solid #b28  */
nav a:hover { background: #eb1; color: #fff; text-decoration: none; }  /* border-bottom: 1px solid #b28  */



*html nav { padding: 0 0 3px 0; }

	
html>body #nav1 li a {
	width: auto;
		}


sectionwrap { 
margin: 0 280px 0 0;
padding: 0;
 }


#frontpagewrap { 
/*float: left;*/
margin: 0 280px 0 0 ;
padding: 0;
/*border: 1px solid #00f;*/
 }



/*
asideeventwrap { 
float: left;
margin: 0 330px 0 0;
padding: 0;
 }
*/

*:first-child+html asideeventwrap {margin: 0 400px 0 0} 

* html asideeventwrap {margin: 0 400px 0 0}



 
section h1 {font-size: 2em; font-weight: normal; margin: .5em 0 .15em 0; color: #706; text-transform: capitalize; }

section h2 { color: #706; font-weight: normal; font-size: 1.5em; margin: .5em 0 .5em 0; } 

section h3 { font-size: 1.35em; color: #706; font-weight: normal; margin: 1.5em 0 .5em 0; } 

section h4 { font-size: 1.15em; color: #706; font-weight: bold; margin: 1em 0 .15em 0; } 

section h5 { font-size: 1em; font-weight: bold; margin: 0; line-height: 140%; }

sectionfade { background:url(./../images/bg_cm_content_fadebottom.gif) bottom repeat-x; margin: 0; padding: 0; height: 20px; }



section p { 
font-size: 1em;
color: #222;
line-height: 150%;
margin: .5em auto .5em auto;
}

section ul { margin-bottom: 1em; margin-top: 0em;  }

section li { line-height: 120%; margin: 0 auto .35em -1em; }

section table { border-collapse: collapse; width: 99%;  }



section th { font-size: 1.35rem; color: #706; font-weight: bold; padding: 1em 0 .15em 0; text-align: left; } 

section td { border: 1px solid #706; padding: .15em .35em .35em .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9rem }




/* *html asidewrap { margin: 20px 10px 0 0; } */


#eventsidebarwrap { 
/*float: right;*/
width: 290px;
margin: 20px 20px 0 20px;
position: absolute;
top: 120px;
right: 20px;
}

*html #eventsidebarwrap { margin: 20px 10px 0 0; }

aside { 
	margin: 0;
	text-align: center;
	  }
.specialeventsbox {
	margin: 1rem 1rem 1rem .5rem;
	padding: .5rem .5rem 1rem .5rem;
	border: 1px solid #706;
	background: #FDF4D7;
}

aside h1 { 
color: #706;
font-weight: normal;
font-style: italic;
font-size: 1.5em;
text-align: center;
margin: 0 auto .5em auto;
}

aside h2 { font-size: 1.15rem; font-weight: bold; color: #222; margin: .5em auto .15em auto; border-top: 1px solid #928; padding-top: .35em;  } 

aside h3 { font-size: 1em; font-weight: bold; color: #222; margin: 0 auto .25em auto; } 

aside p { font-size: .9rem; margin: .25em .25em .5em .25em; line-height: 150%;  }

aside ul{ text-align: left; }

aside hr { color: #706; margin-top: .5em; }

#regform {
margin: 0 3em 1em 3em; 
}
 
#regform h1 {font-size: 2em; font-weight: normal; margin: .5em 0 .15em 0; color: #706; text-transform: capitalize; }

#regform h2 { color: #706; font-weight: normal; font-size: 1.5em; margin: .5em 0 .5em 0; } 

#regform h3 { font-size: 1.5em; color: #706; font-weight: normal; margin: .5em 0 .5em 0; } 

#regform h4 { font-size: 1.35em; color: #706; font-weight: bold; margin: 1em 0 .15em 0; text-align: left; } 





#regform p { 
font-size: 1em;
color: #222;
line-height: 180%;
margin: .5em auto 1em auto;
}

#regform ul { margin-bottom: 1em; margin-top: 0em;  }

#regform li { line-height: 120%; margin: 0 auto .35em -1em; }

#regform table { border-collapse: collapse; width: 500px; margin-bottom: 2em; margin-top: 0; }

#regform td { border-bottom: 1px solid #000; padding: 2em 0 0 0;  font-size: .95em }

.scheduleheader { background: #d8b; }
.scheduleday { font-family: Georgia, Times, serif; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;   }

.dateauthor {
font-size: .9em;
color: #666;
margin: 0 0 .5em 0;
}




 
#list img { border: 0; }

#list img a { text-decoration: none; border: 0;  }
#list img a:active { text-decoration: none; border: 0;  }
#list img a:visited { text-decoration: none; border: 0;  }
#list img a:hover { text-decoration: none; border: 0;  }

#list a.img { text-decoration: none; border: 0; }

#list p { margin: .85em 0; line-height: 120%; }
#list li { 
list-style: none;
margin: 1em  auto 0 -3em;
font-weight: bold; 
color: #841;
line-height: 120%; 
  }

#list li ul { margin-bottom: .5em; }

#list li li { 
list-style: none;

margin: .4em  0 0 -3em;
font-weight: normal; 
color: #310;
line-height: 110%;
   }

#list li li a { line-height: 110%; margin-top: .4em }


#list li.list_subcat { font-style: italic; font-weight: bold; color: #543;  }


#list ul {  margin-bottom: 1em; } 

#list li a { border: 0; }

#list li a:visited { color: #245; text-decoration: none; }


#recent { margin-top: .35em; }

#recent ul { font-weight: normal;  }

#recent li { 
list-style: none;
margin: 0  auto .15em -3em;
font-weight: normal; 
color: #841;
line-height: 120%; 
  }

big { font-size: 115%; }
small {font-size: 90% }

.small {font-size: 90% }


*html #listwrap { top: -2px; }



.lesser {font-size: 90% }


#accessibility
{
	position: absolute;
	top: -10000px;
}

/*
.caps
{
	letter-spacing: 0.1rem;
	font-size: 10px;
}
*/
section hr
{
	color: #706;
	width: 66%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

img.divider
{
	align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}




section img.border { border: 1px solid #310; }
section img.article { float: right; margin-left: 2em; margin-bottom: .5em;  border: 1px solid #222;}


#standalone a { text-decoration: none; border: 0; }
#standalone img.border { border: 1px solid #310; }

.alignleft { text-align: left; }

.copyright {
font-size: .75rem;
line-height: 130%; 
color: #333;
text-align: left;
clear: both;
display: inline-block;
}
		
a.copyright:link,visited { color: #333; padding: 0px; text-decoration: underline; }
a.copyright:hover { color: #a12; padding: 0px; text-decoration: underline; }
a.copyright:active { color: #a12; padding: 0px; text-decoration: underline; }

.row1{ background: #FDF8E7; }
.row2{ background: 0; }




.return{ font-size: .9rem; }
p.disclaimer { font-size: .9rem; }
#regform p.disclaimer { font-size: .95rem; }

.two-thirds {width: 67%}
.one-third {width: 33%}
.25pct {width: 25%; }
.30pct {width: 30%; }

.schedcol1 { width: 32%; }
.schedcol2 { width: 32%; }
.schedcol3 { width: 32%; }


.eventschedcol1 { width: 25%; }
.eventschedcol2 { width: 73%; }

.clear { clear: both; }

#rssLiveArchive { margin: 10px 0 0; }
#rssLiveArchive ul { padding: 0; list-style-type: none; }
#rssLiveArchive ul li { text-align: left; padding: 1px 8px; }
#rssLiveArchive-year { float: left; width: 100px; margin: 0; padding: 0; }
#rssLiveArchive-year li { position: relative; font-weight: bold; }
#rssLiveArchive-month { float: left; width: 100px; margin: 0; font-weight: bold; }
#rssLiveArchive-month li { position: relative; }
#rssLiveArchive-post { float: left; width: 250px; margin: 0; }
#rssLiveArchive-post li { position: relative; font-weight: bold; }
#rssLiveArchive ul li span { position: absolute; right: 8px; font-weight: normal; color: #333; }
*html #rssLiveArchive ul li span { top: -4px; }
#rssLiveArchive .selected { background: #efecdd; padding-top: 0; padding-bottom: 0; }