@charset "UTF-8";
/* CSS Document */

/*define body - Parent of all other*/
body {
	line-height:150%;
	font:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(Images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#369;
	margin:0;
	padding:0;
	}

/* Clear out space for firefox on very top of header by clearing out margin in p and h */ 
p {
  margin:0px;
  padding:0px;
  }

h1 {
  font-size:150%;
  margin:0px;
 }
 
h2 {
  font-size:140%;
 }
 
h3 {
  font-size:120%;
   margin:5px 0 5px 0;
 }
 
h4 {
	margin:5px 0 5px 0;
}

#container {
  padding:0;
  width:892px;
  margin:0 auto 0 auto;
  background-image:url(Images/content_bg.jpg);
  background-repeat:repeat-y;

}


#masthead {
  background-image:url(Images/masthead_bg.jpg);
  background-repeat:no-repeat;
  height:99px;
  margin:0;
  padding:0;
}

#masthead img {
  margin:5px 0 0 34px;
  padding:0;
  border:0;
}

#content {
  float:right;
  width:645px;
  margin:0 auto 0 auto;
  padding:0;
  /*border: 1px solid #FFFFE1;*/
}

#content p {
  font-size:90%;
  padding:0 20px 5px 5px;
  /*width:620px;*/
  
}

/* ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
/* Sidebar Navigation */

#sidebar {
  float:left;
  /*margin:0 10px 0 10px;*/
  position:relative;
  left:28px;
  width:208px;
  <!--height:356px;-->
  height:700px;
  background-image:url(Images/sidebar_bg.jpg);
  background-repeat:repeat-x;
 }
 
#sidebar ul {
  text-align:left;
  list-style-type:none;
  margin:10px 0 0 0;
  padding: 0px;
  border: 1px solid #333;
  width: 206px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
	
}

#sidebar li {
  background: #ccc;
  margin:0;
  padding:0;
  border-left: 1px solid #FFFFE1;
  border-top: 1px solid #FFFFE1;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #666;
}
  
#sidebar ul a:link, ul a:visited, ul a:hover, ul a:active {
  display:block;
  padding: 2px 10px;
  text-decoration:none;
}

#sidebar ul a:link { 
  color:#000; 
  } 
#sidebar ul a:visited { 
  color:#000; 
  } 
#sidebar ul a:hover { 
  background:#BDC36B;
  color: #FFFFE1; 
  
  } 
#sidebar ul a:active { 
  color:#FFFFE1; 
  }
  
/* End Sidebar Navigation */
/* -------------------------------------------------------------------------------*/

#footer {
  clear:both;
  background-image:url(Images/footer_bg.jpg);
  background-repeat:no-repeat;
  height:28px;
}

#footertext {
  text-align:center;
  color:#FFFFFF;
  
}

#footertext ul {
  display:inline;
  font-size:12px;
}

#footertext li {
  display:inline;
  margin: 10px 15px 0 0;
  color:FFFFFF;
}

/* take away default image border
img {
  border:0; 
 } */
 

/*format map on visit us page*/
.map {
  float:right;
  margin:0 20px 5px 5px;
  clear:both;
  }

/* Format Images in Contents Area */
.photo {
  margin:10px 10px 10px auto;
  border:2px solid #ccc;
  border-bottom-color:#eee;
  border-left-color:#ddd;
  border-top-color:#bbb;
  float:left;
 }
 
/* Create Drop Shawdow */ 
.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
  
 .img-shadow-right {
  float:right;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 25px 0 10px !important;
  margin: 10px 25px 0 5px;
  }
  
.img-p {
  margin:0 20px 0 0;
 }
 
.img-p p {
  width:255px;
  font-size:60%;
  margin:0 0 0 15px;
  padding:0;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
  .img-shadow-right img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
 .clearM {
    clear:both;
	}
	
/*   -----------------------------    Create gallery and albums ----------------------------- */

p.photo a, p.thumb a, ul.thumbnails a {
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
p.thumb a, ul.thumbnails a {
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
}
p.photo a:hover, p.thumb a:hover, ul.thumbnails a:hover {
  border: 1px solid #ccc;
  background-color: #eee;
}
ul.thumbnails a {
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
}
p.thumb, ul.thumbnails {
  margin: 0 15px 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
  list-style: none;
}
ul.thumbnails li, ul.navigation li {
  display: inline;
  margin: 0;
  padding: 0;
}

li p {
  float:left;
  width:230px;
}

/*------------------------- biger thumbnails -------------------------*/

p.bigphoto a, p.bigthumb a, ul.bigthumbnails a {
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
p.bigthumb a, ul.bigthumbnails a {
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
}
p.bigphoto a:hover, p.bigthumb a:hover, ul.bigthumbnails a:hover {
  border: 1px solid #ccc;
  background-color: #eee;
}
ul.bigthumbnails a {
  width: 210px;
  margin-right: 50px;
  margin-bottom: 10px;
}
p.bigthumb, ul.bigthumbnails {
  margin: 0 15px 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
  list-style: none;
}
ul.bigthumbnails li, ul.bignavigation li {
  display: inline;
  margin: 0;
  padding: 0;
}


/*------------------------- medium thumbnails -------------------------*/

p.bigphoto a, p.bigthumb a, ul.medthumbnails a {
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
p.bigthumb a, ul.medthumbnails a {
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
}
p.bigphoto a:hover, p.medthumb a:hover, ul.medthumbnails a:hover {
  border: 1px solid #ccc;
  background-color: #eee;
}
ul.medthumbnails a {
  width: 140px;
  margin-right: 50px;
  margin-bottom: 10px;
}
p.medthumb, ul.medthumbnails {
  margin: 0 15px 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 1em;
  list-style: none;
}
ul.medthumbnails li, ul.mednavigation li {
  display: inline;
  margin: 0;
  padding: 0;
}


/*   -----------------------------  End of Create gallery and albums ----------------------------- */