.dummy { }
* {
	font-size:16px;
}
.navbarpipe { color: #bf9239}
.navbarlink { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #663399; text-decoration: none; padding-left:8px; padding-right:8px; line-height:22px; }
a.navbarlink:hover { color: #FFFFFF}
.navbarbold { font-family : Arial, Helvetica, sans-serif; font-size : 12px; font-style : normal; font-weight : bold; text-decoration : none;  color : #663399; }
a.navbarbold:hover { color: #FFFFFF}
.navbartitle { font-family : Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; text-decoration : none}

.toolbar {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
a.toolbar:hover { color: #3333FF;}
.toolbarbold { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #663399; text-decoration: none; font-weight : bold;}

.infowhite { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;}

.notLink { font-family: Arial, Helvetica, sans-serif; font-size: 20x; color: #000000; text-decoration: none;  font-weight : bold;}
.largeLink { font-family: Arial, Helvetica, sans-serif; font-size: 20x; color: #6699CC; }
a.largeLink:hover { color: #663399}

.featurestitle { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; text-decoration: none;}
a.featurestitle:hover { color: #6699CC}
.featuressubtitle { font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #663399; text-decoration: none}
a.featuressubtitle:hover { color: #6699CC}
.featuressubtitle2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #3333FF; text-decoration: none}
.featuressubtitle3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; text-decoration: none}
.featuressubtitle4 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; text-decoration: none}
.featureslink{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3333FF; text-decoration: none}
a.featureslink:hover { color : #000000}
.featureslink2{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #33FF00; text-decoration: underline}
a.featureslink2:hover { color: #6699CC}
.featureslink3{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #33FF00; text-decoration: none}
.featureslink4{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #663399; text-decoration: underline}
a.featureslink4:hover { color: #3333FF}
.featureslink4{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #006666; text-decoration: underline}
a.featureslink4:hover { color: #006666}
.featureslink5{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: underline}
a.featureslink5:hover { color: #336699}

.featurestextbold{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight : bold;}
.featurestextbold2{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3333FF; text-decoration: none; font-weight : bold;}
.featurestext{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
a.featurestext:hover { color: #0066CC}
.featurestop { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #BF9239; text-decoration: none; letter-spacing: 3px}


.pagetitle { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000000; text-decoration: none;font-weight: bold}
a.pagetitle:hover { color: #33FF00}


.eventtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #663399; text-decoration: underline; font-weight: bold}
a.eventtitle:hover { color: #FFFFFF}
.eventtitlenolink { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333300; text-decoration: none; font-weight: bold}
.eventstop { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #333300; text-decoration: none; letter-spacing: 3px}
.eventstop2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; letter-spacing: 3px}
.eventsource { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.eventtext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #6699CC; text-decoration: none}
.eventtextblack { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
a.eventtext:hover { color: #0066CC}

.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #BF9239}
.footer2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}

.purpleButton { background : #DDDFF4; border : 1px solid #3333FF; color : #663399; font : normal small Arial,Helvetica,sans-serif; padding : 2px 2px 2px 2px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  margin-bottom : 1px;  margin-left : 1px;  margin-right : 1px;  margin-top : 1px;  width : 150px;  text-align : center;}
a.purpleButton:hover { background : #6699CC; color: #FFFFFF}
.purpleButton2  { background : #6699CC; border : 1px solid #3333FF; color : #FFFFFF; font : normal small Arial,Helvetica,sans-serif; padding : 2px 2px 2px 2px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  margin-bottom : 1px;  margin-left : 1px;  margin-right : 1px;  margin-top : 1px;  width : 150px;  text-align : center;}

.whiteButton { background : #FFFFFF; border : 1px solid #663399; color : #3333FF; font : normal x-small Arial,Helvetica,sans-serif; padding : 2px 2px 2px 2px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  width : 150px;  text-align : center;}
a.whiteButton:hover { background : #FEF2D2; color: #6699CC}
.whiteButton2 { background : #DDDFF4; border : 1px solid #33FF00; color : #663399; font : normal x-small Arial,Helvetica,sans-serif; padding : 2px 2px 2px 2px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  width : 150px;  text-align : center;}

.purpleButtonSm { background : #DDDFF4; border : 1px solid #3333FF; color : #663399; font : normal small Arial,Helvetica,sans-serif; padding : 1px 1px 1px 1px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  margin-bottom : 1px;  margin-left : 1px;  margin-right : 1px;  margin-top : 1px;  width : 80px;  text-align : center;}
a.purpleButtonSm:hover { background : #6699CC; color: #33FF00}
.purpleButtonSm2  { background : #6699CC; border : 1px solid #3333FF; color : #33FF00; font : normal small Arial,Helvetica,sans-serif; padding : 1px 1px 1px 1px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  margin-bottom : 1px;  margin-left : 1px;  margin-right : 1px;  margin-top : 1px;  width : 80px;  text-align : center;}

.whiteButtonSm { background : #FFFFFF; border : 1px solid #663399; color : #3333FF; font : normal x-small Arial,Helvetica,sans-serif; padding : 1px 1px 1px 1px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  width : 80px;  text-align : center;}
a.whiteButtonSm:hover { background : #FEF2D2; color: #6699CC}
.whiteButtonSm2 { background : #DDDFF4; border : 1px solid #33FF00; color : #663399; font : normal x-small Arial,Helvetica,sans-serif; padding : 1px 1px 1px 1px; text-decoration : none; border-top-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-right-width : 1px;  border-style : solid;  width : 80px;  text-align : center;}

.max768, .max480, .max320 {
	display:none;
}

img {
	border:none;
	max-width:700px;
	height:auto;
}


p,h1,h2,h3,h4 {
	font-size:110%;
	line-height: 110%;
}

.masonry-brick span {
	line-height:130%;
}

@media screen and (max-width:320px) {
.toolbar, .toolbarbold, .navbarlink, .navbarlink a { font-size: 18px; padding-left:8px; padding-right:8px; line-height:28px; margin-bottom:8px; margin-top:8px; }
.toolbar {
	margin-bottom:15px;
	
}

	p,li,a,strike,i,b,li {
		font-size:120%;
	}
	li {
		font-size:90%;
	}
	img {
		max-width:100%;
		height:auto;
	}	
	.max320 {
		display:block;
		color:red;
	}

	.hidden-sm {
		display:none;
	}
}

@media screen and (min-width:320px) and (max-width:480px) {
.toolbar, .toolbarbold, .navbarlink, .navbarlink a { font-size: 20px; padding-left:8px; padding-right:8px; line-height:28px; margin-bottom:8px; }
	p,h1,h2,h3,h4 {
		font-size:140%;
		line-height: 140%;
	}
	li {
		font-size:140%;
		line-height: 140%;
	}
	.max480 {
		display:block;
	}
	img {
		max-width:100%;
		height:auto;
	}
	.hidden-sm {
		display:none;
	}
}

#@media (max-width:768px) {
#.navbarlink, .navbarlink a { font-size: 19px; padding-left:8px; padding-right:8px; line-height:26px; margin-bottom:8px;}}
#	p,h1,h2,h3,h4 {
#		font-size:120%;
#		line-height: 120%;
#	}
#	img {
#		max-width:700px;
#		height:auto;
#	}
#	.max768 {
#		display:block;
#	}
#
#	.hidden-sm {
#		display:none;
#	}