/*
CSS for Agama River Camp
*/

body{
font-family:"comic sans ms";
background:url(gallery/agama-sunset.jpg);repeat:no-repeat;
line-height:125%;
padding:0;
margin:0;
text-align:left;
}



#wrapper{

background-color:#f8cf99;
position:relative;
text-align:left;
width:795px;
height:1605px;
margin-right:auto;
margin-left:auto;
margin-top:35px;
margin-bottom:0px;
border:10px outset #f8cf99;




}
#wrapperr{

background-color:#f8cf99;
position:relative;
text-align:left;
width:795px;
height:1675px;
margin-right:auto;
margin-left:auto;
margin-top:5px;
margin-bottom:5px;
border:10px outset #f8cf99;
}
#wrapperg{

background-color:#f8cf99;
position:relative;
text-align:left;
width:795px;
height:1625px;
margin-right:auto;
margin-left:auto;
margin-top:40px;
margin-bottom:20px;
border:10px outset #f8cf99;




}
#wrapperc{

background-color:#f8cf99;
position:relative;
text-align:left;
width:795px;
height:1280px;
margin-right:auto;
margin-left:auto;
margin-top:40px;
margin-bottom:40px;
border:10px outset #f8cf99;
}




#header{
background:url(gallery/header3.png);
background-repeat:no-repeat;
width:785px;
height:250px;

}
h1{


}



h1{
text-align:center;
}

h2{
color:black;
font-size: x-large;
font-weight: bold;
text-align:center;
}

p{
font-size:medium;
color:black;
padding-top:0px;
}
.indent{
text-indent:30px;
}
.formp{
text-align:center;
}
.quote{
font:bold 15px "comic sans ms";

text-align:center;
}
.staff{
text-align:center;
}
em{
text-transform:uppercase;
}

h1,h2, h3,h4,p{
font-family:"tempus sans itc";
color:black;
}



h2{
color:black;
font-size:130%;
font-weight:bold;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.buttonwrapper{
margin-left:5px;
}

a.ovalbutton{
background: transparent url('gallery/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 15px "tempus sans itc"; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('gallery/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



 .images{
margin-right:20px;
margin-left:30px;
float:left;
}

 .images1{
margin-right:20px;
margin-left:30px;
float:right;
}
 .images2{
margin-top:30px;
margin-left:30px;
float:center;
}

.images3{
margin-left:60px;
margin-top:-2em;
}
.images4{
margin-left:85px;
margin-top:1em;
}
.images5{
margin-left:210px;
margin-top:2em;
}
.map{
margin-left:30px;
margin-top:-10px;
}

#contact,#bodycontent{
padding-top:20px;
padding-left:10px;
padding-right:20px;
margin-bottom:10px;
}




#bodycontent{
float:left;
width:775px;
padding:20px 30px 0 10px;
}
#bodycontent1{
float:left;
width:775px;
padding:20px 30px 0 10px;
height:100px;
}

table.rates{
border-collapse:collapse;
}
table.rates th,table.rates td{
padding:4px;
border:1px solid black;
}
table.rates th{
font-size:small;
text-align:center;
padding-top:0;
padding-bottom:0;
padding-left:4px;
padding-right:4px;
}
table.rates td{
font-size:small;
text-align:center;
}
table.rates caption{
color:black;
font-size:small;
text-align:center;
padding-bottom:5px;
font-weight:bold;
}
#content1{

margin-right:5px;
float:left;
margin-right:10px;
margin-left:10px;
padding:10px 10px 10px 30px;
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 230px;
	height: 175px;
}

.formp{
margin-left:95px;

}

form.contact label{
display:block;
float:left;
width:170px;
padding:0;
margin:5px;
text-align:right; 
}
form.contact{
font:100% "tempus sans itc";
margin-left:30px;
padding:0;
min-width:500px;
max-width:700px;
width:600px;
}
form.contact fieldset{
border:none;
padding:10px;
margin:0;
}
.button{
text-align:center;
padding:4px;
}
.terms{
text-align:center;

}
form.contact.check{
width:500px;
}
.images3{
margin-left:200px;
margin-top:-2em;
}
#crates(
float:right;
font-size:x-small;
)

#footerb{
clear:both;
text-align:center;
margin-left:50px;
}
#footerb p{
font-size:15px;
padding-top:8em;
padding-left:150px;
}
#footert{
clear:both;
text-align:center;
}
#footert p{
font-size:15px;
padding-top:59em;
}
#footerg{
clear:both;
text-align:center;
}
#footerg p{
font-size:15px;
padding-top:1em;
}
#footerr{
clear:both;
text-align:center;
}
#footerr p{
font-size:15px;
padding-top:2em;
}
#footerm{
clear:both;

text-align:center;
}
#footerm p{
font-size:15px;
padding-top:19em;
}
#footerh{
clear:both;
text-align:center;
}
#footerh p{
font-size:15px;
padding-top:3em;
}
#footerth{
clear:both;
text-align:center;
}
#footerth p{
font-size:15px;
padding-top:85em;
}
.link{
text-decoration:none;
color:black;

}