@import url(/_includes/forms.css);
@import url(/_includes/DataGridPlus.css);

body, html { width: 100%; height: 100%; }
body {
	margin: 0; padding: 0;
	font: 12px Verdana, Arial, sans-serif; /* most browsers scale pixel fonts, but not IE */
	color: #333;
	background: #415B3E url(/images/common/tw_margin-tile.jpg);
	text-align: center;
	}
/* \*/* html body { font-size: 76%; }/* percentage font for IE windows for scalable fonts */
p, td, dt, dd, li, div, tr, table, input, select, textarea { font-size: 1em; color: inherit; }
h1, h2, h3, dd, p, dl, li, form { margin: 0; padding: 0; font-size: 1em; }
h1 {font-size:17px;}
h2.hdrdivider { background: url('/images/int/tw_int_sep-line.gif') no-repeat bottom left; padding-bottom: 8px; width: 100%; }
table, img, a img { border: none; }

p { margin: 1em 0; }

dt {font-weight:bold; margin-left:20px; color:#333399;}
dd {margin-left:40px; margin-bottom:12px;}

strong em { text-transform: uppercase; text-decoration: underline; font-style: normal; }

#content p { margin: .1em 0 1.1em; line-height: 1.4; }
#content table p,#content li p { line-height: 1.2; }
#content .DataGrid { font-size: 1em; }
#content h1 { margin: 1em 0 .5em; font: normal 1.4em/1 "Arial Black",Arial,serif; color: #435861; word-spacing: -1px; }
#content h1#viewby { font-size: 1.1em; margin: 0; }
#content h2, #results dt { margin: 1.2em 0 .5em; font-size: 1.2em;color: #415B3E; }
#results dt { font-weight: bold; display: block; }
#content h3 { margin: 1.2em 0 .2em; font-size: 1em; }
#content h3.event  { margin-top:  0; }

#hfelinks a:link, #hfelinks a:visited { color: #57493F; }
#copy a:link, #copy a:visited { color: #CFA78D; }
#copy a:hover { text-decoration: none; }

a:link { color: #B0511E; text-decoration:underline; }
a:visited { color: #415E40; text-decoration:underline; }
a:focus, a:hover, a:active { color: #B0511E; text-decoration:none; }

a.more { padding-right: 15px; background: url(/images/sdc_box_int_pointer.gif) no-repeat right; height: 13px; line-height: 15px; font-size: .9em;   }
a.more:link, a.more:visited { color: #AD1800; }
a.more:focus, a.more:hover, a.more:active { color: #064591; background-image: url(/images/sdc_box_int_pointer_m.gif); }

/* links for search pages (eg. Plan This Trip, EMail This Trip,...etc */
a.x10B:link, a.x10B:visited, a.x10B:hover {
	font-size: .83em;
	font-weight: bold;
	white-space: nowrap;
}

.tblHdr {
	font-size: 1.5em;
	font-weight: bold;
	background: #000000;
}

.photo { float: right; display: inline; margin: .5em 1em; width: 300px; }
.wide { width: 300px; }
.tall { width: 200px; }
.left { float: left; }
.photo p, .photo span, .caption { font-weight:bold; font-size:.83em; }



/*	RIGHT MENU ***********************/
.rightMenuTbl { background: #F1ECD8; border: #8799C1 1px solid;}
.rightMenuHdr { background: #373C8D; font-size: 13px; font-weight: bold; color: #FFFFFF; text-align: center; }
.rightMenuContent { padding: 5px; }
a.rightMenu:link, a.rightMenu:visited { font-size: 11px; color: #DA2216; line-height: 18px; }
a.rightMenu:hover { font-size: 11px; color: #DA2216; text-decoration: none; line-height: 18px; }

.bold {font-weight: bold;}
.errormsg {color:#FF0000; font-weight:bold;}
.error {background-color:Yellow;}

.offerDisclaimer 
{
	font-style: italic;
}

.photoborder { border: 1px solid #000000; }

/* GENERAL STYLES *****************************/
.eventinfo { margin-left: 2em; }
.offerDisclaimer {font-style: italic; font-size: smaller;}
img.pngbackground {
	background: url(/images/int/tw_int_tile.jpg) #E7DEBD;
}
.footnote { font-style: italic; font-size: .9em; }

.data { border-collapse: collapse; border: 1px solid #733A19; background:#E7DCB8; margin: 1em auto; }
.data th { padding: 2px 2px 3px 5px; border: 1px solid #733A19; background: #A35628; color:#fff;  }
.data td { padding: 3px;  border: 1px solid #986344; }
.data tr.alt1 { background: #EFE9D1; }
.data .hdr2 { background: #9C7B36; color: #fff; font-weight: bold; }
tr.alt1 td.cost { background: #DFB969; }
td.cost { background: #DBAD4F; }
td.retail, td.total,td.where,#pr_purchase,#pr_total { text-align: center; }
.addinfo { display: block; font-size:.83em; }

/* RIDES/ATTRACTIONS/SEARCH GENERAL STYLES **********************/
#viewbuttons { margin-bottom: .5em; }
#eventsearch, .box { border: #A39E80 1px solid; background:#F2EDDB; font-size: .83em; padding: 5px;}
div.box { font-size: 1em; padding: 5px 0; }
.box #eventsearch { /*background: url(/images/int/tw_int_tile.jpg);*/border: none; }
.key { font-size: .83em;  }

div.p { margin: .2em 0 1em; }
.eventfeatured, .eventfinalyear, .eventnew, .eventwet { color: red; font-weight: bold; }
.eventseasonal { margin: 1.2em 0 .5em; font-size: 1.4em;color: #3A622D; font-weight: bold;}
.attrTable { width: 100%;margin-bottom: 1em; }
.attrTitle { margin-bottom: .3em;}
.attrName, a.attrName { font-size: 1.15em; color: #A61800; font-weight: bold; margin: 0; }
a.attrName:link, a.attrName:visited { color: #A61800;  text-decoration: underline; }
.attrDates { font-weight: bold; }
.morelink { text-align:right; padding-bottom:.5em; font-weight: bold; font-size: 1.1em;}

/* BUTTON STYLES ****************************/
input.catButton, input.selCatButton {
 border: #A59F7F 1px solid;
 margin: 2px 0;
 font: bold 1em Arial,Verdana,sans-serif;
 color: #2D327A;
 background: #FBF9EC;
 text-decoration: none;
 cursor: pointer;
 text-transform: uppercase;
}
input.selCatButton, input.catButton:hover {  font-size: 1em; color: #FBF9EC;  background: #2D327A; }




#btnSearch, input.purpleButton {
 border: #223D1D 1px solid;
 margin: 2px 0;
 font: bold 1.1em Arial, Verdana, sans-serif;
 color: #ffffff;
 background: #3A622D;
 text-decoration: none;
 cursor: pointer;
 text-transform: uppercase;
}

#btnSearch, input.purpleButton:hover
{
	font-size: 1.1em;
	color: #ffffff;
	background: #A81800;
}


/* LAYOUT STUFF ******************************/

/* Begin hide from IE mac \*/
#canvas, #base { min-height: 100%; height: 100%; }
body>form { width: 100%; min-height: 100%; height: 100%; }
/* Stop hide - IE5 Mac can do bad things to 100% heights */
#canvas {
	width: 95%; min-width: 772px;
	margin: 0 auto;
	text-align: left;
}
#base {
	border: 1px solid #000;
	border-width: 0 1px;
	width: 99.8%;
	background: #A24F1E url(/images/int/tw_int_topright_tile.jpg) repeat-x 770px 0;
}
#header, #midnav, #tblmain { width: 100%; }

#header { background: url(/images/int/tw_int_top_left2.jpg) no-repeat top left; }
#heading { width: 100%; }
#heading h1 {
	height: 90px; width: 100%; overflow: hidden;
	background: url(/images/subs/sdc_intsub_craftsman.jpg) no-repeat top left; 
}	
#midnav { background: url(/images/int/tw_int_midnav_base.jpg) no-repeat left; height: 40px; }
#midnav td { text-align: center; }
.mndivide { background:url(/images/common/tw_nav_sep.gif) no-repeat center; }

#midnav li { padding:8px; font-weight:bold; text-align:left; }
#midnav ul li a{ width:100%; text-decoration:none; }
#midnav .alt { background-color:#0B610B; }
#midnav .alt a{ color:#E9EDEC; }
#midnav .alt a:hover { color: #B0511E; text-decoration:none; }
#midnav ul {
	position:absolute;
	list-style:none;
	margin:0; padding:0;
	display:none;
	width:150px;
	background: #D4AD66;
	border: 1px solid #815827;
	*left:0;	
	top: expression(this.parentNode.offsetHeight + "px");
}
.emailbg { width: 98px; vertical-align: top; }

#tblmain { background: #E7DEBD url(/images/int/tw_int_tile.jpg); }
#navtd { background: url(/images/int/tw_int_left-tile.jpg) repeat-y; width: 246px; }
#navwrap { padding-bottom: 118px; }
#navigator { background: #9C3E02 url(/images/int/tw_intnav_base.jpg) no-repeat;  }
#searchfrm, #searchfrm table { height: 44px; margin: 0 auto; }
#searchfrm table { height: 40px; }
#searchfrm { background: url(/images/int/tw_int_search_base.jpg) no-repeat; text-align: center;  }

#contenttd { background: url(/images/int/tw_int_midnav_bot_cap.gif) repeat-x top left; padding-top: 25px; }
#content { padding: 0px 25px; margin-bottom: 1em; margin-top: 1em; }
#spacing { /* create space for footer / give IE breaking point */
	width: 527px;
	height: 100px;
	overflow: hidden;
}

#footer {
	background: url(/images/int/tw_int_bot_rustbase.gif) repeat-x left bottom;
	margin-top: -100px;
	text-align: center;
	font-size: .83em;
	position: relative;
}
/*  NOT for IE mac  \*/
* html #footer { width: 100%; }
/* END NOT for IE mac */
#footer p, #footer address { margin: 0; font-style: normal; }
#hfelinks { text-align: center;  margin-left: 260px; }
#hfelinks h3 { font-weight: normal; font-size: 1em; }
p#twlinks { margin: 12px 0;  } 
#copy { padding: 7px 0 10px; color: #CFA78D; font-weight: bold; }

/* GET ADOBE */
#getacro { text-align: center; font-size:.9em; clear: both; }
#getacro p { padding: 4px 5px; background: #EFE9D1; border: 1px solid #986344; margin: 0 auto; width: 80%; overflow: auto; text-align: left; line-height:1.1; }
#getacro img { float: left; margin-right: 5px; display: inline; }

#sdcfootlink {display:none}



#navigator div, #midnav td {position:relative; z-index:10;}
#navigator ul, {
	position:absolute;
	list-style:none;
	margin:0; padding:0;
	display:none;
	width:200px;
	background: #D4AD66;
	border: 1px solid #815827;
	*left:0;	
	top: expression(this.parentNode.offsetHeight + "px");
}

#navigator div:hover ul, #midnav td:hover ul {display:block;}
#navigator div.iehover ul, #midnav td.iehover ul {display:block;}
#navigator li {	padding: 3px 10px 3px 15px; }

* html #navigator ul , * html #midnav ul
{
	left: 0;
}

* html #navigator li, * html #midnav li {
	float: left;
	clear: left;
	width: 100%;
}