/* STYLES FOR SCREENS */

/* Steve and Kate's Camp LLC Copyright 2009 */

/* reset */
/* Remove browser styles */
	
	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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
		}


/* define focus styles! */
:focus {
outline: 0;
}

body{
text-align: left;
margin: 0;
padding: 0;
border: 0;	
background: #fff;
color: #333;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
font-size: 13px;
	}

ol, ul {
	list-style: none;
	}
	
/* 'tables still need 'cellspacing="0"' */

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}
a


/* GENERAL */

p {
	
line-height: 1.5em;

margin-top: 0.4em;
margin-bottom: 1em;
} 

img {
border: none; 
padding: 0; 
margin: 0; 
}

/* LAYOUT */

#header {
width: 100%;
padding-top: .75em;
}

#container {
width: 700px;
margin: 0 auto;
padding: 0 20px 0 18px;
}
 
#maincontent {
width: 700px;
height: auto;
padding: 0;
border: 0;
margin: 0;
}

#maincontenttext {
	margin: 1.2em 0 1.2em 0;
min-height: 220px;
}

#maincontenttextborder {
width: 700px;
height: auto;
	}

#maincontentindex{
width: 700px;
height: auto;
padding: 0;
border: 0;
margin: 0;
	position: relative;
}

#maincontentmovie{
position: absolute;
}

#footer {
width: auto;
height: 25px;
font-size: 11px;
color: #999;
border-top: solid 1px #999;
clear: both;
	margin: 0 0 0 0;
}



/* NAVIGATION */

#navcontainer4 {
height: 35px;
width: auto;
line-height: 2em;
font-weight: bold;
font-size: 12px;
background-color: black;
letter-spacing: normal;
position: relative;
} 

#navtop4 {
margin: 0;
padding: 5px 0px 5px 0px ;
width: 700px;
text-align: center;
} 

#navtop4 li {
display: inline;
list-style-type: none;
color: white;
} 

#navtop4 a:link
{
color: white;
background-color: transparent;
text-decoration: none;
} 

#navtop4 a:visited {
color: white;
background-color: transparent;
text-decoration: none;
} 

#navtop4 a:hover
{
color: white;
background-color: transparent;
border-bottom: 2px solid white; 
}


#navtop4 a:active {
color: white;
background-color: transparent;
border: none; 
} 

#navtop4 li a#current {
color: white;
background-color: transparent;
border-bottom: 2px solid white;
} 

#navcontainer5 {
height: 35px;
width: auto;
line-height: 2em;
font-size: 11px;
font-weight: bold;
} 

#navtop5 {
margin: 0;
padding: 5px 0px 0px 0px ;
width: 700px;
text-align: left;
color: #000000; 
} 

#navtop5 li {
display: inline;
list-style-type: none;
padding-left: 0px;
padding-right: 4px;
padding-bottom: 5px;
} 

#navtop5 a:link
{
color: gray;
background-color: transparent;
text-decoration: none;
} 

#navtop5 a:visited {
color: gray;
background-color: transparent;
text-decoration: none;
} 

#navtop5 a:hover
{
color: black;
background-color: #fff;
border-bottom: 1px black solid;
	border-color: black;
} 

#navtop5 a:active5 {
color: black;
background-color: #fff;
border: none;
} 

#navtop5 li a#current5 {
color: #333;
background-color: transparent;
border-bottom: 1px black solid;
border-color: black;
} 



#top{
width: 700px;	
}

#logo{
float: left;
width: 350px;
height: 100px;	
}

#navheader {
line-height: 2em;
font-size: 12px;
font-weight: bold;
text-align: right;
width: 700px;
}



#navheader li {
display: inline;
list-style-type: none;
} 

#navheader a:link
{
color: gray;
background-color: transparent;
text-decoration: none;
} 

#navheader a:visited {
color: gray;
background-color: transparent;
text-decoration: none;
} 

#navheader a:hover
{
color: black;
border-bottom: 1px black solid;
border-color: black;
background: #fff url(imgs10/index/greybackground.jpg) repeat;
} 

#navheader a:active {
color: black;
background-color: #fff;
border: none;
} 

#navheader li a#current {
color: #333;
background-color: transparent;
border-bottom: 1px black solid;
border-color: black;
}

/* HEADLINES */ 


h1 {
font-size: 2em;
line-height: 2em;
display: block;
} 


h2 {
font-size: 14px;
line-height: 1.8em;
} 


h3 {
font-size: 12px;
line-height: 1.1em;
} 


#maincontent h1{
	
font-size: 1.5em;
font-weight: bold;
line-height: 2em;
color: black;

}

#maincontent h2 {
font-size: 14px;
font-weight: bold;
line-height: 2em;
color: black;
} 

#maincontent h3 {
font-size: 12px;
text-align: center;
line-height: .2em;
} 

#maincontent h4 {
font-size: 18px;
text-align: center;
margin: .5em 0em .5em 0em;
padding: 0em; 
} 

#maincontent h5 {
font-size: 12px;
text-align: center;
padding: 0em;
margin: .5em 0em 1em 0em;
}

#maincontent h6 {
font-size: 14px;
padding: 0em;
margin: .5em 0em .5em 0em;
}
 
#maincontent h7{
font-size: 14px;
padding: 0em;
margin: .5em 0em .5em 0em;
}
 

h2 a {
text-decoration: underline;
} 

h3 a {
text-decoration: underline;
} 

h5 a {
text-decoration: underline;
}



/* TEXT */ 

p.small {
font-size: 11px;
}

.smaller {
font-size: .75em;
}

p.bold {
font-weight: bold;
}

p.spaced{
line-height: 2em;
}

p.nohead{
margin-top: 1.5em;
}


#maincontenttext p {
color: #333;
line-height: 1.6em;
} 

 
#maincontent p.smallgrey {
font-size: 11px;
color: #999; 
} 

#maincontent p.small{
font-size: 11px; 
} 


#maincontent p.smallbold {
font-size: 10px;
font-weight: bold; 
} 

#maincontent p.spaced{
line-height: 2em;
}

#maincontenttextsmall {
height: 200px;
} 

#maincontenttextsmall p {
color: #333; 
}

#maincontentmovie p
{
display: block;
margin: auto;
	text-align: center;
}

p.addresses{
line-height: .5em;
}

p.menu{
line-height: .3em;
}


p.links{
line-height: .2em;
}

p.space{
margin-top: 10px;
}

.accent{
font-size: 1em;
color: black;
font-weight: bold;
}

.accenttext{
font-size: 14px;
letter-spacing: 0px;
font-weight: bold;
}

.accenttopline{
font-size: 18px;
letter-spacing: 0px;
font-weight: bold;
}

.accentbold{
font-weight: bold;
color: black;
}

.accentitalic{
font-weight: bold;		font-style: italic;
}

.accentcap{
font-size: 1em;
font-weight: bold;
color: black;
text-transform: uppercase;
}


.accentbig{
font-size: 1.2em;
color: black;
font-weight: bold;
}

.italic{
font-style: italic;
}

.headline{
font-size: 14px;
line-height: 1em;
color: #333;
font-weight: bold;
}


#footer p {
font-size: 10px;

color: #999;
height: 25px;
width: 350px; 
float: left;
padding-top: 5px;
} 

#footer p.right {
font-size: 10px;
color: #999;
height: 25px;
width: 350px;
float: right;
}

strong {
color: #000; 
}

/* LISTS */

#bulletlist, #bulletlist2{
margin-top: 1em;
margin-bottom: 1em;
margin-left: 2em;
}

#bulletlist li, #bulletlist2 li{
list-style-type: disc;
list-style-position: outside;
line-height: 1.4em;
}

/* LINKS */ 

a.img {border: none;
	
}
a.hover {
border: none;
}

a.hover {
color: #999999;
text-decoration: none;
border-bottom: solid 1px #999;
}
 
#header img a:hover {
text-decoration: none;
border-bottom: none;
background-color: transparent;
}
	
#maincontenttext a {
text-decoration: underline;
color: #000; 
} 

#maincontenttext a:hover {
text-decoration: underline;
color: #999;
} 

#maincontentindex a {
text-decoration: none;
} 

#maincontentindex a:hover {
text-decoration: none;
} 

#maincontent a:hover {
text-decoration: none;
border: none; 
}

#maincontentflex a:hover {
border: none; 
}




/* IMAGES */

#imglink {
background-color: transparent;
border-style: none;
text-decoration: none! important;
display: block;
}

#header img {
margin-top: .5em;
text-decoration: none;
border: none;
background-color: transparent;
}


#maincontent img {
margin-top: 0;
margin-bottom: 0;
display: block;
}

#maincontentindex img {
margin-top: 0;
margin-bottom: 0px;
float: left;
display: block;
}

/* text on images */

.image-wrapper {
	width: 350px;
	position: relative;
}

.image-wrapper p {
	
	position: absolute;
	left: 0;
	top: 0;
	padding: 0px;
	width: 350px;
	margin: 5px;
	color: white;
	font-weight: bold;
}

/* text on images */

/*Easy Slider*/

 Easy Slider 

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 li{
width:700px;
height:150px;
overflow:hidden; 
}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:467px;
		overflow:hidden; 
		}	
	/*#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}*/	
		
	 numeric controls 	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* Simple Slideshow */
 
#slideshow {
    position:relative;
    height:325px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height:325px;
    background-color: #FFF;
}

#slideshow DIV.active, #slideshow2 DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height:325px;
    display: block;
    border: 0;
   }
/*Simple Slideshow */

/* Banners */
 
#banner{
	padding-top: 1em;
	padding-bottom: .5em;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: white;
}

#banner img{
	margin: 0;
	padding: 0;
}

#banner a{
	text-decoration: underline;
	font-weight: bold;
	text-align: justify;
	color: black;
}
#banner a:hover{
color: gray;
	background: #fff url(imgs10/index/greybackground.jpg) repeat;
}


#banner p{
	text-align: left;
	line-height: 1.6em;
	
}

#banner h1{
	font-size: 1.5em;
font-weight: bold;
line-height: 2.2em;
color: black;
	
}

#banner h1 a, #banner h2 a{
	color: black;
	text-decoration: none;
	
}

#banner h1 a:hover, #banner h2 a:hover{
	color: gray;
background-color: transparent;
border-bottom: 2px solid grey;
	background-image: none;
}

#banner h2{
	
	line-height: 1.8em;
	font-size: 1.2em;
	text-align: center;
}

#banner h3{
	font-weight: bold;
line-height: 2em;
	font-size: 1.2em;
}

#banner2{
	padding-top: .25em;
	padding-bottom: .25em;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	float: left;
}

#banner2 img{
	margin: 0;
	padding: 0;
}

#banner2 a{
	text-decoration: underline;
color: #000; 
	
}

	
/* Index Image Boxes */

#boxleft{
	float: left;
	width: 350px;
	color: #333;
font-size: 12px;


}

#boxright{
	float: left;
	width: 350px;
	color: #333;
font-size: 12px;

}

#boxlefttext {
	margin: 1em;
	float: left;
}

#boxrighttext {
	margin: 1em;
	float: left;
}

#boxleft p{
	line-height: 1.6em;
	padding: 0 10px 10px 0;
}

#boxright p{
	line-height: 1.6em;
	padding: 0 0px 10px 14px;
}

#boxleft a, #boxright a{
	text-decoration: underline;
color: #000; 
	
}

#boxleft h2, #boxright h2{
	text-align: center;
	line-height: 2.2em;
	
}

#boxleft a:hover, #boxright a:hover{
color: gray;
background: #fff url(imgs10/index/greybackground.jpg) repeat;
}

#boxleft img, #boxright img{
	margin-bottom: 1em;
}

#boxes p{
color: #333;
line-height: 1.6em;
font-size: 12px;
}


/* more boxes */

#line{
	width: 700px;
	height: 1px;
	margin: 12px 0;
	background: url(imgs10/index/greybackground2.jpg) repeat-x;
}

#line2{
	width: 700px;
	height: 1px;
	margin: 15px 0;
	background: url(imgs10/index/greybackground.jpg) repeat-x;
}

#newsbox{
	padding-top: 1em;
	padding-bottom: 1em;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: url(imgs10/index/greybackground.jpg) repeat;
float: left;
}

#newsbox a{
	text-decoration: none;
	color: #000000;
	
}

#newsbox2{
	padding-top: 1em;
	padding-bottom: 1em;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.2em;
	text-align: center;
	background: url(imgs10/index/greybackground.jpg) repeat;
float: left;
}

#newsbox2 a{
	text-decoration: none;
	color: #000000;
}

#newsbox2 a:hover, #newsbox a:hover{
text-decoration: underline;
}
#newsbox2 h1, #newsbox h1{
font-size: 1.2em;
line-height: 2em;
}

#newsbox2 h1 a, #newsbox h1 a{
color: #009900;
text-decoration: none;
}

#newsbox2 h1 a:hover, #newsbox h1 a:hover{
color: gray;
background: #fff url(imgs10/index/greybackground.jpg) repeat;
text-decoration: underline;
}

#newsbox3{
	padding-top: 1em;
	padding-bottom: 1em;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: url(imgs10/index/greybackground.jpg) repeat;
float: left;
	margin-bottom: 1em;
}

#newsbox3 a{
	text-decoration: none;
	color: #000000;
	
}

  
/* MOVIES */ 


#maincontentmov {
width: 700px;
height: auto;
border: 0;
margin: 0;
padding-left: 200px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#moviebox{
	padding-top: 1em;
	padding-bottom: 1em;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	float: left;
}

object.left{
	padding-right: 15px;

}

/* Maps */
#gmap{
	width: 700px; height: 325px;
	background-color: black;
}

#gmap img{
		margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#map-canvas{
	width: 700px;
	height: 325px;
}

#map-info{
	font: 12px/1em Helvetica, Arial, sans-serif;
}

#map-info h2{
	font: bold 13px/1.4em Helvetica, Arial, sans-serif;
	}
	
#map-info img{
	padding-top: 5px;
}
	
#siteNotice{
	
}

/* FORM */ 


form {
margin: 0em;
padding: 0em;
text-indent: 0em; 
} 

p.form {
line-height: 1em; 
} 

#footer a {
width:auto;
padding: 0em;
float:right;
margin: 0em;
} 

#footer a:link, #footer a:visited {
background-color: transparent;
text-decoration: none;
color: #999999;
float: right;
} 

#footer a:hover, #footer a:active {
color: #666666;
background-color: #ffffff;
float: right;
border-bottom: 1px #999999 solid;
} 

#clear {
clear: left;
}

/* New Form */ 
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}