* {
    margin: 0;
    padding: 0;
}

body {
	padding:0;
	border:0;
	color:rgb(0,0,0);
	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:normal;

	width:960px;
	margin:auto;
	padding-top:10px;
	padding-bottom:60px;
	background:rgb(255,255,255);
	/*background-image: url('/images/GrassTaller.jpg');*/
    background-position:left top;
    background-size: 100%;
    line-height: 1.4em;
    position:relative;
    padding-left:10px;
	padding-right:10px;
	/*text-shadow: 1px 1px 1px #888;*/	/* Horiz offset, Vertical offset, Blurr radius, Shadow color */
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: linear;
	transition-delay: 0s;
}


/********** Parallax header **********/
.parallax-viewport {
    position: relative;
    overflow: hidden;
}

.parallax-layer {
    position: absolute;
}

.parallax-viewport {
  width: 960px;
  margin:auto;
  height: 180px;
  background-color:#aebcc9;
}
/* End of Parallax header */



/********** Top level page layout **********/

/* Horizontal menu */
#divMenuHoriz {
	z-index: 9999;
	width: 940px;
	padding-left:10px;
	padding-right:10px;
}

.navButtons {
	width:940px;
	padding-left:10px;
	padding-right:10px;
	transition: all .5s linear 0;	/* Which property(s) will transition, duration, linear or not, how long before transition starts */
}

#GoToLinks {
	width:940px;
	padding-left:10px;
	padding-right:10px;
	/* font-size:36px; */
	/* font-weight:bold; */
}

#Welcome {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#CurrentSteps {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divPlotAllLayers {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divElevationAllLayers {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divZoomer {	
	width:940px;
	padding-left:10px;
	padding-right:10px;
	position:relative;	/* Needed to make captions overlayed on the zoomer rather than at top of page */
}

#MainDefaultBody {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}





#divCarnationsHuge {
	width:940px;
	padding-left:10px;
	padding-right:10px;
	/*max-width:940px;*/
	/*min-width:600px;*/
	/*
	width:930px;
	padding-left:5px;
	padding-right:5px;
	margin-left:10px;
	margin-right:10px;
	background-color:rgba(192,192,192,0.3);
	*/
}

/* divSliderFrame3 (See separate CSS file) */

#divYouTubeBlake {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divWelcome {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

/* divSliderFrame2 (See separate CSS file) */

#divCountdown {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divWhere {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divTickets {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divLastYearAwesome {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

/* divSliderFrame1 (See separate CSS file) */

#divEvenBigger {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divImageMap {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divBuyMoreTickets {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divWhatPressSaid {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}

#divIfYouWant {
	width:940px;
	padding-left:10px;
	padding-right:10px;
}



/*** Headings ***/
h1 {
	padding-top:12px; 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:48px;
	font-weight:bold;
	color: #000000;
	padding-bottom:9px;
}
h2 {
	padding-top:10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:32px;
	font-weight:bold;
	color: #C2000F;
	padding-bottom:5px;
}
h3 {
	padding-top:8px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:28px;
	font-weight:bold;
	color: #8064a2;
	padding-bottom:4px;
}
h4 {
	padding-top:6px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:bold;
	color: #f79646;
	padding-bottom:3px;
}
h5 {
	padding-top:4px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:22px;
	font-weight:bold;
	color: #ff0000;
	padding-bottom:2px;
}
h6 {
	padding-top:2px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	font-weight:bold;
	color: #ff0000;
	padding-bottom:1px;
}
p {
	padding-top:6px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:normal;
	color:#000;
	padding-bottom:3px;
	padding-left: 5px;
    padding-right: 5px;
}




/*** Link styling ***/
a {
	transition: all .5s linear 0;	/* Which property(s) will transition, duration, linear or not, how long before transition starts */
	color:rgb(0,0,128);
	text-decoration: underline;
}

a:hover {
	color:rgb(128,128,255);
}

a:active {	/* When clicked */
	rgb(128,0,128);
}

a:visited {
	rgb(64,256,64);
}

/* Remove annoying border on linked images. */
a img {
    border:none;
}

/* Do use a border around tables. */
.MyTable table {
     border: 1px solid black;
     border-collapse: collapse;
     background-color: #f1f1c1; /* Want this but it seems to mess up the search box */
 }
 .MyTable th {
     border: 1px solid black;
     border-collapse: collapse;
     background-color: #f1f1c1; /* Want this but it seems to mess up the search box */
     text-align: left;
     padding-left:10px;
 }
.MyTable td {
     border: 1px solid black;
     border-collapse: collapse;
     background-color: #f1f1c1; /* Want this but it seems to mess up the search box */
     padding-left:10px;
 }

/*
.MyTable th {
    text-align: left;
} 
.MyTable th {
    padding-left:10px;
 }
.MyTable td {
    padding-left:10px;
 }
 */

.searchBox {
	float:right;
	margin-top:0px;
	padding:0px;
	width:300px;
	/*background-color: #ffffff; */	/* This did not fix the color from the table background */
}

.PageDescription p {
     z-index:-1;
     font-size:24px;
	 font-weight:bold;
	 font-style:oblique;
	 color:#8C6239;	/*#826F13;*/ 	/*#C2000F;*/
}

#PageRefNum {
	margin-left:540px;
	margin-right:auto;
	margin-top:-30px;
	padding:0px;
	font-size:10px;	
}

#DaveIcon {
	margin-left:928px;
	margin-right:auto;
	margin-top:-40px;
	padding:0px;	
}




/*********** Horizontal menu **********/
/* Used to make drop-down below the menu heading */
#divMenuHoriz .toprow > ul {
	margin-top:36px;	/* Was 28  Moves sub menus down but does not highten top menu */
	z-index:9998;
}

/* Always visible top level menu items */
li {
	background:transparent;
	position:relative;
	float:left;
	display:block;
	z-index:9998;
	font-size:32px;
}

/* SubMenu items */
li li {
	background:rgba(192,192,192,0.9);
	display:none;
	z-index:9998;
	font-size:24px;
}

/* SubContainer */
li ul {
	position:absolute;
	display:block;
	top:0;
	width:0;
	left:0;
	margin-left:0;
	height:0;
	z-index:9999;
	font-size:24px;
}

/* Links used in the menus */
#divMenuHoriz a {
	/* background:rgba(0,0,0,0.2); */	/* transparent; */
	/* line-height:36px; */	/* Was 28 */
	text-indent:10px;
	/* font-size:24px; */  /* Changes font size of all menu items.  Don't want this - it's better to do it specifically */
	color:#000 !important;	/* #fff !important; */
	text-decoration:none;
	font-weight:bold;
	display:block;
	height:36px;	/* Was 28 */	/* Without this line the text wraps to a second line */
	width:auto;
	/* z-index:9999; */
}

/* Green highlighting on menu items */
/*
#divMenuHoriz a:hover {
	background:#60ff80;
	z-index:9998;
}
*/

/* Set the widths of the different menu layers */
#divMenuHoriz .menuTop {
	width:230px;
	font-size:32px;
	z-index:9998;
	line-height:36px;
}

#divMenuHoriz .menuTop a:hover {
	width:230px;
	font-size:32px;
	z-index:9998;
	line-height:36px;
	background:#60ff80;
	z-index:9998;
}


#divMenuHoriz .menuSub1 {
	width:230px;	/* If this is not the same as the top level then overlap problems */
	z-index:9998;
	font-size:16px;
	line-height:36px;
}

#divMenuHoriz .menuSub1 a:hover {
	width:230px;	/* If this is not the same as the top level then overlap problems */
	z-index:9998;
	font-size:16px;
	line-height:36px;
	background:#60ff80;
	z-index:9998;
}


#divMenuHoriz .menuSub2 {
	width:450px;
	z-index:9999;
	font-size:16px;
	line-height:36px;
}

#divMenuHoriz .menuSub2 a:hover {
	width:450px;
	z-index:9999;
	font-size:16px;
	line-height:36px;
	background:#60ff80;
	z-index:9999;
}


#divMenuHoriz .menuSub3 {
	width:120px;
	z-index:9999;
	font-size:16px;
	line-height:36px;
}

#divMenuHoriz .menuSub4 {
	width:120px;
	z-index:9999;
	font-size:16px;
	line-height:36px;
}

#divMenuHoriz .menuSub5 {
	width:120px;
	z-index:9999;
	font-size:16px;
	line-height:36px;
}

/* End of horizontal menu */





/* Used to modify the H3 used for menu section headings */
#SectionHeading {
	color: #FFFFFF		/*	#928167;	*/
}

/* Hack for IE \*/
* html .sidebarmenu ul li {
	float: left;
	height: 1%;
}
* html .sidebarmenu ul li a {
	height: 1%;
}
/* End IE hack */



#searchBox {
	width: 300px;
	background-color: #A0A0A0;
}

/*** Footer ***/
#footer {
	border: 0;
	margin: 0;
	clear: both;
	width: 99%;
	overflow: hidden;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 1%;
}

#footer p {
	font-size: x-small;
}

#footer a {
	color: #393939;
	text-decoration: underline;
}

#footer a:hover {
	color: #393939;
	text-decoration: none;
}
/*** End Footer ***/


/*** Useful syntax ***/
/* To make different sections of the site have different looks */
#section1 h1 {
    color:rgba(128,128,128,0.5);
    font-weight: bold;
}
#section1 p {
    color: red;
}
#section2 p {
    color: blue;
}