body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	SCROLLBAR-FACE-COLOR: #993300;
	SCROLLBAR-HIGHLIGHT-COLOR: #FF6600;
	SCROLLBAR-SHADOW-COLOR: #666666;
	SCROLLBAR-ARROW-COLOR: #FFCC00;
	SCROLLBAR-TRACK-COLOR: #ff9900;
	SCROLLBAR-BASE-COLOR: #ff9900;
	font-size: 12px;
	color: #000000;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
li {
	list-style-image: url(../images/bigorangedotarrow.gif);
	list-style-position: outside;
}
li.content {
	list-style-image: url(../images/orangedotarrow.gif);
	list-style-position: outside;
}
/* This section is for the various hyperlink texts and controls their appearance */
a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 12px;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF66;
	font-size: 12px;
	font-weight: bold;
}
a.footerlinks {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 10px;
	font-weight: normal;
}
a.footerlinks:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}
a.contentlinks {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 13px;
	font-weight: bold;
}
a.contentlinks:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 13px;
	font-weight: bold;
}
a.big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #993300;
	text-decoration: none;
}
a.big:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
/* End link appearance controls */

/* This section is for the main content divs text classes for headers, sub-headers and such */
.tiny {
	font-size: 8px;
	font-weight: normal;
	color: #000000;
}
.small {
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}
.medium {
	font-size: 16px;
	font-weight: bold;
	color: #993300;
}
.large {
	font-size: 20px;
	font-weight: bold;
	color: #993300;
}
.reallybig {
	font-size: 28px;
	font-weight: bold;
	color: #993300;
}
.redsmall {
	font-size: 12px;
	font-weight: bold;
		color: #CC0000;
}
.redmedium {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
}
.redlarge {
	font-size: 20px;
	font-weight: bold;
	color: #CC0000;
}
.redreallybig {
	font-size: 28px;
	font-weight: bold;
	color: #CC0000;
}
.orgsmall {
	font-size: 12px;
	font-weight: bold;
		color: #FF6600;
}
.orgmedium {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}
.orglarge {
	font-size: 20px;
	font-weight: bold;
	color: #FF6600;
}
.orgreallybig {
	font-size: 28px;
	font-weight: bold;
	color: #FF6600;
}
/* End main content classes */

/* This section is for the positioning and layout of the main page layouts. If particular pages need a longer layout, you need to make newly named variations of "content" and "subnavcontent" and "lowrtcorner" that are equally longer and reference those id's (do it in even pixel increments of 10, as BG pic in "lowrtcorner" is 10 px high). Also need to move position of "bottombar" down to line up with longer divs*/
#banner {
	height: 150px;
	width: 572px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#nav {
	height: 572px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 0px;
}
#content {
	background-color: #FFFFFF;
	height: 700;
	width: 372px;
	position: absolute;
	left: 0px;
	top: 150px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#subnavcontent {
	background-color: #D8D8D8;
	height: 490px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
}
#lowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 490px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 360px;
}
#cornerpic {
	height: 210px;
	width: 201px;
	position: absolute;
	left: 371px;
	top: 150px;
}
#bottombar {
	position: absolute;
	left: 0px;
	top: 850px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
	background-color: #F06000;
}
#hpbottombar {
	position: absolute;
	left: 0px;
	top: 850px;
	background-image: url(../hp/images/hpbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
#pagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #993300;
	z-index: 1;
	position: absolute;
	left: 375px;
	top: 175px;
	visibility: visible;
}
#subnav {
	position: absolute;
	z-index: 2;
	left: 363px;
	top: 201px;
	width: 150px;
	height: 350px;
}
/* End Layout Divs*/

/* This version of subnavcontent has the bigbox pic in the bg */
#bgsubnavcontent {
	background-color: #D8D8D8;
	height: 790px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
	background-image: url(../images/hermbigboxbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/* End sub nav with big box bg pic */

/* These are the new divs for the herm home pages */
#homecontent {
	background-color: #FFFFFF;
	height: 1150;
	width: 360px;
	position: absolute;
	left: 0px;
	top: 159px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#homesubnavcontent {
	background-color: #D8D8D8;
	height: 940px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
}
#homelowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 940px;
	width: 208px;
	position: absolute;
	left: 586px;
	top: 359px;
}
#homebottombar {
	position: absolute;
	left: 0px;
	top: 1300px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
#hphomebottombar {
	position: absolute;
	left: 0px;
	top: 1300px;
	background-image: url(../hp/images/hpbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
/* End herm home pages div controls */

/* These are the new divs for the booking page */
#bookcontent {
	background-color: #FFFFFF;
	height: 800;
	width: 372px;
	position: absolute;
	left: 0px;
	top: 150px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#booksubnavcontent {
	background-color: #D8D8D8;
	height: 590px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
}
#booklowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 590px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 360px;
}
#bookbottombar {
	position: absolute;
	left: 0px;
	top: 950px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
#hpbookbottombar {
	position: absolute;
	left: 0px;
	top: 950px;
	background-image: url(../hp/images/hpbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
/* End booking page div controls */

/* These are the new divs for the calendar page */
#calcontent {
	background-color: #FFFFFF;
	height: 850;
	width: 372px;
	position: absolute;
	left: 0px;
	top: 150px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#calsubnavcontent {
	background-color: #D8D8D8;
	height: 640px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
}
#callowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 640px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 360px;
}
#calbottombar {
	position: absolute;
	left: 0px;
	top: 1000px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
/* End calendar page div controls */

/* These are the new divs for the herm dj page */
#djcontent {
	background-color: #FFFFFF;
	height: 1000;
	width: 372px;
	position: absolute;
	left: 0px;
	top: 150px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#djlowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 790px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 360px;
}
#djbottombar {
	position: absolute;
	left: 0px;
	top: 1150px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
/* End herm dj page div controls */

/* These are the new divs for the herm event svc page */
#evsvccontent {
	background-color: #FFFFFF;
	height: 1450;
	width: 372px;
	position: absolute;
	left: 0px;
	top: 150px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#evsvcsubnavcontent {
	background-color: #D8D8D8;
	height: 1240px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
}
#evsvclowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 1240px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 360px;
}
#evsvcbottombar {
	position: absolute;
	left: 0px;
	top: 1600px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
/* End herm event svc page div controls */

/* These are the new divs for the latino fest page */
#latinocontent {
	background-color: #FFFFFF;
	height: 4250px;
	width: 355px;
	position: absolute;
	left: 0px;
	top: 150px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#latinosubnavcontent {
	background-color: #D8D8D8;
	height: 4026px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
	padding: 1px;
}
#latinolowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 4040px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 360px;
}
#latinobottombar {
	position: absolute;
	left: 0px;
	top: 4400px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
/* End latino fest page div controls */

/* These are the new divs for the hp faq page */
#faqcontent {
	background-color: #FFFFFF;
	height: 1350;
	width: 372px;
	position: absolute;
	left: 0px;
	top: 150px;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	white-space: normal;
}
#faqsubnavcontent {
	background-color: #D8D8D8;
	height: 1140px;
	width: 201px;
	position: absolute;
	left: 372px;
	top: 360px;
}
#faqlowrtcorner {
	background-image: url(../images/hermtemp1_06.jpg);
	background-repeat: repeat;
	height: 1140px;
	width: 208px;
	position: absolute;
	left: 572px;
	top: 360px;
}
#faqhpbottombar {
	position: absolute;
	left: 0px;
	top: 1500px;
	background-image: url(../images/hermbottombar.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 780px;
	visibility: visible;
	z-index: 1;
}
/* End hp faq page div controls */

/* These are the controls for the 2nd & 3rd layer divs that contain page titles, link boxes and submenus */
#emailform {
	position: absolute;
	left: 610px;
	top: 520px;
	width: 120px;
	height: 100px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #993300;
}
#gallery {
	height: 600px;
	width: 350px;
	border: thin solid #993300;
	position: absolute;
	visibility: visible;
	left: 5px;
	top: 170px;
	z-index: 2;
}
#sponsors {
	height: 900px;
	width: 180px;
	position: absolute;
	left: 580px;
	top: 830px;
	z-index: 2;
	border: 1px dashed #993300;
}
#activities{
	height: 3500px;
	width: 185px;
	position: absolute;
	left: 378px;
	top: 370px;
	z-index: 2;
	border: 1px solid #993300;
	padding: 3px;
}
/* End 2nd & 3rd layer controls */

/* This are free-floating sub-content divs (with the big box in the background) that can be positioned to show pictures or lists on any page */
#subnavfloatbox {
	height: 276px;
	width: 173px;
	position: absolute;
	left: 380px;
	top: 400px;
	background-image: url(../images/hermbigboxbg.jpg);
	z-index: 3;
	background-repeat: no-repeat;
	margin: 10px;
	padding: 10px;
}
/* End floating sub-content box controls */

/*These are the layout & format controls for the artist pop-up windows*/
#poptop {
	width: 500px;
	left: 0px;
	top: 0px;
	position: absolute;
}
#poppic {
	background-repeat: no-repeat;
	height: 200px;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 135px;
	z-index: 1;
}
#poptext {
	background-color: #DC5309;
	margin: 10px;
	height: auto;
	width: 300px;
	position: absolute;
	left: 186px;
	top: 135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EEEEEE;
}
#popmenu {
	height: 265px;
	width: 200px;
	position: absolute;
	left: -11px;
	top: 335px;
}
.popsmall {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF
}
.popmedium {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.poplarge {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.popreallybig {
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
}
/* End pop-up controls */