@charset "UTF-8";
body {margin: 0; padding: 0; background-color: #000000; background-image: url(../images/2010/wood-fence.png);
background-repeat: repeat; background-position: left top; background-attachment: inherit;
}
#footercontainer {
	width: 1024px;
	height: 175px;
	background-position:  left bottom;
	bottom: 0px;
	
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	display: block;
	}


.containerHomepg {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	display: block;
}

#containerPageContent {
	width: 1200px;
	height: 900px;
	background-image: url(../images/2010/HOHFest-HomePage-Ovr_06.png);
	background-position:  left bottom;
	bottom: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	background-attachment: fixed;
	background-repeat: repeat-x;
}

#paddingPageContent {
	padding: 0px 0px 0px 30px;
	display: block;
}


#navigation {
	align: center;
	width: 1034;
	height: 25px;
	padding: 0px;
	display: block;
	background-color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	position: absolute;
}

#bannerpg {font: Arial, Helvetica, sans-serif; padding: 7px 25px 7px 25px ;} 

#bannerpg  h1 {color: #FFFFFF; font-size: 22px; margin: 10px 0px 10px 28px ;padding: 7px 5px 7px 5px ; letter-spacing: 0.0075em; }
#bannerpg  h2 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 30px;  margin: 0px 0px 0px 0px;  letter-spacing: 0.0075em;}
#bannerpg  h3 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 30px;  margin: 0px 0px 0px 0px;  letter-spacing: 0.0075em;}
#bannerpg  p {color: #FFFFFF; font-size: 12px;  padding: 0px 0px 0px 30px;  margin: 0px 0px 0px 0px; font-weight: 500; letter-spacing: 0.0075em;}


#bannerpg  li {color: #C3C79B; font-size: 9px; margin: 1px 0px 2px 0px; font-weight: 800; letter-spacing: 0.0075em; }
#bannerpg  ul {list-style-type: none ; margin: 0px 0px 20px 0px ; padding: 7px 5px 7px 5px ;}

#bannerpg a { text-decoration: none; }
#bannerpg a:link, a:visited { text-decoration: none; } 
#bannerpg a:active, a:hover { text-decoration: none;}


#bannerheader {font: Arial, Helvetica, sans-serif; padding: 12px 25px 0px 25px ;} 

#bannerheader  h1 {color: #FFFFFF; font-size: 22px; margin: 0px 0px 0px 3px ;padding: 10px 5px 7px 0px ; letter-spacing: 0.0075em; }
#bannerheader  h2 {color: #FFFFFF; font-size: 11px;  margin: 0px 0px 0px 3px;  padding: 5px 0px 0px 0px;  letter-spacing: 0.0075em;}
#bannerheader  h3 {color: #C3C79B; font-size: 10px;  margin: 0px 0px 0px 3px;  padding: 0px 0px 0px 0px;  letter-spacing: 0.0075em;}
#bannerheader  p {color: #FFFFFF; font-size: 10px;  margin: 0px 0px 0px 3px;  padding: 0px 0px 0px 0px; font-weight: 500; letter-spacing: 0.0075em;}


img
{
	border: 1px solid #000000;
}

.style3 {color: #C0C0C0; font: Arial, Helvetica, sans-serif;}
.style4 {color: #E4E4E4;font: Arial, Helvetica, sans-serif;}
.style1 {	color: #FFFFFF;
	font-weight: bold;
font: Arial, Helvetica, sans-serif;}
.style2 {	font-size: 16px;}


#bannermenucontainer {
	height: 100px;
	width: 1034px;
	position: relative;
	top: 800px;
}



#bannermenu {
	height: 100px;
	width: 1034px;
	display: block;
	position: relative;
	margin: 0px 0px 0px 30px;
	visibility: visible;
}



#bannermenubottom {
	width: 1016px;
	height: 71px;
	margin: 0px 0px 0px 40px;
	background-image: url(../images/2010/HOHFest-HomePage-Ovr_15.png);
	background-position:  bottom;
	bottom: 0px;
}

#footer {
	width: 100%;
	height: 167px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/2010/HOHFest-HomePage-Ovr_06.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	bottom: 0px;
	background-color: #000000;
}

.footer {
	width: 100%;
	height: 167px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/2010/HOHFest-HomePage_06.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	bottom: 0px;
}


/* NAVIGATION BANNER BUTTONS */

.socialnav	{position: relative; float: left; margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; background: url(../images/2010/HOHFest-HomePage-07.png)  no-repeat; width: 154px; height: 100px; overflow: hidden;/* for ie to hide extra height*/}

.socialnav a {display: block; color: #000000; font-size: 11px; width: 154px; height: 100px; display: block; float: left; color: black; text-decoration: none; overflow: hidden;/* for ie to hide extra height*/}

.socialnav a:hover {background: url(../images/2010/HOHFest-HomePage-Ovr_07.png)  no-repeat; width: 160px; height: 100px; overflow: hidden;/* for ie to hide extra height*/	}
			
.socialnav img {width: 154px; height: 100px; border: 0; }
			* html a:hover {visibility: visible}
			
.socialnav a:hover img {visibility:hidden }

.socialnav span { position: absolute; left: 30px;top: 15px; text-align: center;  width: 154px; cursor: pointer; }





.streetnav	{ position: relative; float: left; margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; background: url(../images/2010/HOHFest-HomePage-Ovr_08.png)  no-repeat; width: 145px; height: 100px; overflow:hidden;/* for ie to hide extra height*/ left: 0px; top: 0px;}

.streetnav a {width: 145px; height: 100px; display: block; overflow: hidden;/* for ie to hide extra height*/}

.streetnav a:hover {background: url(../images/2010/HOHFest-HomePage-Ovr_08.png)  no-repeat; width: 143px; height: 100px; 	}
			
.streetnav img {width: 145px; height: 100px; border: 0; }
			* html a:hover {visibility: visible}
			
.streetnav a:hover img {visibility:hidden }

.streetnav span { position: absolute; left: 0px;top: 0px; text-align: center;  width: 145px; cursor: pointer; }





.migrantnav	{ position: relative; float: left; margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; background: url(../images/2010/HOHFest-HomePage-Ovr_09.png)  no-repeat; width: 147px; height: 100px; overflow:hidden;/* for ie to hide extra height*/ left: 0px; top: 0px;}

.migrantnav a {display: block; color: #000000; font-size: 11px; width: 147px; height: 100px; display: block; overflow: hidden;/* for ie to hide extra height*/}

.migrantnav a:hover {background: url(../images/2010/HOHFest-HomePage-Ovr_09.png)  no-repeat; width: 147px; height: 1000px; overflow: hidden;/* for ie to hide extra height*/	}
			
.migrantnav img {width: 147px; height: 100px; border: 0; }
			* html a:hover {visibility: visible}
			
.migrantnav a:hover img {visibility:hidden }

.migrantnav span { position: absolute; left: 0px;top: 0px; text-align: center;  width: 147px; cursor: pointer; }





.volunteernav	{ position: relative; float: left; margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; background: url(../images/2010/HOHFest-HomePage-Ovr_10.png)  no-repeat; width: 143px; height: 100px; overflow:hidden;/* for ie to hide extra height*/ left: 0px; top: 0px;}

.volunteernav a {display: block; color: #000000; font-size: 11px; width: 143px; height: 100px; display: block; overflow: hidden;/* for ie to hide extra height*/}

.volunteernav a:hover {background: url(../images/2010/HOHFest-HomePage-Ovr_10.png)  no-repeat; width: 143px; height: 100px; overflow: hidden;/* for ie to hide extra height*/	}
			
.volunteernav img {width: 143px; height: 100px; border: 0; }
			* html a:hover {visibility: visible}
			
.volunteernav a:hover img {visibility:hidden }

.volunteernav span { position: absolute; left: 0px;top: 0px; text-align: center;  width: 143px; cursor: pointer; }





.sponsornav	{ position: relative; float: left; margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; background: url(../images/2010/HOHFest-HomePage-Ovr_11.png)  no-repeat; width: 144px; height: 100px; overflow:hidden;/* for ie to hide extra height*/ left: 0px; top: 0px;}

.sponsornav a {display: block; color: #000000; font-size: 11px; width: 145px; height: 100px; display: block; overflow: hidden;/* for ie to hide extra height*/}

.sponsornav a:hover {background: url(../images/2010/HOHFest-HomePage-Ovr_11.png)  no-repeat; width: 145px; height: 100px; overflow: hidden;/* for ie to hide extra height*/	}
			
.sponsornav img {width: 145px; height: 100px; border: 0; }
			* html a:hover {visibility: visible}
			
.sponsornav a:hover img {visibility:hidden }

.sponsornav span { position: absolute; left: 0px;top: 0px; text-align: center;  width: 145px; cursor: pointer; }






.advertisenav	{ position: relative; float: left; margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; background: url(../images/2010/HOHFest-HomePage-Ovr_12.png)  no-repeat; width: 145px; height: 100px; overflow:hidden;/* for ie to hide extra height*/ left: 0px; top: 0px;}

.advertisenav a {display: block; color: #000000; font-size: 11px; width: 145px; height: 100px; display: block; overflow: hidden;/* for ie to hide extra height*/}

.advertisenav a:hover {background: url(../images/2010/HOHFest-HomePage-Ovr_12.png)  no-repeat; width: 145px; height: 100px; overflow: hidden;/* for ie to hide extra height*/	}
			
.advertisenav img {width: 145px; height: 100px; border: 0; }
			* html a:hover {visibility: visible}
			
.advertisenav a:hover img {visibility:hidden }

.advertisenav span { position: absolute; left: 0px;top: 0px; text-align: center;  width: 145px; cursor: pointer; height: 100px;}






.visitnav	{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	width: 155px;
	height: 100px;
	overflow:hidden;/* for ie to hide extra height*/
	left: 0px;
	top: 0px;
	background-image: url(../images/2010/HOHFest-HomePage_13.png);
	background-repeat: no-repeat;
}

.visitnav a {display: block; color: #000000; font-size: 11px; width: 155px; height: 100px; display: block; overflow: hidden;/* for ie to hide extra height*/}

.visitnav a:hover {background: url(../images/2010/HOHFest-HomePage-Ovr_13.png)  no-repeat; width: 155px; height: 100px; overflow: hidden;/* for ie to hide extra height*/	}
			
.visitnav img {width: 155px; height: 100px; border: 0; }
			* html a:hover {visibility: visible}
			
.visitnav a:hover img {visibility:hidden }

.visitnav span {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	width: 143px;
	cursor: pointer;
}


/* END OF NAVIGATION */






/*  *******************  index/home page styles ******************** */

#welcomeBackground {
	background-image: url(../images/2010/HOHFest-HomePage_03.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 580px;
	height: 704px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 20px;
	position: absolute;
}

.welcomeBackground {
	background-image: url(../images/2010/HOHFest-HomePage_03.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 580px;
	height: 704px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 20px;
	position: relative;
}

#lineupBackground  {
	background-image: url(../images/2010/HOHFest-HomePage_04.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 416px;
	height: 694px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 614px;
	position: relative;
}

#WelcomeSubSection1  {
	width: 500px;
	height: 130px;
	margin: 0px;
	position: relative;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	display: inline-block;
	left: 368px;
	top: 534px;
}

#WelcomeSubSection2  {
	width: 250px;
	height: 130px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	display: inline-block;
	left: 368px;
	top: 534px;
}




.columns{
  width:500px;
}
.columns .main{
  float:left;
  width:245px;
}
.columns .sidebar{
  float:right;
  width: 245px;
}




#indexContentContainer  {width: 490px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;}
#indexContentContainer p {color: #C3C79B; font-size: 10px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 500; text-align: justify; letter-spacing: 0.0075em;}
#indexContentContainer h1 {color: #C3C79B; font-size: 14px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 800; text-align: justify; letter-spacing: 0.0075em;}
#indexContentContainer h2 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; text-align: justify; letter-spacing: 0.0075em;}


#homepageContentContainer  {width: 490px; height: 500px;  padding: 0px 0px 0px 0px;  margin: 100px 0px 0px 32px;}
#homepageContentContainer p {color: #C3C79B; font-size: 10px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 500; text-align: justify; letter-spacing: 0.0075em;}
#homepageContentContainer h1 {color: #C3C79B; font-size: 14px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 800; text-align: justify; letter-spacing: 0.0075em;}
#homepageContentContainer h2 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; text-align: justify; letter-spacing: 0.0075em;}



#indexNewsContentContainer  {width: 490px;  font-family: arial;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;}
#indexNewsContentContainer h1 {color: #ACA110; font-size: 12px; margin: 0px 0px 0px 0px; font-weight: 800;letter-spacing: 0.0075em; display: run-in;}
#indexNewsContentContainer h2 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}
#indexNewsContentContainer h3 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}
#indexNewsContentContainer h4 {color: #999999; font-size: 8px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 300; letter-spacing: 0.0075em; font-style: italic; 	display: run-in;}
#indexNewsContentContainer p {color: #C3C79B; font-size: 9px; margin: 1px 0px 2px 0px; font-weight: 500; text-align: justify; letter-spacing: 0.0075em; }
#indexNewsContentContainer b { color: #C3C79B; font-size: 10px; margin: 1px 0px 2px 0px; font-weight: 900; letter-spacing: 0.0075em;}


#dottedDividerThick {
	height: 20px;
	width: 470px;
	margin: 0px;
	background-image: url(../images/2010/HOHFest-2010-Divider.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#dottedDividerThin {
	height: 10px;
	width: 470px;
	margin: 0px;
	background-image: url(../images/2010/HOHFest-2010-Divider.png);
	background-repeat: no-repeat;
	background-position: left top;
}



#lineupContentContainer  {width: 380px; height: 30px; font-family: arial; padding: 0px 0px 0px 0px;  margin: 10px 13px 5px 13px;}
#lineupContentContainer h1 {color: #ACA110; font-size: 18px; margin: 0px 0px 20px 0px ; padding: 7px 5px 7px 5px ; font-weight: 800;letter-spacing: 0.0075em;display: run-in;}
#lineupContentContainer h2 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}
#lineupContentContainer h3 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}

#lineupContentContainer li {color: #C3C79B; font-size: 9px; margin: 1px 0px 2px 0px; font-weight: 800; letter-spacing: 0.0075em; }
#lineupContentContainer ul {list-style-type: none ; margin: 0px 0px 20px 0px ; padding: 7px 5px 7px 5px ;}
#lineupContentContainer ul.left {}
#lineupContentContainer ul.right {text-align: right ; }
#lineupContentContainer ul li {display: inline ; padding: 0px 3px 0px 3px ; }
#lineupContentContainer a:link, #lineupContentContainer a:visited {color: #F1C028; font-size: 18px; font-family: arial; font-weight: 500;  margin: 0px;  padding: 0px 8px; text-decoration: none;}
#lineupContentContainer a:hover {color: #999999; text-decoration: underline;font-weight: 500; }



#musicalliesContainer  {
	width: 380px;
	padding: 0px 0px 0px 0px;
	margin: 20px 13px 5px 13px;
	background-image: url(../images/2010/HOHFest-2010-MusicAlliesHomePg.png);
}
#musicalliesContainer h1 {color: #ACA110; font-size: 18px; margin: 0px 0px 20px 0px ; padding: 7px 5px 7px 5px ; font-weight: 800;letter-spacing: 0.0075em;display: run-in;}
#musicalliesContainer h2 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}
#musicalliesContainer h3 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}

#musicalliesContainer li {color: #C3C79B; font-size: 9px; margin: 1px 0px 2px 0px; font-weight: 800; letter-spacing: 0.0075em; }
#musicalliesContainer ul {list-style-type: none ; margin: 0px 0px 20px 0px ; padding: 7px 5px 7px 5px ;}
#musicalliesContainer ul.left {}
#musicalliesContainer ul.right {text-align: right ; }
#musicalliesContainer ul li {display: inline ; padding: 0px 3px 0px 3px ; }
#musicalliesContainer a:link, #lineupContentContainer a:visited {color: #F1C028; font-size: 18px; font-family: arial; font-weight: 500;  margin: 0px;  padding: 0px 8px; text-decoration: none;}
#musicalliesContainer a:hover {color: #999999; text-decoration: underline;font-weight: 500; }






#lineupHeadliner   {width: 380px;  font-family: arial; padding: 0px 0px 0px 0px;  margin: 320px 13px 5px 13px;}
#lineupHeadliner h1 {color: #ACA110; font-size: 18px; margin: 0px 0px 20px 0px ; padding: 7px 5px 7px 5px ; font-weight: 800;letter-spacing: 0.0075em;display: run-in;}
#lineupHeadliner h2 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}
#lineupHeadliner h3 {color: #C3C79B; font-size: 12px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: 600; letter-spacing: 0.0075em;}
#lineupHeadliner li {color: #C3C79B; font-size: 12px; margin: 1px 0px 2px 0px; font-weight: 900; letter-spacing: 0.0075em; }
#lineupHeadliner ul {list-style-type: none ; margin: 0px 0px 20px 0px ; padding: 7px 5px 7px 5px ;}
#lineupHeadliner ul.left {}
#lineupHeadliner ul.right {text-align: right ; }
#lineupHeadliner ul li {display: inline ; padding: 0px 3px 0px 3px ; }
#lineupHeadliner a:link, #lineupContentContainer a:visited {color: #F1C028; font-size: 12px; font-family: arial; font-weight: 500;  margin: 0px;  padding: 0px 8px; text-decoration: none;}
#lineupHeadliner a:hover {color: #999999; text-decoration: underline;font-weight: 500; }




#bannermenu a {
	background: url(../images/2010/HOHFest-HomePage_06.png) 0 0 no-repeat;
 	display: block;
	height: 60px;
	width: 1100px;
   }
#bannermenu a:hover {
   background-position: -157px 0;
   ...
   }
#bannermenu a:active {
   background-position: -314px 0;
   ...
   }




#indexPage a:link, #splashContent a:visited {color: #F1C028; font-size: 12px; font-family: arial; font-weight: 500;  margin: 0px;  padding: 0px 8px; text-decoration: none;}

#indexPage a:hover {text-decoration: underline;}

#indexPage h1 {color: #fff; padding: 0px; font-family: arial; font-size: 23px; font-weight: 800; text-align: center; margin: 10px 0px 15px 0px; }
#indexPage h2 {color: #fff; padding: 0px; font-family: arial; font-size: 17px; font-weight: 800; text-align: center; margin: 15px 0px 15px 0px; }
#indexPage h3 {color: #fff; margin: 0px; padding: 0px; font-family: arial; font-size: 14px; font-weight: 800; text-align: center; }
#indexPage h4 {color: #94853A; font-family: arial; font-size: 12px; font-weight: 800; letter-spacing: 0.0075em; text-align: center; width: 600px; margin: 10px 0px 10px 0px; text-align: justify;}



/*  *******************  spalsh link styles ******************** */
#splashLink  {width: 900px; color: #fff; font-family: arial; padding: 0px 0px;  margin: 0px; text-align: center; vertical-align: top;}


#splashLink a {color: #F1C028; font-size: 23px; font-family: arial; font-weight: 500;  margin: 0px;  padding: 0px 8px; text-decoration: underline;}
#splashLink a:link, #splashContent a:visited {color: #CC3300; font-size: 23px; font-family: arial; font-weight: 500;  margin: 0px;  padding: 0px 8px; text-decoration: none;}
#splashLink a:hover {text-decoration: underline;}

#splashLink h1 {color: #fff; padding: 0px; font-family: arial; font-size: 23px; font-weight: 800; text-align: center; margin: 10px 0px 15px 0px; }
#splashLink h2 {color: #fff; padding: 0px; font-family: arial; font-size: 23px; font-weight: 800; text-align: center; margin: 15px 0px 15px 0px; }
#splashLink h4 {color: #94853A;  font-size: 12px; font-weight: 800; letter-spacing: 0.0075em; text-align: center; vertical-align: top; margin: 10px 0px 10px 210px; text-align: justify;}


/*  *******************  photo page styles ******************** */

#photosPage {background-color: #333333;/*228px*/; padding: 0; margin: 0px ;}

.photosBackground {background-attachment: scroll; background-image: url(/images/HOHFest-2010-PhotosPgBckgrnd.png); background-repeat: no-repeat; background-position: center top; width: 890px; height: 820px; margin: 15px 0px 3px 0px;}

#flashcontainter {width: 800px; height: 500px; margin: 0px 100px 0px 0px; text-align: right; vertical-align: top;}

#photoContent  {width: 900px; font-family: arial; text-align: center; vertical-align: top; padding: 0px;  margin: 3px 0px 3px 0px; display: block; }

#photoContent p {color: #94853A; font-size: 12px; font-weight: 500; padding: 0px; margin: 3px 0px 5px 0px; }

#photoContent h1 {color: #fff; font-size: 23px; font-weight: 800; text-align: center; margin: 5px 0px 2px 0px; }
#photoContent h2 {color: #fff; font-size: 17px; font-weight: 800; text-align: center; margin: 0px 0px 0px 0px; }
#photoContent h3 {color: #333333; arial; font-size: 14px; font-weight: 800; text-align: center; margin: 0px 0px 0px 0px; }
#photoContent h4 {color: #333333; font-size: 10px; font-weight: 300; text-align: center;  margin: 1px 0px 0px 0px; }

#photoContent a:link, #splashContent a:visited {color: #666666; font-family: arial; font-size: 10px; font-weight: 800;  margin: 0px;  
padding: 0px; text-decoration: none;}

#photoContent a:hover {text-decoration: underline;}






.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.cleaner_with_divider {
	clear: both;
	width: 100%;
	height: 15px;
	border-bottom: 1px solid #333;
	margin-bottom: 25px;
	font-size: 1px;	
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: arial, sans-serif;
	width: 1024px;
	height: 25px;
	position: relative;
	font-size: 11px;
	z-index:100;
	letter-spacing: 0.009em;
	padding-right: 64px;
	padding-left: 64px;
	align: center;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#B9BC93; width: 123px; height: 20px; text-align:center; color:#979E61; border: 0px solid #271811; background:#000; line-height: 19px; font-size: 11px; overflow: hidden; font-weight: 600; padding: 2px;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ACA10D; background:#OBOA08;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:116px;}
.menu ul li:hover ul li a.hide {background:#OBOA08; color:#ACA10D;}
.menu ul li:hover ul li:hover a.hide {background:#000; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000; color:#B9BC93;}
.menu ul li:hover ul li a:hover {background:#000; color:#979E61;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:116px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}