*{
margin: 0;
padding: 0;
border: 0;
}

div{
	position: relative;
	display: block;
}

/*top to bottom graphic*/

body
{
font-family: Verdana,  Arial, Helvetica, sans-serif;
background: url("../images/skybg.jpg") repeat-x ;
background-color:#9ed6e3;
color: #FCFCFC;
}

.center /*center in block*/
{
text-align:center;
margin:auto;
}

/*set width of page*/
#container{
		width: 770px;
		margin: 50px auto ;
}

/*block containing menu bar*/
#header{
	height: 35px;
	margin-left:-15px;
	margin-right:-15px;
	margin-top:20px;
	margin-bottom:0;
	padding-left:15px;
	padding-right:15px;
	padding-top:0;
	padding-bottom:0; 
}


/*main menu style*/
/*use this div to place menu on top of header bg image*/
#top-bg
{
z-index:3000;
}

/*mainmenu*/

ul#menu
{
margin:0;
padding:0;
list-style-type:none;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
background:transparent url(../images/nav_bg2.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}

ul#menu li a
{
display:block;
float:left;
color:#9ed6e3;
text-decoration:none;
font-weight:bold;
padding:8px 20px 0 20px;
}

ul#menu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(../images/nav_bg2.png) 0px -30px no-repeat;
}


ul#menu li a.current
{
display:inline;
height:22px;
background:transparent url(../images/nav_bg2.png) 0px -30px no-repeat;
float:left;
margin:0;
}



/*div enclosing main content*/
#wraper{
	margin: 0px -15px;
	background: #9ed6e3 url('../images/cbg5.gif') repeat-y;/*main graphic for container background*/
	width: 770px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:1px;
}


#content{
	width: 770px;
}

#page/*text area*/
{
	width:730px;
	margin:0 5px 5px 5px;
	padding: 15px 15px 15px 15px;
	float: left;
}


div.top/*style main page*/
{
background: #f3e9c2 url('../images/creambg3.gif') repeat-x ;/*yellow background image*/
color:black;
}

div.top p
{
margin-top:20px;
}

div.top h3, h4
{
margin-top:20px;
}


#footer
{		
clear: both;
background: #9ed6e3 url('../images/footer.gif') no-repeat;
color: #8B8B8B;
font-size: .9em; margin-left:-15px; margin-right:-15px; margin-top:0; margin-bottom:-20px; padding-left:40px; padding-right:0px; padding-top:20px; padding-bottom:50px           
}

#footer a{
	color: navy;
}
#footer a:hover{
	color: red;
}

/*rounded corners at top*/
div.tl{
	position: absolute;
	top: 0;
	left: 0;
	height:5px;
	width: 5px;
	background-image: url('../images/tl.gif');
	overflow: hidden;
		z-index: 1000
}

div.tr{
	position: absolute;
	top: 0;
	right: 0;
	height:5px;
	width: 5px;
	overflow: hidden;
	background-image: url('../images/tr.gif');
	z-index: 1000
}
/*end rounded corners*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*pebbles logo at top*/
#pebbles
{
float:left;
height:60px;
width:461px;
padding:10px;
z-index:2250;
}
/*ball graphic*/
#ball
{
margin: 10px 20px 20px 10px;
}

/*key word sentence*/
.keyword  {
color:#000080;
font-family:garamond,verdana;
font-size:small;
font-style:italic;
text-align:center;
}

/*position banner image*/

#banner
{
clear:both;
}

/*white frame & drop shadow png*/

.drop-shadow
    {
    margin: 10px;
    width:730px; 
    background: url(../images/photos/photo2.png) top left no-repeat;    
    float: right;
}

.drop-shadow img
    {
    margin: 0px;
    padding: 5px;
    width: 710px;
    height: 200px;
    float: left;
} 

/*caption style*/
.drop-shadow p
    {
    color: #666666;
    padding: 5px 5px 0px 0px;
    text-align: center;
    clear: left;
    font-style: italic;
} 

/*larger photo on right of page*/
.solar
    {
    margin: 10px;
    width:265px; 
    background: url(../images/photos/photo.png) top left no-repeat;    
    float: left;
}

.solar img
    {
    margin: 0px;
    padding: 5px;
    width: 245px;
    height: 163px;
    float: left;
} 

/*caption style*/
.solar p
    {
    padding:5px;
    text-align: center;
    clear: left;
    font-style: italic;
} 



.enlarge a
{
color: blue;
text-decoration:none;
}
.enlarge a:hover
{
color: red;
text-decoration:none;
}

/*gallery photos*/

.gallery
{
margin: 10px;
    width:140px; 
    background: url(../images/photos/photo3.png) top left no-repeat;    
    float: right;
}

.gallery img
    {
    margin: 0px;
    padding: 5px;
    width: 120px;
    height: 80px;
    float: left;
} 

.gallery p
{
 padding: 5px 5px 0px 0px;
    text-align: center;
    clear: left;
    font-style: italic;
}

/*style address list*/
.address
{
clear: both;
float:left;
line-height:0.9em !important;
width:350px;
}

#content ul{
list-style-type:none;
 margin: 10px 30px 5px 40px;
}

#content  li{
margin: 0 0 6px 0;
}


#placer
{
padding-top:20px;
text-align:center;
margin:auto;
}


/*visitors book*/

#visitors p
{
font-style:italic;
color:navy;
}

/*move policy headers down*/

#access h2
{
clear:both;
padding-top:20px;
}