﻿
html { background: #f4f4f4 url(/Content/Images/BgHtml.png); }
body { behavior: url(/Content/Style/hover.htc); }
a, .option-link
{
    color:#ef3e36;
    font-weight:bold;
    text-decoration:none;
}

body
{
    background: transparent url(/Content/Images/BgBody.png) repeat-x top left;
    color:#323232;
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    font-size:12px;
    margin:0px;
    line-height:normal;
    padding:0px;
}
img
{
    border-width:0px;
}
	ul.IR li { 
		position: relative;
		/*overflow: hidden; */
		font-size: 0.9em;
		margin:0px;
		padding:0px;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the 
																			  sub menus don't disappear before selecting them */
	.nav li, .nav li em { width: 129px; height: 68px; }
	
	* html>body ul.nav li em { margin-bottom: -24px; } /* for ie5.x/mac only */

.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em, .link7 em {
  background: url(/Content/Images/Menu.png) no-repeat;
  cursor: pointer;
}
	.link1 em { left: 0; }
.link1 em {
  background-position: 0px 0;
}
.link1:hover em {
  background-position: 0px -68px;
}
.link2 { left: 0px; }
.link2 em {
  background-position: -129px 0;
}
.link2:hover em {
  background-position: -129px -68px;
}
.link3 { left: 0px; }
.link3 em {
  background-position: -258px 0;
}
.link3:hover em 
{
  background-position: -258px -68px;
}
.link4 { left: -2px; }
.link4 em {
  background-position: -385px 0;
}
.link4:hover em {
  background-position: -385px -68px;
}
.link5 { left: -3px; }
.link5 em {
  background-position: -513px 0;
}
.link5:hover em {
  background-position: -513px -68px;
}
.link6 { left: -5px; }
.link6 em {
  background-position: -640px 0;
}
.link6:hover em {
  background-position: -640px -68px;
}
.link7 { left: -5px; }
.link7 em {
  background-position: -769px 0;
}
.link7:hover em {
  background-position: -769px -68px;
}
	
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 68px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
	}
	
	.nav li ul a {
		padding: 0.25em;
		color: #FFF;
		background: #333333;
	}
	.nav li ul a:hover {
		color: #ede451;
		background: #242424;
		text-decoration:none;
	}



#TemplateContainer
{
    background:transparent url(/Content/Images/ContainerTopBg.png) no-repeat top left;
    position:relative;
    display:block;
    margin:0 auto;
    width:913px;
}
#TemplateContainerContent
{
    background:transparent url(/Content/Images/ContainerTopBgContent.png) no-repeat top left;
    position:relative;
    display:block;
    margin:0 auto;
    width:913px;
}
#TemplateContainerBottom
{
    background:transparent url(/Content/Images/BgContainerBottom.png) repeat-y;
    position:relative;
    display:block;
    margin:0 auto;
    width:913px;
}
#TemplateContent
{
    background:#FFF;
    clear:both;
    margin:0 auto;
    padding:0px;
    width:900px;
    z-index:1;
}
#TemplateFooter
{
    background:#363636;
    color:#848485;
    font-size:11px;
    font-weight:normal;
    height:57px;
    margin:0 auto;
    position:relative;
    width:900px;
}
#TemplateFooter a
{
    color:#FFF;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}
#TemplateFooter a:hover
{
    color:#FFF;
    font-weight:normal;
    text-decoration:underline;
}
#TemplateLogo
{
    position:absolute;
    top: 0;
    left: 0;
    background:none;
    display:inline;
    height:115px;
    margin-left:7px;
    padding:0px;
    width:270px;
}
#TemplateMain
{
    background:#202020;
    display:block;
    margin:0 auto;
    padding:0;
    width:900px;
    z-index: 2;
    position:relative;
}
/*#TemplateNavigation
{
    color:#7e7e7e;
    display:block;
    font-weight:bold;
    height:68px;
}
#TemplateNavigation img
{
    border:0px;
}*/
#TemplateSplash
{
    display:block;
    margin:0px;
    padding:0px;
    white-space:nowrap;
    height:auto;
    line-height:0px;
    font-size:0px;
    position:relative;
    z-index:1;
}
#TemplateTop
{
    background:url(/Content/Images/TopBg.png);
    height:83px;
    width:900px;
}
#TemplateTopNavigation
{
    color:#444444;
    position:absolute;
    top: 0;
    left: 0;
    margin-left:500px;
    margin-top:32px;
}
#TemplateTopNavigation a
{
    color:#444444;
    font-size:11px;
    text-decoration:none;
    margin:10px;
}
#TemplateTopNavigation a:hover
{
    color:#868585;
    text-decoration:underline;
}

ul { list-style:none; margin:0px;padding:0px;}

ul.admin-bullet-list
{
    list-style-type:circle;
    margin:2px;
    padding:2px;

}

li.admin-bullet
{
    background:url(/Content/images/Bullet.png) no-repeat 0 0; background-position: 0 .5em; padding-left:8px; margin-bottom:3px;margin-left:2px;
}

.BulletList li { background:url(/Content/images/Bullet.png) no-repeat 0 0; background-position: 0 .5em;padding-left:8px; margin-bottom:3px;margin-left:0px;}
.MenuTop
{
    margin:0px;
}
.TopMenuItem
{
    height:68px;
    display:inline;float:left;
  cursor:hand;
}
.TopMenuItemHover
{
  display:inline;float:left;
  cursor:hand;
}
.MenuGroup
{
    border-left:solid 1px #b8b8b8;
    border-right:solid 1px #b8b8b8;
    border-bottom:solid 1px #b8b8b8;
    position:relative;
  background-color:#e7e7e7;
  cursor:default; 
  width:180px;
  line-height:normal;
}
.MenuItem {
   /*border-left: 5px solid #e7e7e7;*/
   color:#747474;
   font-family:tahoma, Arial, Helvetica;
   font-size:12px;
   cursor:default;
 }
 .MenuItemHover 
 {
     background:#949494;
   margin:0;
   color: #fff;
   /*border-left: 5px solid #22376b;*/
   font-family:tahoma, Arial, Helvetica;
   font-size:12px;
   cursor:hand;
 }
 #SideNavigation
{
    width:247px;
    margin:0 auto;
    background:#FFF;
    margin-bottom:3px;
}
#SideNavigation ul
{
    display:block;
    margin:10px;
}
#SideNavigation ul li
{
    background:url(/Content/images/BulletList.png) no-repeat 0 0; padding-left:10px; margin-bottom:3px;margin-left:0px;
    /*background: url(/Images/Divider207.png) bottom left no-repeat;*/
    display:block;
    height:16px;
    line-height:normal;
    vertical-align:top;
}
#SideNavigation ul li a
{
    color:#ef3e36;
    display:block;
    font-weight:bold;
line-height:normal;
    padding-top:3px;
    text-decoration:none;
    vertical-align:top;
    width:207px;
}
#SideNavigation ul li a:hover
{
    color:#f97e78;
    display:block;
    font-weight:bold;
line-height:normal;
    vertical-align:top;
    width:207px;
    text-decoration:underline;
}
#FormDiv fieldset {
  border: none;
	
	margin-top:10px;
	margin-bottom:10px;
}
#FormDiv legend 
{
	border:0px;
  padding: 0 2px;
  padding-left:0px;
  font-weight: bold;
}
#FormDiv label 
{
	display: -moz-inline-box;
    display: inline-block;
  line-height: 14px;
  vertical-align: top;
  width: 100px;
}
#FormDiv fieldset ol {
  margin: 0;
  padding: 0;
}
#FormDiv fieldset li {
  list-style: none;
  margin: 0;
  padding: 5px 5px 7px;
	/*background: url(/images/FormRowDivider.png) left bottom repeat-x;*/
}
#FormDiv em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#FormDiv fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
#GalleryWindow
{
    background: rgba(0, 0, 0, 0.8);
    bottom: 20px;
    display: none;
    left: 20px;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 9999;
    
}
TextArea
{
    resize:none;
}
.MonthDayLarge
{
    color:#242424;
    font-size:24px;
}
.YearLarge
{
    color:#9d9c9c;
    font-size:24px;
}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0; 
    z-index: 5; 
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#f0eaf5;
    border:1px solid #b3a0c7;
    color:#81778b;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

select
{
    font-family:Tahoma, Verdana, Arial, Sans-Serif;
    font-size:11px;
}
label
{
    color:#5f5861;
    float:left;
    font-weight:bold;
    width:100px;
}
input
{
    background:#f5f5f5;
    border: solid 1px #dedede;
    color:#686868;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    padding: 2px;

}
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    background: #fff url(/Content/Images/ErrorBg.png) no-repeat 5px 50%;
	border: #FE0000 2px solid;
	color:#FE0000;
	display:block;
	font-family:Tahoma,Verdana,Arial;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	padding:10px;
	padding-left: 100px;
	position:relative;
    list-style-type:none;

}

/* JGROWL */
div.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}


.k-grid tbody .k-button
{
    margin: 8px;

}



/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

div.jGrowl div.jGrowl-notification.Error
{
    background: rgba(255, 0, 0, 0.8);
}

div.jGrowl div.jGrowl-notification.Success
{
    background: rgba(73, 192, 21, 0.8);
}


/* SUMMER CAMP BUTTON*/
.summercamp {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.summercamp:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.summercamp:active {
	position:relative;
	top:1px;
}

 /*Book a tour button*/


.bookatour {
    cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.bookatour:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.bookatour:active {
	position:relative;
	top:1px;
}

 .pull-left
{
    float:left;
}
.pull-right
{
    float:right;
}

