html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background: #FFFFCC url(bg-grad.jpg) repeat-x;
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  font-size: 12px;
  color: #555555;
  padding: 0px;
  margin: 8px;
}

a:hover {
	text-decoration: none;
}

/* ----------container to center the layout---------- */
#container {
  width: 900px;
  padding:0px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
} 

/* ----------logo area-------------- */
#logo {
  text-align: left;
  background-color: #FFFFFF;
  padding: 0;
  margin: 0;
}

#logo img {
  padding-top: 3px;
  margin: 0;
	clear: left;
}

#weather {
	display: inline;
	width: 250px;
	float: right;
	position: absolute;
	padding-top: 3px;
	padding-left: 658px
}

/* ----------header area-------------- */
#header {
  background-color: #EEEEEE;
  text-align: left;
	height: 150px;
  padding: 0px;
  margin: 0px;
}

#header img {
  padding: 0px;
  margin: 0px;
	float: left;
}

/* #header .quote {
	float: left;
	width: 520px;
	position: relative;
  margin: 20px 0 0 40px;
  font-size: 20px;
  font-family: Tahoma, Arial, Sans-Serif;
} */

/* ----------outer and inner----------------- */

#outer { 
  border-left: solid 200px #FF9933;  /* color of the left column  */ 
  background-color: #FFFFFF; /* color of the content column */
} 

#inner { margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* ----------------horizontal menu---------------- */ 
#h-navbar {
	background: #FF9933;
	height: 28px;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

#h-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

#h-menu ul {
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	padding-left: 199px;
	background: #FF9933;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9933;
	border-right-color: #FF9933;
	border-bottom-color: #FF9933;
	border-left-color: #FF9933
}

#h-menu ul li {
	display: inline;
}

#h-menu ul li a {
	float: left;
	color: #FFFFFF;
	padding: 6px 20px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9933;
}

#h-menu ul li a:visited {
color: #FFFFFF;
}

#h-menu ul li a:hover, .h-menu ul li .selected {
	color: #FFFF00 !important;
	padding-top: 6px;
	padding-bottom: 6px;
	background: black;
}

/* --------------left menu------------- */
#left {
	width: 200px; 
	float: left;
	color: #FFFFFF;
	position: absolute;
	margin-left: -200px;
	padding: 10px 0 0 10px;
	margin-right: 1px;
}

#left a {
	color: #FFFFFF;
}

#left a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#left ul li {
	margin-left: -20px;
	padding-bottom: 10px;
}

/* -----------------content------------------ */
#content{
	clear: left;
	position: relative; 
	margin: 0px;
	padding-bottom: 10px;
}

div#content { 
	min-height: 450px;
	height:expression(this.scrollHeight > 450 ? "auto":"450px"); 
}

p {
  padding: 10px 10px;
  margin:0px;
}

h2 {
  font-size:20px;
	color: #993399;
  padding: 5px 10px 5px 10px;
  margin:0px;
}

h3 {
  font-size:16px;
	color: #993399;
  padding: 10px 10px 5px 10px;
  margin:0px;
}

h4 {
  font-size:14px;
	color: #993399;
  padding: 10px 10px 5px 10px;
  margin:0px;
}

/* ----------------photo gallery---------------------- */ 

/* The containing box for the gallery. */
#mcContainer {
    position:relative;
  	font-size:0.9em;
    width:670px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }

/* Removing the list bullets and indentation */
#mcContainer ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Remove the images and text from sight */
#mcContainer a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:-1px; 
    left:-1px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#mcContainer a.gallery, #mcContainer a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }

#mcContainer a.slidea {
    background:url(gallery/p1_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slideb {
    background:url(gallery/p2_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slidec {
    background:url(gallery/p3_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slided {
    background:url(gallery/p4_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #mcContainer a.slided {
    width:91px; 
    width:93px;
    }

#mcContainer a.slidee {
    background:url(gallery/p5_t.jpg); 
    height:60px; 
    width:93px;
    }

#mcContainer a.slidef {
    background:url(gallery/p6_t.jpg); 
    height:60px; 
    width:93px;
    }

* html #mcContainer a.slidef {
    width:91px; 
    width:93px;
    }

#mcContainer a.slideg {
    background:url(gallery/p7_t.jpg); 
    height:60px; 
    width:93px;
    }

#mcContainer a.slideh {
    background:url(gallery/p8_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slidei {
    background:url(gallery/p9_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slidej {
    background:url(gallery/p10_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slidek {
    background:url(gallery/p11_t.jpg); 
    height:60px; 
    width:93px;
    }

* html #mcContainer a.slidek {
    width:91px; 
    width:93px;
    }

#mcContainer a.slidel {
    background:url(gallery/p12_t.jpg); 
    height:60px; 
    width:93px;
    }

#mcContainer a.slidem {
    background:url(gallery/p13_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.sliden {
    background:url(gallery/p14_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slideo {
    background:url(gallery/p15_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slidep {
    background:url(gallery/p16_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #mcContainer a.slidep {
    width:91px; 
    width:93px;
    }

#mcContainer a.slideq {
    background:url(gallery/p17_t.jpg); 
    height:60px; 
    width:93px;
    }

#mcContainer a.slider {
    background:url(gallery/p18_t.jpg); 
    height:60px; 
    width:93px;
    }

* html #mcContainer a.slider {
    width:91px; 
    width:93px;
    }

#mcContainer a.slides {
    background:url(gallery/p19_t.jpg); 
    height:60px; 
    width:93px;
    }

#mcContainer a.slidet {
    background:url(gallery/p20_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slideu {
    background:url(gallery/p21_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slidev {
    background:url(gallery/p22_t.jpg); 
    height:93px; 
    width:60px;
    }

#mcContainer a.slidew {
    background:url(gallery/p23_t.jpg); 
    height:60px; 
    width:93px;
    }

* html #mcContainer a.slidew {
    width:91px; 
    width:93px;
    }

#mcContainer a.slidex {
    background:url(gallery/p24_t.jpg); 
    height:60px; 
    width:93px;
    }

	 #mcContainer a.slidey {
    background:url(ziplinegallery1/rp1_t.jpg); 
    height:93px; 
    width:60px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#mcContainer ul {
    width:198px; 
    height:386px;
    }

#mcContainer li {
    float:left;
    }

/* move the thumbnails into the correct position */
#mcContainer ul {
    margin:5px; 
    float:right;
    }

/* change the thumbnail border color */
#mcContainer a.gallery:hover {
    border:1px solid #fff; 
    }

/* styling the :hover span */
#mcContainer a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:372px; 
    top:12px; 
    left:45px; 
    color:#000; 
    background:#fff;
    }

#mcContainer a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

/*#mcContainer a.slideb:hover img, #mcContainer a.slidei:hover img {
    float:right;
    }*/

#mcContainer {
    background:#fff url(gallery/back.jpg) 45px 12px no-repeat;
    }

/* ----------------footer---------------------- */ 
#footer {
  clear:left;
	color: #555555;
  height: 20px;
  background-color: #CCCCCC;
  border-top:1px solid black;
  border-bottom:1px solid black;
  padding: 10px;
  margin: 0px;
  text-align: center;
}

/* ----------------printing styles---------------- */ 
@media print { 
  /* hide the left column when printing */ 
  #left {display:none;}
  #content {
  	width:100%;
  	float:none;
  }
}
