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

body {
	background: #F9F6E4;
	font-size: 12px;
	margin: 0px;
}

h1 {
	color: #C44F39;
	font-size: 17px;
	font-weight: bold;
}

h2, #results dt {
	color: #438798;
	font-size: 14px;
	font-weight: bold;
}

p,ul,ol,li,div {
	font-size: 1em;
	font-family: verdana, arial, helvetica;
	color: inherit;
}

#footer {
	font-size: 10px;
	color: #ffffff;
	padding: 30px 0px 20px 25px;
}

.pages {
	font-size: 11px;
	font-weight: bold;
}

.pageLink {
	font-size: 12px;
}

.pnlSubhead {
	background-repeat: no-repeat;
}

.subsub {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

.offerDisclaimer 
{
	font-style: italic;
}

#content {
	font-size: 12px;
	padding: 5px 20px 10px 25px;
}
/* \*/* html #content {
	/*width: 100%; **removed by josh -- was causing the page to overextend its space. What was this here for? */
}/* end hide from MAC

/*=====================================================================================================
 BEGIN STYLES ADDED BY ELTON 
=======================================================================================================*/

#content h1 { margin: 1em 0 .5em; font: normal 1.4em/1 "Arial Black",Arial,serif; word-spacing: -1px; }
#content h1#viewby { font-size: 1.1em; margin: 0; }

.assoc { padding-left: 1em; text-indent: -1em; }

/* 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 {  border: none; }
.key { font-size: .83em;  }

div.p { margin: .2em 0 1em; }
.eventfeatured, .eventfinalyear, .eventnew, .eventwet { color: red; font-weight: bold; }
.eventseasonal { color: #438798; font-size: 16px; 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;}

input.catButton, input.selCatButton, #btnSearch {
 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; }
#eventsearchhdr { font-size: 11px; text-align: center; background: #75995D; color: #ffffff; font-weight: bold;}
/*======================================================================================================
 END STYLES ADDED BY ELTON 
========================================================================================================*/

/*	RIGHT MENU ***********************/
.rightMenuTbl { background: #E5ECFF; border: #8799C1 1px solid;}
.rightMenuHdr { background: #314C91; 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; }

#content td {
	font-size: 12px;
}

.x11Bb{
	font-size: 11px;
	font-weight: bold;
}

.caption {
	font-size: 11px;
	font-style: italic;
	color: #C0693C;
}

.errormsg {font-size:10px; color:#FF0000; font-weight:bold;}

.footerYellow {
	font-weight: bold;
	color: #F5E375;
	font-size: 10px;
}

.noMargin {
	margin: 0px;
	padding: 0px;
}

.leftIndent {
	padding-left: 15px;
}

.bold {
	font-weight: bold;
}

.greenBold{
	font-weight: bold;
	color: #7C9948;
}

.leftNav {
	list-style: none;
	margin: 0px 5px 5px 20px;
	padding-left: 0px;
}

.leftNav li {
	line-height: 14px;
}

.leftNav li {
	padding: 0px 0px 3px;
}

a:link {
	color: #CD5030;
}

a:visited {
	color: #418697;
}

a:hover {
	text-decoration: none;
}

a.x11B:link, a.x11B:visited, a.x11B:hover {
	font-size: 11px;
	font-weight: bold;
}

a.rightMenu:link, a.rightMenu:visited, a.rightMenu:hover {
	font-size: 11px;
	font-weight: bold;
	color: #779245;
}

a.foot:link, a.foot:visited {
	color: #ffffff;	
	font-size: 10px;
	font-weight: bold;
}

a.foot:hover {
	color: #ffffff;	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

a.leftNavLnk:link, a.leftNavLnk:visited {
	font-family: tahoma, verdana; 
	font-size: 11px;
	color: #FFFCEA;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	line-height: 1px;
}

a.leftNavLnk:hover
{
	color:#FFFCEA;
	font-family: tahoma, verdana; 
	font-size: 11px;
	cursor:pointer;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1px;
}

#secnav li ul { list-style: none; margin: 0 0 5px 16px; padding: 0;  }
#secnav li li { padding: 2px 0; }

/***********************
	FORM CLASSES
***********************/
.inputBlue {
	background: #A4C0C4;
	font-size: 10px;
	color: #000000;
	border: 1px solid #334C51;
}

.inputGreen {
	background: #D7E1AF;
	font-size: 10px;
	color: #000000;
	border: 1px solid #5E6C3B;
}

/***********************
	TOPBAR CLASSES
***********************/
.TopMenuGroup
{
  border: none;
  /*background: url('/images/interior/smp_int_top_nav_tile.gif') #C0693C;*/
  cursor: pointer;
}

.MenuGroup
{
  /*background-color:#F9F6E3;*/
  filter: Alpha(opacity='90');
  -moz-opacity:0.9;
  opacity: 0.9;
  color:#3E7786;
  font-family:verdana;
  font-size:11px;
  cursor:pointer;
  font-weight: bold;
}

.MenuItem
{
  background-color:#F9F6E3;
  color:#3E7786;
  font-family:verdana;
  font-size:11px;
  border: solid 1px white;
  cursor:pointer;
  font-weight: bold;
}

.MenuItemHover
{
  background-color:#DAE8CA;
  color:#384521;
  font-family:verdana;
  font-size:11px;
  border: solid 1px white;
  cursor:pointer;
  font-weight: bold;
}

.TopBarDivider {
	width: 6px;
	height: 24px;
	background: smp_int_top_nav_divider.gif;
}

/***********************
	NAVBAR CLASSES
***********************/
.NavBar
{
  padding: 0px;
  cursor: default;
  color: #ffffff;
  margin: 0px;
  width: 217px;
  font-size: 11px;
} 

.NavBarTopItem
{
  padding: 0px;
  margin-bottom: -1px;
  cursor: pointer;
  color: #ffffff;
  width: 217px;
  font-size: 11px;
} 

.NavBarItem
{
  font-family: tahoma, verdana; 
  font-size: 11px;
  color: #FFFCEA;
  padding-left: 25px; 
  padding-top: 2px; 
  padding-bottom: 4px; 
  width:217px;
  cursor:pointer;
  font-weight: bold;
}

.NavBarItemHover
{
  color:#FFFCEA;
  font-family: tahoma, verdana; 
  font-size: 11px;
  padding-left: 25px;
  padding-top: 2px; 
  padding-bottom: 4px; 
  width:217px;
  cursor:pointer;
  text-decoration: underline;
  font-weight: bold;
}

.Level2Item
{
  font-family: tahoma, verdana; 
  font-size: 11px; 
  padding-left: 10px; 
  cursor:hand;
}

.Level2ItemHover
{
  font-family: tahoma, verdana; 
  font-size: 11px; 
  text-decoration:underline;
  padding-left: 10px; 
  cursor:hand;
}

.Level2Group
{
  background-color: white;
  border: 1px #D4D0C8 solid;
  padding:5px;
  padding-left:10px;
  padding-right:0px;
  width:184px;
  font-size: 11px;
}

.Empty
{
}

/**********************
	SITE MAP CLASSES
************************/
.siteMapRoot
{
	font-weight:bold;
	margin-top:15px;
}
:focus, :active { outline: 0 none; }


/* Calendar Tab Page */
.parkhours { font-size: 1.1em; text-align: center; }
#NextPrev { float: right; padding-top: 6px; padding-left: 10px; line-height: 20px;}
#DateTime { padding-top: 6px; float: left; padding-left: 5px; padding-right: 10px; line-height: 20px; }
#navigation {list-style: none; margin: 0; padding: 0;float: left;}
#navigation li {display: inline; padding: 0; margin: 0 0 0 2px;  font-size: 12px; float: left; background: url(/images/cal/smp_events_tab_nonactive_middle.gif) repeat-x top; border-bottom: 1px solid #B2AEA2; }
#navigation a { display: block; text-decoration: none; background: url(/images/cal/smp_events_tab_nonactive_right.gif) right top no-repeat; text-align: center; }
#navigation a span { cursor: pointer; color: #fff; font-weight: bold; display: block; background: url(/images/cal/smp_events_tab_nonactive_left.gif) left top no-repeat; height: 22px; padding: 5px 20px 0;}
* html #navigation a span { width: 1%; white-space: nowrap; }
#navigation li.active {background-image: url(/images/cal/smp_events_tab_active_middle.gif); border-bottom-color: white; }
#navigation .active a {background-image: url(/images/cal/smp_events_tab_active_right.gif);}
#navigation .active a span {color: #000;  background-image: url(/images/cal/smp_events_tab_active_left.gif); }
    



#TabArea {zoom: 1; width: 730px; margin: 0 auto;position: relative; z-index: 2; overflow:Hidden; }
#DisplayArea {width: 730px; border: 1px solid #B2AEA2; background-color: #FFF; min-height: 400px; margin: 0 auto; clear: both; margin-top: -1px;}

#DisplayArea .search { background: #F2EDDB; border-bottom: 1px solid #B2AEA2; padding: 5px 10px; }
#DisplayArea .field { padding-right: 1em; }
#DisplayArea .item .thumbnail { float: right; margin: 5px 0 0 5px; display: inline; height: 60px;  }

.urgent { margin: 5px; min-height: 50px; background-color: #FFD101; padding: 5px 20px 5px 20px; }
.alt { background-color: #89B70E; }

.DateFont {font-size: 16px; font-family: Arial, sans-serif; color: #A87D5F; font-weight: bold;}
.PrevNext {font-size: 10px; font-family: Arial, sans-serif; color: #BAB7A6;}
a.PrevNext:link, a.PrevNext:visited { color: #BAB7A6; text-decoration: underline;}
a.PrevNext:hover, a.PrevNext:active { color: #BAB7A6; text-decoration: none;}

#DisplayArea .item { margin: 10px 5px 10px 5px;  padding: 15px; }
#DisplayArea .odd { background: #fff; }
#DisplayArea .even { background: #E3EEF0; }
#DisplayArea h2 { padding: 5px 15px; }
#DisplayArea .item h3 { margin: 0; font-size: 14px; }
#DisplayArea .item h3 a:link, .item h3 a:visited { color: #3A8C9F; }


.EventHeader {font-size: 15px; font-weight: bold; color: #3A8C9F!important;}
.Staple {color: #3A8C9F; font-weight: bold;}
.time {color: #3A8C9F;}

a.moreLink:link, a.moreLink:visited {color: #89B70E}

/* Calendar Page Styles */

.SideMonth {border: 1px solid #A59F7F; border-width: 1px 0 0 1px; background: #F2EDDB;}
.otherday {border: 1px solid #A59F7F; background: #F2EDDB;  padding: 2px 1px 3px 0;}
.SideDayHeader {border: 1px solid #A59F7F; border-width: 0 1px 1px 0; font-weight: bold; background-color: #A4C0C4; color: #fff;}
.SideCalMonth {border: 1px solid #A59F7F; border-width: 0 1px 1px 0; font-size: 1.1em; font-weight: bold; color: #fff; background-color: #30676F; padding: 2px 0; text-transform: uppercase;}
.SideDay {border: 1px solid #A59F7F; border-width: 0 1px 1px 0; vertical-align: middle; padding: 2px 1px 3px 0;}
.SideDay a { color: #333; font-weight:bold; text-decoration: none;  } 
.TodayStyle, a.TodayStyle {color: #fff; font-weight: bold;}
.otherday a {color: #F2EDDB;}
.TodayStyle a {color: #ffffff; text-decoration: none;}


p.disclaimer { color: #B30; font-size: 1.1em; }
.colorkey { font: 1.1em "Arial Black", Arial, sans-serif; color: #C44F39; letter-spacing: 1px; }

#calholder { width: 100%; overflow: hidden; margin: 0; }
.calendar { margin: .3em .2em; display: inline; float:left; }

.month { border: 1px solid #A59F7F; border-width: 1px 0 0 1px; background: #F2EDDB; }
.calmonth { border: 1px solid #A59F7F; border-width: 0 1px 1px 0; font-size: 1.1em; font-weight: bold; color: #fff; background: #488A9A url(/images/interior/smp_int_nav_tile.gif) center right; padding: 2px 0; text-transform: uppercase;  }
.dayheader { border: 1px solid #A59F7F; border-width: 0 1px 1px 0; font-weight: bold; background: url(/images/interior/smp_subhead_tile.gif) left bottom; color: #fff; }
.day { border: 1px solid #A59F7F; border-width: 0 1px 1px 0; vertical-align: middle; padding:2px 1px; }

.day a.date { color: #333; font-weight:bold; text-decoration: none;  } 
.hrsteal a.date, .hrsteal { background: teal; }
.hrsaqua a.date, .hrsaqua { background: aqua; }
.hrsnavy a.date, .hrsnavy { background: navy; color: #fff; }
.hrsblue a.date, .hrsblue  { background: blue; color: #fff; }
.hrspurple a.date, .hrspurple { background: purple; color: #fff; }
.hrspink a.date, .hrspink { background: pink; }
.hrsmaroon a.date, .hrsmaroon { background: maroon; color: #fff; }
.hrsred a.date, .hrsred { background: red; }
.hrsyellow a.date, .hrsyellow { background: yellow; color:  }
.hrsorange a.date, .hrsorange { background: orange; }
.hrswhite a.date, .hrswhite { background: white; }
.hrsgreen a.date,.hrsgreen  { background: green; color: #fff; }
.hrsblack a.date, .hrblack { background: black; color: #fff; }