/* Killhope CSS */

*{ border:none; margin:0; padding:0;}
body { font-size:80%; background-color:#dddddd; background-image:url(Images/background-repeat.gif); color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:none;  font-weight:lighter;}
#container {width:980px; background-color:#FFFFFF; margin:0 auto; margin-top:15px;}


/* Links */
a:link, a:active, a:visited{color:#666666;}
a:hover{color:#333333; text-decoration:underline;}

h1,h2,h3,h4,h5 {color:#555; margin-bottom:10px;}
h1{ font-size:220%; font-weight:bold; }
h2{ font-size:130%; font-weight:bold;}
h3{ font-size:100%;}
h4{ font-size:100%;}
h5{ font-size:100%;}

p {margin-bottom:20px; margin-top:5px; clear:both;}


/* Access Keys */
#accesskeys{position: absolute; top:-500px;}

/* Header */
#header {/*background-color:#c2ce23; */ height:135px; background-image:url(Images/header.jpg); background-repeat:no-repeat;}
#top-links { font-size:90%; background-color:#FFFFFF; height:17px; padding:3px; padding-top:5px;text-align:right; color:#333333; background:#fff url("Images/top-link-corner.gif") no-repeat bottom left; float:right;}
#top-links a{text-decoration:none;}
#top-links a:hover{text-decoration:underline;}
#top-links ul li { float:left; margin-right:6px; padding-left:10px;}
#top-links ul{list-style-type:none;}
#task-bar{height:28px; background-image: url(Images/task-bar.gif); border:3px solid #FFFFFF;}

.main-logo{ margin:20px;}

.print-logo{display:none;}

#search{ float:left; border:1px solid  #CCCCCC;  margin:2px;  width:150px; background-image: url(Images/search-background.gif);}
.search-text{background: transparent; color:#666666; padding:2px; width:110px;}
.search-submit{border:0px; padding:0px;  margin:0px; background-image:url(Images/search-submit.gif); width:30px; cursor:pointer; opacity:0.4;filter:alpha(opacity=40);}
.search-submit:hover {opacity:1;filter:alpha(opacity=100);}

#access-links {float:right;margin-right:10px;}
#access-links img {opacity:0.4;filter:alpha(opacity=40); margin-right:3px; margin-left:5px;}
.access-link-text{position:relative; top:-8px; text-decoration:none; font-size:90%;}



/* Navigation */
#navigation { margin:5px; background:url("Images/nav-background.png") no-repeat; padding:10px; width:150px; float:left; font-size:105%; line-height:normal;}
#navigation ul {list-style:none;}
#navigation li {border-bottom:1px solid #e7e7e7; padding:3px; }
#navigation li:hover{background-color: #f0f0f0;}
#navigation a:link, #navigation a:active, #navigation a:hover, #navigation a:visited { cursor:pointer; color:#666; text-decoration:none; /*vertical-align:top; position:relative; top:5px;*/ margin-left:15px; font-weight:bold; }

/* Skip Nav */
.skipnav 	{ background-color:  transparent; color: #fff; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; }



/* News */
#container2 {background:#000 url(Images/news-background.jpg) no-repeat bottom right; height:295px; border-left:3px solid #FFFFFF; border-right:3px solid #FFFFFF;}
#news{margin-top:60px; margin-left:15px; float:left;  width:620px; color:#FFF;}
#news a:link, #news a:active, #news a:visited {color:#aebb09; text-decoration:underline;}
#news a:hover {color:#cad63b;}
#news p{margin:0; margin-bottom:5px;}
.news-heading {font-size:250%; font-weight:lighter; color:#fff;}
.news-description{color:#fff; width:400px;}



/* Front Page Links */
#frontpage-gallery, #frontpage-dvd, #frontpage-leaflet{float:left; height:240px; border-top:3px solid #FFFFFF; border-left:3px solid #FFFFFF; }
#frontpage-gallery a, #frontpage-dvd a, #frontpage-leaflet a {opacity:0.8;filter:alpha(opacity=80); background-image:url(Images/frontpage-background.png); display:block;   margin-top:160px; text-decoration:none; cursor:pointer;}
#frontpage-gallery a:hover, #frontpage-dvd a:hover, #frontpage-leaflet a:hover { text-decoration:none; opacity:1;filter:alpha(opacity=100);}
#frontpage-gallery{background-image:url(Images/frontpage-gallery.jpg); width:360px;}
#frontpage-dvd{background-image:url(Images/frontpage-dvd.jpg); width:233px;}
#frontpage-leaflet{background-image:url(Images/frontpage-leaflet.jpg); width:374px;}
.frontpage-heading {font-size:200%; font-weight:lighter; color:#FFFFFF; padding:10px; display:inline-block; height:10px;}
.frontpage-heading-description {color:#FFFFFF; padding:10px; display:inline-block;}


/* Content */
#content{padding:15px; float:right; width:760px; min-height:500px; border-left:1px solid #EEEEEE;}
#content a:link, #content a:active, #content a:visited {color:#666;text-decoration:underline;}
#content a:hover {color:#333;}

#content ul {margin-left:20px; margin-bottom:20px;}
#content ul li{}
#content ol {margin-left:20px; margin-bottom:20px; }
#content ol li{margin-bottom:5px;}

#content .pdficon{position:relative; top:11px; border:0;}

#content img {margin-right:10px; margin-bottom:5px; margin-top:5px; padding:3px; border:1px solid #EEEEEE;}

#breadcrumb {border-bottom: 1px solid #EEEEEE; padding:3px; margin-bottom:15px; float:left; width:765px; margin:5px; margin-left:10px;}

.alternate-content-left, .alternate-content-right{padding:10px; margin-bottom:5px; }
.alternate-content-left h2, .alternate-content-right h2{ margin-bottom:10px; border-bottom:1px solid #ccc;}
.alternate-content-left{clear:both;}
.alternate-content-right{clear:both; }
.alternate-content-left img{float:left; margin-right:15px;}
.alternate-content-right img{float:right; margin-left:15px;}

#news-item{clear:both; border:1px solid #EBEBEB; padding:20px; margin-bottom:10px;}
#news-item img{float:right; margin-left:15px; margin-bottom:15px;}



/* Content Page Links */
#contentpage-gallery, #contentpage-dvd, #contentpage-leaflet{float:left; height:76px; margin-top:15px; font-size:90%;}
#contentpage-gallery{background-image:url(Images/contentpage-gallery.jpg); width:150px;}
#contentpage-dvd{background-image:url(Images/contentpage-dvd.jpg); width:150px;}
#contentpage-leaflet{background-image:url(Images/contentpage-leaflet.jpg); width:150px;}
.contentpage-heading {margin-top:44px;font-size:110%; opacity:0.8;filter:alpha(opacity=80); font-weight:lighter; color:#555; background-image:url(Images/contentpage-back-hover.jpg); display:block; width:130px; cursor:pointer; padding:4px; padding-left:10px; margin-left:3px;}
.contentpage-heading:hover {text-decoration:underline; opacity:1;filter:alpha(opacity=100);}

/* Games */
.game-list{display:block; width:740px; margin-bottom:25px;}
.game-list img{float:left; margin-right:20px; padding:3px; border:1px solid #F4F4F4;}
.game-list img:hover{border:1px solid #ccc;}
.game-list-text{float:left;}



/* Press Release/News */
.row{padding:10px; border-bottom:1px solid #ccc;}

/* Site Map */
#sitemap {color: #808080;}
#sitemap h2{ margin-top:20px; border-top:1px solid #EEEEEE; padding-top:10px;}
#sitemap a {clear:both; display:block;}
#sitemap a:hover {background-color:#F5F5F5;}
#sitemap hr {display:none;}

/* Interactive Site Plan */
#map{}
#map-image{ background-image:url(Images/map.jpg); background-repeat:no-repeat; width:740px; height:460px; text-align:center;}
#map-list{border:none;}
#map-list ul{list-style:none; font-size:110%;  width:200px; float:left; margin-top:20px;}
#map-list ul li { height:30px; list-style:none;}
#map-list ul li span {vertical-align:top; position:relative; top:3px; left:10px; font-weight:bold;}
#map-list img{border:none; padding:0; margin:0;}

/* Games */
#flashgame{text-align:center; padding:20px; border: 1px solid #F3F3F3;}

.dvd-container{width:340px; display:block;}


/* Footer */
#footer{text-align:center;  clear:both; font-size:85%; }
#footer a:link {padding:5px;}
.border-bottom{border-bottom:1px solid #CCCCCC; padding:5px; display:block;}
.border-bottom img{position:relative;top:2px;}
.footer-links{padding:5px; display:block; }
.footer-links a {margin-right:10px;}


/* Misc */
#clearer{clear:both; margin:0px; padding:0px;}



/* Tables */
#content table{background-color:#ccc; width:100%; margin-bottom:10px;}
#content table td{background-color:#fff; padding:5px;}
#content th{font-weight:bold; background-color:#fff; text-align:left; font-size:120%; padding:5px;}


/* Form */
.form{ font-size:120%;}
.form fieldset {border:1px solid #CCCCCC; padding-left:20px; margin-bottom:20px;}
.form legend {font-weight:bold; margin-bottom:15px;}
.form input { }
.form .input {background-image:url(Images/input-text.gif); border:1px solid #CCCCCC; padding:2px;}
.form label {margin-right:5px;display:block; float:left; width:100px; text-align:right; padding-top:2px;}
.large-input {width:300px; height:100px; background-image:url(Images/input-text-large.gif); border:1px solid #CCCCCC; padding:2px;}

.input-submit{  margin-left:105px; cursor:pointer; width:88px; margin-bottom:15px; background-image:url(Images/submit-btn.gif); color:#555; border:1px solid  #F3F3F3;}
.input-submit:hover { background-image:url(Images/submit-btn-hover.gif); color:#FFFFFF;}
.input-clear{margin-left:15px; cursor:pointer; width:88px; margin-bottom:15px;  color:#555; background-image:url(Images/submit-btn.gif); border:1px solid  #F3F3F3;}
.input-clear:hover { background-image:url(Images/submit-btn-hover.gif); color:#FFFFFF; }



/* == CRM forms == */
#crmForm 							{width:550px; }
#crmForm div.Field, div.dateField 	{clear:both; margin-bottom:5px;}
#crmForm fieldset 					{width:600px; display: block; margin:0 0 1em 0; padding:1em 1em 0.5em 1em; border:1px solid #DDDDDD;}
#crmForm fieldset legend 			{font-size:1.1em; font-weight:bold; color: #666666; }
/*#crmForm fieldset fieldset 			{ margin:10px 0 0 0;}
#crmForm fieldset fieldset legend	{font-size:1em;  font-weight:bold; color:#669900;}*/
#crmForm input, textarea, select 	{padding:2px;display :block; width: 21em; margin:5px 0 0 0; margin-bottom:10px; float:left; background-image:url(Images/input-text-large.gif); border:1px solid #CCCCCC; color:#666666;}
#crmForm div.query 					{width:40em;}
#crmForm div.query label 			{clear:both; width:190px; margin:0; text-align:right;}
#crmForm div.contact 				{width:40em;}
#crmForm div.query input, textarea, select {width:21em;}
#crmForm div.query select 			{font-size:100%; width:21.5em;}
#crmForm div.dateField input		{width: 14em;}
#crmForm div.dateField img 			{margin:0.2em 0.5em 0 0;}
#crmForm input.crmSubmitButton 		{cursor:pointer; margin-left:250px;:pointer; width:88px;  background-image:url(Images/submit-btn.gif); color:#555; border:1px solid  #CCC;}
#crmForm input.crmAddressButton 	{margin-left:10px; margin-top:-1px;float:left; cursor:pointer; width:88px; background-image:url(Images/submit-btn.gif); color:#555; border:1px solid  #CCC;}
#crmForm label 						{float:left; text-align:right; display:block; font-weight:normal; width:190px; margin:0; clear:left; padding-right:1em; margin-top:8px;}
#crmForm select						{display:block;}
#crmForm fieldset.radio 			{clear:both; width:560px; padding:1em; margin:10px 0 0 0;}
#crmForm fieldset.radio input 		{float:left; width:auto; margin:0; clear:left; background-image:none; border:none;}
#crmForm fieldset.radio legend 		{font-size:1em; font-weight:bold; color:#666;}
#crmForm fieldset.radio label 		{clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px; margin-bottom:5px;}
#crmForm div.validation 			{margin-top:0.5em; padding-left:0.5em; color:#cc6600; }
#crmForm label.validation 			{font-weight:bold;}
#crmForm div.feedback 				{clear:both; padding-bottom:1em; color:#cc6600;}
#crmForm div.returninfo				{clear:both; padding-bottom:1em; color:#444;}

#crmForm table 						{border:none; margin:0; font-size:100%;} 
#crmForm table thead td				{border:2px solid #fff; padding:0; text-align:center; font-size:100%; font-weight:bold; color:#555;} 
#crmForm table td 					{border:none; padding:0; text-align:center; background:#e8e8e8;} 

* html #crmForm .AddSearchResults { height: expression( this.scrollHeight > 319 ? "320px" : "auto" ); /* sets max-height for IE 6 and under */ }
#crmForm .AddSearchResults {overflow:auto;width:575px;height:auto;max-height:320px;}