BODY {width: 100%; 
height: 100%; 
margin: 0px; 
padding: 0px; 
background-image: url(Images/bg-winter.gif);background-repeat: repeat-x;}
/* this background style has an issue where only one page will print from the site
#background {width: 100%; height: 820px; background-position:center top; position: absolute; top:0px; background-repeat:	no-repeat;}
*/
#background {width: 100%; height: 820px; background-repeat:	no-repeat;}

#content { text-align:left;width: 797px; height: 1200px;  margin-top: 0px; padding-left: 0px; padding-top: 0px; margin-left: auto; margin-right: auto; }
#rightsidebar {    display: table-cell;  vertical-align: top; width:197px; background-color: white; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0px; padding-top: 0px;}
#leftsidebar {    display: table-cell;  vertical-align: top; width:197px; background-color: white;}
#main {border-right:solid 1px silver; width: 597px; background-color: #ffffff; vertical-align:top;}
#adminmain {border-right:solid 1px silver; width: 799px; background-color: #ffffff; vertical-align:top;}
#test 
{
/*	 border-top-color:#BC5D2D;*/
 border-top:solid 2px #BC5D2D;
	 
	}
	
.iowaattractions_header
{
margin:0px 0px 0px 25px;
}

	
.googleinfowindow
{
font-family:Arial;
font-size: 8pt;
border: dashes 1px black;
width:10px;	
	}
.starts
{
 font-style:italic;
 color:#da7724;	
	}	
.searchbutton 
{
vertical-align: middle;
 }	

.gobutton 
{
vertical-align: middle;
/*
margin:1px 0px 0px 0px 0px;
padding:1px 0px 0px 0px 0px;*/
 }	 
.searchtextbox
{
	border:0px;
border-style:none;
height:19px;
 vertical-align: text-top;
 }	 
.toolbar table
{
 font-size: 12px;
 font-family: Arial;
 padding: 0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 text-align: center;
 height:20px;
 background-color:#695E4A;
 vertical-align:middle;
}
.toolbar a.link
{
color:white !important;
}

.dynamictoolbar
{
 font-size: 12px;
/* padding:4px 0px 0px 0px;*/
 font-family: Arial;
 text-align: left;
 background-color:#695E4A;
 color:White;
 line-height:1.5em;
 width:150px;
 z-index:1;
}


.menuhoverstyle
{
    font-weight: bold;
}

#imageslideshow td
{
width:30px;
height:30px;
}

.imageslideshow table
	{  width:100%;
	}
.pictureyourself
	{
	padding:5px 5px 5px 10px;	
	height:70px;
	width:370px;
	margin:0px 0px 0px 5px;
	background:#04558C url('Images/TrvIA_PictureYourself.gif') no-repeat;;
	
	}

.pictureyourself_iowaatt
	{
	padding:24px 29px 24px 24px;	
	height:128px;
	width:229px;
	margin:0px 0px 5px 10px;
    background:url(Images/PictureHolder_css.jpg) no-repeat ;
	}

.pictureyourselfimage
{		margin:5px 1px 5px 10px;
}

.pictureyourself_title
{
	padding:5px 5px 5px 10px;
	font-family:Arial;
	font-size:small;
	color:#d6d2c8;
	font-weight:bold;
	text-transform:uppercase;
}

.pictureyourself_description
	{
 font-size:12px;
 padding:5px 5px 5px 5px;
 background-color:#d6d2c8;
 border:solid 2px white;
 font-family:Arial;
	}
P
{
    FONT-SIZE: 12px;
    MARGIN: 8px 15px 10px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: auto
}


P.small
{
    FONT-SIZE: 9px;
    MARGIN: 8px 15px 10px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: auto
}

table.content
{
    FONT-SIZE: 12px;
    MARGIN: 10px 10px 10px 15px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: auto
}

tr.content
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 2em;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: auto
}

fieldset
{
    FONT-SIZE: 12px;
    MARGIN: 8px 15px 10px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: auto;
    border:solid 1px silver;
   background-color:#F7F6F3;

}
label
{
FONT-FAMILY: arial, helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

legend
{

	border:solid 1px silver;
    FONT-WEIGHT: bold;
    BACKGROUND: #eee;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    COLOR: black;
    FONT-FAMILY: arial, sans-serif
}

#main H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    MARGIN: 10px 15px 8px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #003366;
    PADDING-TOP: 10px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}

H1.blue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    MARGIN: 10px 15px 8px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #003366;
    PADDING-TOP: 10px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}

.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    MARGIN: 10px 15px 8px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
    PADDING-TOP: 10px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}


H2.blue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    MARGIN: 10px 15px 8px;
    COLOR: #003366;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none;
    line-height:1.5em;
   
}
	

	.experienceiowa
	{
		float:left;
		margin:0px 0px 0px 5px;
	}

    .experienceiowapanel
    {
	text-align:center;
	margin: 5px 5px 5px 0px;
	float:right;
    }	

	.watchvideoheader
	{
		font-size: 18px; 
		color: white; 
		font-family: arial; 
		background-color: #1D376A; 
		TEXT-TRANSFORM: uppercase; 
		vertical-align:middle; 
		text-align:center;
		
	}
	.watchvideotitle
	{
		font-family:Arial;
		font-size:16px;
		color:#da7724;
	}
	.watchvideodesc
	{
		font-family:arial;



		font-size:12px;
	}
	.featuredevents 
	{
		font-size: 18px; 
		color: white; 
		font-family: arial; 
		background-color: #da7724; 
		TEXT-TRANSFORM: uppercase; 
		margin:0px 2px 0px 0px;
		vertical-align:middle; 
		text-align:center;
		padding:0;
	}

	.eventcalendar a
	{
		text-decoration:none;
	}
		
	.seemoreevents{display: table-cell; color:#695E4A;font-family:Arial;font-size:12px; padding: 0px 0px 0px 8px;}
	.seemoreevents a.link
	{color:#f4f4e7;}
	.eventname {font-size: 12px; font-family: arial; color: #b4aea4;}
	.eventdates {font-style:italic; font-size:10px; font-family:Arial;}
	.eventcity {font-style: normal; font-size:11px; font-family:Arial; font-weight: bold;}
	.eventmoreinfo a {color:White; font-style: normal; font-size:12px; font-family:Arial; font-weight: bold; background-color:#695E4A;}
	.pageheader {font-size: 19px; font-family: arial; text-align:left; }
	
	.homelocationname {font-family: arial; font-style:italic; font-size:16px; font-weight: bold}
	.homelocationdesc {font-family: arial; font-size:12px;}

	.attractionslocationname {font-family: arial; font-size:12px; font-weight:bold;}
	.attractionslocationdesc {font-family: arial; font-size:12px;}
	.attractionseventdates {font-style:italic; font-size:12px; font-family:Arial;}	
	.separator {background: url(Images/menudivider.jpg)}
	.footerlinks  {font-family:Arial;font-size:11px;color:#ffffff;  }
	.footerseparator {font-family:Arial;font-size:12px;color:#da7724;  }
	.seemorevideoslink{ color:#695E4A;font-family:Arial;font-size:12px; padding: 10px 0px 10px 8px;}

.attractioncategory
	{
	font-family:Arial;
	font-size:12px;
	color:#b4aea4;
	}
	
.attractionssearch
{
    COLOR: #da7724;
	padding:5px 5px 5px 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: arial, helvetica, sans-serif;
    cursor:pointer;
 }	
.attractionheader
{
	margin:5px 5px 5px 10px;
}

.attractionname
{
    COLOR: #da7724;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: arial, helvetica, sans-serif;
    cursor:pointer;
}

.attractionname_indent
{
	margin:0 0 0 15px;
    COLOR: #da7724;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: arial, helvetica, sans-serif;
    cursor:pointer;
}

.attraction_event_name
{
    COLOR: #da7724;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    cursor:pointer;
}	
.attractions_event_city
{FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: arial, helvetica, sans-serif;}

    A.footerlink:link
{
    FONT-SIZE: 11px;
	color:#ffffff;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}	

    A.footerlink:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
	color:#ffffff;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
    A.footerlink:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
	color:#ffffff;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
    A.footerlink:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
	color:#ffffff;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}

.picture
	{
	background-color:#f4f4e7;	height:auto;	width:95%;	margin-left:auto;	margin-right:auto;	border-width:10px;	border-color:#695e4a;
 	
	}

#attractionspicture
	{
	background-color:White;
	width:295px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f4f4e7;	
	height:auto;	
	padding:2px 2px 2px 4px;	
	margin-right:auto;	
	border-width:1px;	
	border-color:#695e4a;
	border-style:solid;
	}	
		
.upperleft
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(Images/PictureHolder_UpLeft.gif);
    MARGIN-LEFT: auto;
    WIDTH: 100%;
    MARGIN-RIGHT: auto;
    BACKGROUND-REPEAT: no-repeat;
	background-color:#f4f4e7;
}
.upperright
{
    BACKGROUND-POSITION: right top;
    BACKGROUND-IMAGE: url(Images/PictureHolder_UpRight2.gif);
    BACKGROUND-REPEAT: no-repeat
}
.lowerleft
{
    BACKGROUND-POSITION: left bottom;
    BACKGROUND-IMAGE: url(Images/PictureHolder_LowLeft.gif);
    BACKGROUND-REPEAT: no-repeat
}
.lowerright
{
    PADDING-RIGHT: 3%;
    BACKGROUND-POSITION: right bottom;
    PADDING-LEFT: 3%;
    BACKGROUND-IMAGE: url(Images/PictureHolder_LowRight.gif);
    PADDING-BOTTOM: 3%;
    PADDING-TOP: 3%;
    BACKGROUND-REPEAT: no-repeat
}

.detailsleft
{
	float:left;
	width:285px;
	margin:0px 0px 5px 5px ;
	background-color:White;
	padding:0px 0px 2px 2px;
}
#detailscenter
{
	
}	
.detailsright
{
	float:right;
	width:302px;
	vertical-align:top;
	margin:20px 0px 5px 0px ;
}

	.sitemap a.hover
	{
		text-decoration:underline;
	}
	.sitemap a.link
		{
			color:White;
		}
		.sitemap
		{color:White;}
	hr
	{ line-height:1.5em;}
	
	.sitemapheader{font-family:Arial;color:white;font-size:12px;text-decoration:underline;}
	.sitemapdata{font-family:Arial;color:white;font-size:10px;text-decoration:none;}
	.sitemapdata a.hover
	{
		text-decoration:underline;
	}	
	
	.attractiondetails_description
	{
		font-family:Arial;
		font-size:12px;
	}
	.attractiondetails_Nearest
	{
		font-family:Arial;
		font-size: medium;
	}	
	.attractiondetails_column
	{
	 font-weight:bold;
	  vertical-align:top;
	}
	h2
	{font-family:Arial;
		font-size:larger;
		font-weight:bold;
		border-bottom: dots 2px blue;
	}
	.attractiontitle
		{
		font-size:larger;
		font-weight:bold;
		border-bottom: dots 2px blue;		
		}
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}	

.collapsePanel {
      width: 280px;
      height:0px;
      background-color:white;
      overflow:hidden;
    padding: 5px;
}
 
.collapsePanelHeader{   
      width: 280px;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    }
    .breadcrumb 
    {
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
    }
    
    A.deepnavorange:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #da7724;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.deepnavorange:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #da7724;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.deepnavorange:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #da7724;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}
A.deepnavorange:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #da7724;
    LINE-HEIGHT: 1.1em;
    FONT-FAMILY: arial, helvetica, sans-serif
}


LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: auto
}

li.deepnav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 8px 15px 10px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: auto
}
ul.deepnav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    LIST-STYLE-IMAGE: url(images/navarrow.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 8px 15px 10px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, helvetica, sans-serif
}
.menu A:link
{
    FONT-WEIGHT: normal;
    COLOR: white;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}

.menu A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menu A:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menu A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}

.staticmenuitem
{
text-align:center;
}

A:link
{
    FONT-WEIGHT: normal;
    COLOR: #da7724;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #da7724;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #da7724;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #da7724;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}

IMG.pad
{
    padding:10px 10px 10px 10px;
	border: solid 1px #9a9a9a;
	margin: 10px 10px 10px 10px;
}
IMG.pad-right
{
    padding:10px 10px 10px 10px;
	border: solid 1px #9a9a9a;
	margin: 10px 10px 10px 10px;
}

  .treetable {
    }
    
    .treetable th {
      background:#ddd;
      margin:1px;
      padding: 0 5px;
      font-weight:normal;
      font-size: 90%;
    }
    
    .treetable td {
      background:#eee;
      margin:1px;
      padding: 0 5px;
    }
    
    
    .treetable a {
      text-decoration:none;
      color:#090;
    }
    
    .button {
      border:none;
      margin: 0 4px 0 0;
    }

.fallfoliage
{
margin:10px 10px 10px 10px;
}
/*.fallfoliage2:39 PM 11/21/2008
{
	margin:0px 0px 0px 0px;
}
*/
.greentrips
{
margin:10px 10px 10px 10px;
}

.right { float: right; }
.left { float: left; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
p img { padding: 0; max-width: 100%; }