/* BEGIN RESET */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*/
/* END RESET */
@charset "utf-8";

body,html,div,img,a,p,h1,h2,h3,h4,h5,h6,ul,li,span {margin:0;padding:0;border:0;text-decoration:none;outline:none;list-style:none;} /* background:transparent; */

img, div { behavior: url(../../resources/iepngfix.htc); } 

body{background: #c6e9f5 url('../../resources/background.jpg') top center no-repeat; font-family: arial, verdana, sans-serif; font-size: 12px;}
div.container{width: 960px; margin: auto; position: relative;}
div.container h1{background-color:#9ec93b;}
ul.noStyle { margin: 0px; padding: 0px;}
.centre{ text-align: center; display: block;}
.highlight{font-weight: bold;}
.underline{text-decoration: underline;}
.noDisplay{display: none;}
.error{color: #CF1976;}
.links{width:40%; margin: 0 0 20px 50px;}
.MiddleImageLink {margin-right: 4px;border-style: none;vertical-align: middle;}	
.headerimg {margin-bottom:10px;}
ul.genrallist { list-style-type:disc;}
ul.genrallist li{list-style-type:disc; padding:3px 3px 3px 5px; margin-left:45px; text-align:justify; line-height:150%; }

ul.bullets{list-style-type: circle; margin:0px; padding:0px; margin-left: 10px; margin-bottom:10px;}
ul.bullets li {background-image: url(../../images/bullet.png);background-repeat: no-repeat;padding-left: 1.8em; background-position: 0 .25em; margin-top: 10px;}
ul.bullets li p { display: inline;}

h1, h2, h3, h4{padding:5px 0 5px 0;}
h1 {font-size: 16pt;  color:White; margin:0 0 10px 0;padding: 5px 0 5px 5px;}
h2 {font-size: 14px; background-color:#66B9CF; color:White;padding: 5px 0 5px 5px;}
/*h3 {font-size: 12px; background-color:#CE762F; color:White; margin: 10px 5px 10px 20px; padding: 5px 0 5px 5px; width:30%;}  */
h2.shortH2{width:55%}
.headinggreen {background-color:#9ec93b; height:28px; padding: 6px 0 0 0; text-align:center; color:White; font-size:20px; margin: -8px 2px 6px 2px; }
a {text-decoration: none;color: #616F3E;}
a:hover{color: #000;}

#header{}
	#header h1{display: block; position: relative; width: 215px; height: 47px; background: url('../../resources/logo.png') no-repeat; overflow: hidden; left: 720px; top: 55px;}
	#header ul.nav { margin-left:10px;}
	#header ul.nav li{float: left; display: block; width: 115px; height: 46px}
	#header ul.nav li a{text-align:center; background: url('../../resources/tabBack.png') no-repeat top left; display: block;width: 115px; height: 46px; padding: 10px 0 0 5px ; color: #000; font-size: 13px; font-weight:bold;}
	#header ul.nav li a.selected, #header ul.nav li a:hover{background: url('../../resources/tabBackSelect.png'); position: relative; color:#9EC93B; } 
    /*Hack to adjust width for for Shop and food*/
    .ShopsAndFood{width:146px;background: url('../../resources/tabBack1.png');  }
    .ShopsAndFood a{text-align:center;width:146px;background: url('../../resources/tabBack1.png'); } /* background: red url('../../resources/tabBack1.png')no-repeat top left; */
    
    
#sheeps{ position:relative; float:left;margin-top:-87px; }
#advert{height: 40px;width: 850px; margin: auto; font-weight:bold; font-size:13px;}
#advert p.np{line-height:100%; margin:0px;}
#contentTop {background: url('../../resources/contentTop.png') no-repeat top left; height: 17px;width: 1000px; margin: auto; position: relative; top: -20px; z-index: 1;}
#content{background: url('../../resources/content.png') repeat-y top left;width: 1000px; margin: auto; position: relative; top: -20px; z-index: 1; }
	#content .half{width: 450px; float: left; margin: 15px; margin-top: 0px; }
    #content p {line-height: 20px; padding: 10px; text-align:justify;}
    
    #content ul.nav li{width: 250px;  position:relative; margin: 0 0 0 0; padding: 8px 0 0 0;}
    #content ul.nav li.events{background: url('../../resources/eventsbg.png') no-repeat left top;}
    #content ul.nav li.outdoors{background: url('../../resources/outdoorsbg.png') no-repeat left top;  margin-top:8px;}
    #content ul.nav li.shopping{background: url('../../resources/shoppingbg.png') no-repeat left top; margin-top:8px;}
    #content ul.nav li.foodanddrink{background: url('../../resources/foodanddrinkbg.png') no-repeat left top; margin-top:8px;}
    #content ul.nav li.facilities{background: url('../../resources/facilitiesbg.png') no-repeat left top; margin-top:8px;}
    #content ul.nav li.localinterest{background: url('../../resources/localinterestbg.png') no-repeat left top; margin-top:8px;}
    #content ul.nav li.sidemenuimage{height:87px; padding:0 0 0 0;}
    #content ul.nav li a{text-align:center;display: block;width: 250px; height: 34px; color: white; font-size: 16px; font-weight:bold; }
	
#contentBottom {background: url('../../resources/contentBottom.png') no-repeat top left; height: 30px;width: 1000px; margin: auto; position: relative; top: -20px; z-index: 1;}

#rightcol {float:right; width:685px; padding:0 8px 0 0;}
#rightcol img{border:solid 1px #cccccc;}
/*#rightcol span.pSpan{position:absolute;margin: 265px 0 0 0;padding: 5px 6px 0 0; width:701px;height:20px; background: transparent url('../../images/loginbg.png') repeat;font-size:12px;text-align:center; font-weight:bold;}*/
#rightcol span.pSpan{position:absolute;margin: 225px 0 0 0;padding: 5px 6px 0 0; width:674px;height:25px; background: transparent url('../../images/loginbg.png') repeat; font-size:18px;text-align:center; font-weight:bold; border:solid 1px #cccccc; opacity:0.9; filter:alpha(opacity=90); color:White;}


#leftcol {float:left; width:250px; padding:0 8px 0 8px; }
#content ul.nav {}
	    	
#footer{height: 100px; clear:both; position: relative; top: -30px;  width:965px; }
    #footer .container {width: 900px; height: 100px;}
	#footer #legal{text-align: center;line-height:20px; margin-top:-35px; margin-right:30px;}
	#footer #advert{text-align: center;line-height:20px; color:Gray;}
	/*#footer ul.nav {position: absolute; left: 10px; top: 10px;}
	#footer ul.nav li{margin: 10px;}*/
		
	#OTC{float:left; }
	#OTP{float:right; margin-top:5px; margin-right:100px;}
	#OCLP{position:relative;float:right;}
       
/*forms fields ------------------------------------------*/
table{ margin: 0px auto;}
    tr td.label{width: 75px; text-align: left; padding-right: 15px; line-height: 40px;}
    tr td.action{ text-align: right}
    table input, #content table textarea, table select { padding: 5px;border: solid 1px #cccccc; background-color: #F0F0F0;font-family: Arial, Helvetica, sans-serif;font-size: 12px; width: 250px;}
    table span.no-style input { padding: 0px;border: 0px; width: 50px;}
    table textarea{ height: 100px;}
	
table.dynanicTable {display:table; width:100%;}
    table.dynanicTable th {font-weight: normal;font-size: 14px; padding: 20px; padding-left: 10px; text-align: left;}
    table.dynanicTable tr {border-bottom: 1px solid #ddd;}
    table.dynanicTable td { padding: 10px;}
    table.dynanicTable tr:hover{ background-color:#eee;}
    table.dynanicTable TFOOT tr:hover{ background-color:#fff;}

table {width:90%; }
    table tbody th { border-spacing:20px; font-size: 12px; background-color:#CE762F; color:White; padding: 5px 0 5px 5px; width:80%; text-align:left; margin:200px;}
    table tbody tr {  }
    table tbody tr td { padding: 7px; font-size: 14px; }

table.events{text-align:center; } /* border: solid 25px #9EC93B; */
table.events tr{}   
table.events tr td{}
table.events tr td span{display:block; text-align:center; padding:10px 0 20px 0; font-weight:bold;} 

/* modal windows */
/*.jqmWindow { top:inherit; display: none; position: absolute; left: 50%; margin-left: -250px;width: 700px; background-color: #fff; border: 2px solid #555; padding: 12px;}*/
.jqmWindow { top:10px; display: none; position: absolute; left: 50%; margin-left: -320px;width: 700px; background: url(../../resources/popbg.jpg) repeat-y; border: 2px solid #555; padding: 12px;}

.jqmWindow p{margin-bottom:10px;padding:0 10px 10px 10px;text-align:justify;}
.jqmWindow p.np{line-height:100%; margin:0;}
.jqmWindow h1{margin-bottom:20px;}
.jqmWindow h2{margin-bottom:20px; width:97%; top:0px; opacity:0.9;}
.jqmWindow h3{margin-bottom:20px; width:97%; background-color:#CE762F; color:White;padding: 5px 0 5px 5px;opacity:0.8;}
.jqmOverlay { background-color: #000; }
.jqmCloseIcon {position: absolute; width: 30px; height: 19px; top: 0; right: 0; cursor: pointer;}

 
 
 #banner{padding: 5px 0 15px 0;}   

   
/*Slider*/
div.wrap{
width:680px;
margin:0 0;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:680px;
height:52px;
margin:22px 0 0;
background:url url(../../resources/sliderimages/sliderimages/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:700px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
}
div#video-header{
height:683px;
margin:-1px 0 0;
}
div#header div.wrap{
height:263px;
background:url(../../resources/sliderimages/header-bg1.png) 50% 0 no-repeat;
}
div#header div#slide-holder{
z-index:40;
width:679px;
height:263px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:-5px;
left:1px;
width:679px;
height:275px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls
{
top:-10px;
left:0;
bottom:228px;
width:679px;
height:38px;
display:none;
position:absolute;
background:url(../../resources/sliderimages/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:5px 0 0 5px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:15px;
display:inline;
margin:2px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../../resources/sliderimages/silde-nav.png);}
div#nav ul li a{background:url(../../resources/sliderimages/nav.png) no-repeat;} 


/*Search*/

#searchBar{background:url(../../resources/search.png) no-repeat; position:absolute;display:block; width:286px; height:67px; left:240px; top:70px; border:solid 0px red;}
#SearchBox{position:absolute; top:35px; left:15px; border:solid 0px green; width:170px;}
.txtSearchBox{border:#fff;}
#Searchbtn {float:right; position:absolute; right:0; bottom:5px; border:solid 0px #cccccc; padding:2px;}
.bSearch{}

/* Flashing Local Events Jquery CSS   */
/* nwes bar jQuery slider */
    #news{width:250px; height:35px; background:url(../../resources/news.png) no-repeat; position: relative; display:block;}
    #slides {height:85px; position:relative; display:block; margin:8px 0 8px 3px;}
    #slides span{color:white; border: 0; position: absolute; top: 0; left: 0; margin:5px; }
    #slides a{font-size:13px; cursor:pointer; line-height:110%;}
    #slides span.current{z-index:500;}  
    

/* Login */
.loginfeedback{color:Red; margin-left:150px;}
div#login-nav {float:right; color: #000; margin-top:-60px;}
div#login-nav a {color: black; position: relative; top: -5px;}
div#login-nav a:hover, div#steam-nav a.selected {color: #ffa500;}

div#steam-nav .left-status {float:left; color: #000;}
div#steam-nav .left-status img {position: relative; top: 4px; margin: 0 5px 0 5px;}
div#steam-nav .left-status span {color: #000;position: relative; top: -6px;}
div#steam-nav { background-color: #fff;}
div#steam-nav ul{ float: right;}
div#steam-nav li{display: inline;padding: 10px;}
div#steam-nav a {color: #9aa80d;}
div#steam-nav a:hover, div#steam-nav a.selected {color: #e42128;}

#jsddm {margin: 0; padding: 0;}
#jsddm li {float: left; list-style: none;}
#jsddm li a {display: block; text-decoration: none; white-space: nowrap;}
#jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border: 1px solid #999999; background-color: #fff; z-index: 1000;} 		
#jsddm li ul li {float: none; display: inline; padding: 0px;}
#jsddm li ul li a {width: auto; padding: 7px; border-top: 1px solid #999999}
#jsddm li ul li a:hover {background: #9aa80d; color: #000;}

.subHeader {font-weight:normal;color:#817565;font-size:11px;padding:0 0 8px 0;}

/* CSS div form */
.right{float: right; margin-right:300px;}
div.formInput { margin:10px 0;}
    div.formInput textarea{ width: 200px;}
div.alt{color: inherit;}
	div.formInput span{display: block; width: 25%; float: left; margin-top: 5px; text-align: right; margin-right:10px;}
	div.formInput label{width: 25%; float: left; margin-top: 5px;}
	div.formInput .error{color: #f00; width: 20%; float: none; display: inline; padding: 0 0 2px 10px; margin-top: 0px;}
	div.formInput input.inputError{ border: solid 1px #f00;}
	input.link {background-color: transparent; border-style: none; cursor: pointer; text-align: center; color: #005483; }
	input.link:hover {color: #8BB7D0;}
	
/* new Jquery POP UP */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 999999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}