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

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 Verdana, sans-serif;
  
  /*font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;*/
  background-color:#FDF4EB;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

h3 {
  font-size: 1em;
  font-weight: normal;
  
}

li {
  font-size: 1.3em;
}

p {
  font-size: 1.1em;
  line-height:1.3em;
}

h1, h2, p {
  margin: .5em 0;
}

p.highlight {
  margin: .5em 0;
  font-weight:bold;
  /*color:#491C15;*/
  color:#CCCCCC;
}

p.footnote {
  font-size:1em;
  margin: .5em 0;
  font-weight:normal;
  font-style:italic;
  /*color:#491C15;*/
  
  color:#CCCCCC;
  
}

p.footnoteUnderImg {
  font-size:1em;
  margin:0;
  padding:0;
  font-weight:bold;
  /*color:#491C15;*/
	
  color:#CCCCCC;
	
  line-height:.1em;
}

a {

	/*color:#491C15;*/
	
	color:#CCCCCC;
	

}

#branding h1 {
  margin: 0;
}

#wrapper {
  background-color: #fff;
}

#branding {
  position:relative;
  height: 160px;
  background:#F9D5B0 url(../images/headerBgBed.jpg) top left no-repeat;
  text-align:left;
}

#branding h1,h2,h3 {
  text-indent:-9000px;
}

#branding .titles {
	position:absolute;
	top:0;
	left:0;
	width:50%;
}

#branding .address {
	position:absolute;
	top:0px;
	right:5px;
	text-align:right;
	width:50%;
}

#branding .address p {
	
   font-size:1em;
   /*color:#fff;*/
   
   color:#491C15;

}

#branding .address p.email a {

	font-size:1em;
	/*color:#F9D7B4;*/
	
	color:#491C15;
	
	text-decoration:none;
	
}

#branding .address p.email a:hover {

	font-size:1em;
	color:#666;
	text-decoration:none;
	
}

#branding * {
  text-indent:-9000px;
}


#mainNav {
  list-style: none;
  background-color:#eee;
}

#footer {
  background:#F9D5B0 url(../images/footerBg.jpg) top left no-repeat;
  padding: 1em 2.5em;
  height:1.9em;
}

#footer .left {
	
	color:#491C15;
	float:left;
	
}

#footer .right {

	color:#fff;
	float:right;
	
}

#footer p {
  font-size:1.2em;
}

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

#footer a:hover {
  color:#9C6F52;
  text-decoration:none;
}



.clear {

	clear:both;

}

/*----------- Mark where we are! ------------ */

body#about #t-about a, 
body#history #t-history a,
body#rooms #t-rooms a,  
body#rates #t-rates a,  
body#area #t-area a,  
body#test #t-test a,
body#directions #t-directions a {

	background:#ffffff url(../images/tabOn.gif) top left repeat-x;
	color: #000;
	
}



/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
	background-color: #F2E8D7;
	background-image: url(../images/stairsBg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
  
  /*background:#fff url(../images/lightBg.jpg) top left no-repeat;*/
}

#wrapper-links {
  width: 720px; 
  margin: 0 auto; 
  text-align: left; 
  background:#552116 url(../images/stairsBg2.jpg) top left no-repeat;
  
  /*background:#fff url(../images/lightBg.jpg) top left no-repeat;*/
}

#rightContent { 
  width: 210px;
  float: right;
}

#rightContent-links { 
  width: 100%;
}

#leftContent { 

  width: 500px;
  float: right;
  
  /*color:#6C6C6C;*/
  
  color:#fff;
  
}

#mainNav { 
  width: 180px; 
  float: left; 
} 

#footer { 
  clear:both;
} 

/* Add some padding 
================================== */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}

#rightContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*#rightContent * {
  padding-left: 20px;
  padding-right: 20px;
}*/

#leftContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#leftContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#leftContent div.Area * {
  padding:0;
}

#leftContent div.Area {
  padding:0;
  padding-right:8px;
}

#leftContent strong,
#leftContent ul,
#leftContent span {
  padding:0;
  margin:0;
}

#leftContent a {
  padding:0;
  margin:0;
  text-decoration:none;
}

#leftContent img {

  padding:0;
  border:1px solid #cccccc;

}

#leftContent div.imageSection {

	padding:5px 0;
	margin:0px;

}

/* image pop up css */

span.images a img.large {height: 0; width: 0; border:none; display:none;}

span.images a:hover img.large { display:block; height: 300px; width: 450px;  border:1px solid #cccccc; position:absolute; bottom:50px;}

/*-----------------------------------*/

#leftContent a.email {

	text-decoration:none;
    font-size: 1em;
	/*color:#491C15;*/
	
	color:#CCCCCC;
	
	padding:5px;
	margin:0;
	
}

#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}

/* Nav Bar */

#nav-menu {

	height:25px;
	width:720px;
	
	background: url(../images/navBg.gif) bottom left repeat-x; 
}

#nav-menu ul
{

	list-style: none;
	padding: 0;
	margin: 0;
	border-top:1px solid #ffffff; 
}

#nav-menu li
{
float: left;
margin: 0;
}

#nav-menu li a
{

	background:transparent;
	height: 25px;
	line-height: 2em;
	float: left;
	width: 101px;
	display: block;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ccc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: .9em;
	font-weight: normal;
}

#nav-menu li a:hover, 
#nav-menu li a.noBorder:hover {

	background:#ffffff url(../images/tabOn.gif) top left repeat-x;
	color: #000;

}

#nav-menu li a.noBorder
{
	background:transparent;
	height: 25px;
	line-height: 2em;
	float: left;
	width: 108px;
	display: block;
	border:none;
	border-bottom: 1px solid #ccc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: .9em;
	font-weight: normal;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none
}
/* End hide */


/*  Code for Drop Shadow */

.img-wrapper {
/*background: url(../images/shadow.png) no-repeat bottom right;*/
}

.img-wrapper img {

	padding:0;
	border:1px solid #cccccc;
	
} 

/*-------------------------------*/

/* Custom list for Old Convent */

ul.myList {

	list-style:none;
	padding:0;
	margin:0;

}

ul.myList li {

  font-size: 1.1em;

	padding-left:10px;
	margin:10px 18px;
	background:url(../images/bullet.gif) no-repeat top left;

}

div.lb {

	font-size:1.1em;
	line-height:1.6em;
	font-weight:bold;
	font-style:italic;
	
}

div.lb * {

	padding:0;
	margin:0;

}

/* testimonials */

p.testi {

	padding:0;
	padding-top:15px;
	margin:0;
	clear:both;

}

p.from {

	float:right;
	padding:0;
	margin:0;
	font-size:1em;
	/*color:#491C15;*/
	
	color:#CCCCCC;
	

}

div.Area {
	
	padding:0;
	margin:0;
	padding-right:10px;
	/*color:#491C15;*/
	
	color:#CCCCCC;
	
	font-weight:bold;
	float:left;

}

div.Area * {

	padding:0;
	margin:0;
	
}
	
div.Area a {

	color:#888;
	text-decoration:none;

}

div.Area a:hover {

	color:#444;
	text-decoration:none;

}
#test #wrapper #rightContent-links {
	color: #DACBAD;
}