body {
  text-align: center;
        font-family: Century Gothic, Arial, Times New Roman, Verdana;
	font-weight:400;
        color:#333333;
        background-color: #ffffff;
        font-size: 100%;
        margin: auto;

}


p { font-size: 100% }


img {display: inline; }

.extra { line-height: 20%; }

.rightimage { padding-left: 20px; padding-right: 0px; padding-bottom: 0px; padding-top: 38px; }

.rightimageconcert { padding-left: 20px; padding-right: 0px; padding-bottom: 0px; padding-top: 6px; }

.rightimagejoin { padding-left: 20px; padding-right: 0px; padding-bottom: 0px; padding-top: 6px; }

.rightimageaboutus { padding-left: 20px; padding-right: 0px; padding-bottom: 0px; padding-top: 4px; }

.leftimagecontact { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; }

.leftimageconcert { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 29px; }

.rightimageacookbook { padding-left: 20px; padding-right: 0px; padding-bottom: 0px; padding-top: 4px; }






hr.teal { background-color: #00728f; height: 4px; }


h1 { font-size: 175%; }

h2 { font-size: 150%;
font-weight: 700;
line-height: 100%; }

h3 { font-size: 125%;

font-weight: 700;
line-height: 100%; }

h4 { font-size: 100%;

font-weight: 700;
line-height: 100%; }



a:link {
 color:#333333;
	text-decoration: underline;
	}

a:active {
 color:#333333;
	text-decoration: underline;
	}

a:visited {
	color:#333333;
	text-decoration: underline;
	}

a:hover {
	color:#000000;
	text-decoration: none;
	}

a.bottomnav:link {
 color:#000000;
	text-decoration: none;

	}

a.bottomnav:active {
 color:#000000;
	text-decoration: none;

	}

a.bottomnav:visited {
	color:#000000;
	text-decoration: none;

	}

a.bottomnav:hover {
	color:#000000;
	text-decoration: none;


	}


a.sidenav:link {
        color:#615d5c;
        text-decoration: none;
	line-height: 100%;
	font-weight: 700;
                          }

a.sidenav:active {
 color:#615d5c;
	text-decoration: none;
	 line-height: 100%;
	 font-weight: 700;
        }

a.sidenav:visited {
	color:#615d5c;
	text-decoration: none;
	line-height: 100%;
	font-weight: 700;
        }

a.sidenav:hover {
	color:#615d5c;
	text-decoration: underline;
         line-height: 100%;
         font-weight: 700;
	}



a.newslink:link {
 color:#000000;
	text-decoration: none;
	line-height: 100%;
	font-weight: 700;
	}

a.newslink:active {
 color:#000000;
 font-weight: 700;
	text-decoration: none;
	 line-height: 100%;
        }

a.newslink:visited {
	color:#000000;
	text-decoration: none;
	line-height: 100%;
	font-weight: 700;
        }

a.newslink:hover {
	color:#000000;
	line-height: 100%;
	text-decoration: underline;
        font-size: 100%;
        font-weight: 700;
	}



.imageborderleft { border: solid #1b3f95 2px; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 10px; }


.gray-shirt { margin-left: 20px; margin-top: 0px; border: 0px;}
.black-shirt { margin-bottom: 0px; border: 0px; }

.container {
  width: 800px; /* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: center;
border: solid gray 1px;
font-size: 100%;
background-color: #ffffff;

}


.borderright { margin-right: 20px;  }

.smallpic { margin-right: 15px; margin-bottom: 15px; border: 0px;}

.largepic { margin-bottom: 10px;  }

.largepicbioright { margin-left: 10px;  }

.pagetopindex {
background:url(images/pagetops/header_home.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}


.pagetopalumni {
background:url(images/pagetops/header_alumni.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopreflect {
background:url(images/pagetops/header_reflections.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopstaff {
background:url(images/pagetops/header_join_staff.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}




.pagetopaboutus {
background:url(images/pagetops/header_aboutus.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopnews {
background:url(images/pagetops/header_news.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetophistory {
background:url(images/pagetops/header_history.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopevents {
background:url(images/pagetops/header_events.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopgeneric {
background:url(images/pagetops/generic.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}





.pagetopjoinup {
background:url(images/pagetops/header_join.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopdonations {
background:url(images/pagetops/header_donate.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetoplinks {
background:url(images/pagetops/header_links.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopgovernance {
background:url(images/pagetops/header_govern.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}

.pagetopinternet {
background:url(images/pagetops/header_contact.jpg) no-repeat;
width: 800px;
height: 186px;
float: left;
color: #ffffff;
text-align: right;
}




.centercomment { text-align: center ; width: 800px;}

.star { float: left; padding-left: 208px;}


.comment {
float: left;
color: #000000;
font-size: 70%;
line-height: 120%;
font-weight: 700;
text-align: left;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
background-color: #faefde;
border: solid gray 0px;
width: 350px;
}








.pagetitle {
  
font-weight: 700;
font-family: ISOCPEUR, Arial, times new roman;
font-size: 130%;
float: left;
padding-top:0px;
padding-left: 188px;
padding-bottom: 0px;
height: 186px;
color: #615d5c;

}

.pagetitleal {
  
font-weight: 700;
font-family: ISOCPEUR, Arial, times new roman;
font-size: 130%;
float: right;
padding-top:0px;
padding-right: 70px;
padding-bottom: 0px;
height: 186px;
color: #ffffff;

}

.left {
clear:both;
float: left;
margin: 0px;
width: 130px;
color: #756981;
font-size: 100%;
font-variant: small-caps;
font-family: Century Gothic, New Century, Arial, Times New Roman;
font-weight: 400;
line-height: 50%;
text-align: left;
border-left: solid gray 0px;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 10px;
padding-top: 15px;
background-color: #ffffff;

}

.right {

color: #333333;
float: right;
margin: auto;
width: 552px;
font-size: 80%;
text-align: left;
border: solid gray 0px;
padding-left: 12px;
padding-right: 56px;
padding-bottom: 10px;
padding-top: 0px;
background-color: #ffffff;

}


.bottom {
clear: both;
color: #000000;
font-size: 12px;
font-weight: 400;
width: 800px;
padding-top: 6px;
padding-bottom: 0px;
background-color: #ffffff;
border-right: solid gray 0px;
border-left: solid gray 0px;
border-bottom: solid gray 0px;
}


.statbox {   border: solid #7F50A1 1px; padding: 10px; width: 80%; background-color: #EAC145;}



.cwdlogo {

padding-top: 0px; padding-right: 10px; padding-bottom: 5px; font-size: 90%; text-align: right; }