/* Rules for all pages */
body {
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	margin-left: 0;
	margin-top: 0;
    }
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #990000;
	text-align: center;
    }
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #990000;
	text-align: left;
    }
p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5;
    }

div#banner {
    width: 760px;
	height: 113px;
    }
div#nav {
	position: absolute; top:112px; left:0;
	width: 144px;
    height: 620px;
	padding-left: 4px;
	background-color: #fdf8f5;
	background-image: url(images/nav_background2.jpg);
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	z-index: 5;
	}
div#nav table p {
	margin: 0;
	padding: 6px 0;
    }
div#nav table p a {
    color: #000000;
	text-decoration: none;
    }
div#nav table p a:hover,
div#nav table p a:focus,
div#nav table p a:active {
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
    }
div#content {
	position: absolute; top:112px; left:0;
	width: 320px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	text-align: justify;
	padding: 20px 292px 0 150px;
	z-index: 1;
    }
div#content span.paraintro {
    font-family: georgia, serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
  }
div#contentwide {
	position: absolute; top:112px; left:0;
	width: 610px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	text-align: justify;
	padding: 20px 0 0 150px;
	z-index: 1;
    }
div#contentwide span.paraintro {
    font-family: georgia, serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
  }
div#contentwide a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000000;
	text-decoration: none;
  }
div#contentwide a:hover,
div#contentwide a:focus {
	text-decoration: underline;
  }

div#contentwide p a {  /* For Webervations links on Reservations page */
	font-size: 1em;
  }

/* Rules for index.htm */
div#slideshow {
	position: absolute; top:180px; left:510px;
	width: 250px;
	height: 220px;
	border: 1px solid #333333;
	z-index: 10;
    }
div#foyerpic {
	position: absolute; top:430px; left:510px;
	width: 250px;
	height: 400px;
	border: 1px solid #333333;
	z-index: 12;
    }
div#indexbotlink
{
position:absolute;
left:180px;
top:900px;
width:600px;
}

/* Rules for rooms_rates_specials_packages.htm (this is a dead page atm) */
div#content_rooms_intro {
	position: absolute; top:170px; left:162px;
	width: 320px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	text-align:justify;
	}

div#rates {
    position:absolute; top:250px; left:510px;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	border: double 3px #990000;
    }
div#rates table th {
    text-align: center;
	color: #990000;
    }
div#rates table tr td a {
    color: #000000;
	text-decoration: none;
    }
div#rates table tr td a:hover,
div#rates table tr td a:focus,
div#rates table tr td a:active {
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
    }
	
div#specials {
    position: absolute; top:575px; left:162px;
	width: 590px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	text-align:justify;
}
div#specials_topofpage{
    position: absolute; top:500px; left:682px;
	width: 80px;
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
}
div#packages {
	position:absolute;
	top:700px;
	left:162px;
	width: 590px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	text-align:justify;
}
div#packages_topofpage{
  position: absolute; top:1500px; left:682px;
	width: 80px;
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
}
div#packages table tr td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
	
/* Rules for specials_packages.htm after split from rooms_rates_packages.htm by Jevon 
************************************
sp denotes specials_packages page
************************************
*/
div#content_sp {
position: absolute; top:170px; left:162px;
	width: 320px;
	background-color: #fdf8f5;
	background-image: url(http://grandisoninn.com/images/pinkbkg.jpg);
	text-align:justify;
	}
	
div#specials_sp {
    position: absolute; top:580px; left:162px;
	width: 590px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	text-align:justify;
}
div#packages_sp {
	position:absolute;
	top:1300px;
	left:162px;
	width: 590px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
	text-align:justify;
}

/*******************
Boxes at top of page
sp denotes specials_packages page
********************/
div#specialsbox_sp {
  position:absolute; top:210px; left:500px;
	width: 280px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: double 3px #990000;
	}

div#packagesbox_sp {
  position:absolute; top:395px; left:500px;
	width: 280px;
	height: 175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: double 3px #990000;
	    }
			
/* links in boxes at top of page on specials_packages.htm*/			
div#packagesbox_sp ul li a {
   color: #000000;
	text-decoration: none;
    }
div#specialsbox_sp ul li a {
  color: #000000;
	text-decoration: none;
    }
		
		
div#packagesbox_sp  a:hover,
div#packagesbox_sp  a:focus,
div#packagesbox_sp  a:active {
  font-style: italic;
	font-weight: bold;
	padding-left: 1px;
    }
		
div#specialsbox_sp  a:hover,
div#specialsbox_sp  a:focus,
div#specialsbox_sp  a:active {
	font-style: italic;
	font-weight: bold;
	padding-left: 1px;
    }
/* links in boxes at top of page on specials_packages.htm*/

/* Rules for all rooms files other than rooms_rates_specials_packages.htm */
div#room_headingmenu {
    position: absolute; top:115px; left:162px;
	width: 610px;
	background-color: #fdf8f5;
	background-image: url(images/pinkbkg.jpg);
    }
div#room_headingmenu h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #990000;
	text-align: center;
    }
div#room_headingmenu p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5;
	text-align: center;
    }
div#room_headingmenu a {
    color: #000000;
	text-decoration: none;
    }
div#room_headingmenu a:hover,
div#room_headingmenu a:focus,
div#room_headingmenu a:active {
	font-style: italic;
	font-weight: bold;
	font-size: .9em;
    }

div#room_table {
    position:absolute; top:170px; left:162px;
    }
div#room_table table{
	width: 600px;
    }
div#room_table table tr td{
	width: 50%;
	height: 230px;
	overflow: visible;
	vertical-align: top;
	text-align: justify;
	padding-right: 10px;
    }
  div#room_table table tr td img {
	vertical-align: top;
	border: solid 1px #000000;
	margin: 8px 0;
  }
	
	
/* Reservations Page Calendar from webervations*/

div#avail 
{
position:absolute;
top:400px;
left:162px;
}

/**************************
Really didn't want to add to clutter on specials_packages.htm
added this in CSS file
**************************/
img#nightpic
{
float:left;
padding-right:6px;
}


/* Needed a way to kill link decoration on gallery page */
a#noblue
{
color: #990000;
text-decoration:none;
}
/* Pictures on whilehere.htm */

div#parlorpic
{
position: absolute; 
top:545px; 
left:500px;
z-index:3;
}
div#parlorpic2
{
position: absolute; 
top:215px; 
left:500px;
z-index:3;
}

/* weddings.htm */
table#tableone
{
position:absolute;
top:720px;
left:160px;
}
table#tabletwo
{
position:absolute;
top:720px;
left:450px;
width:300px;
}
/* Forgive me, quick fix to formatting issues for chrome. ---REVISE ME--- */
div#dinnertable table
{
height:auto;
width:auto;
border:double;
}

div#dinnertable tr td.one
{
	width:80px;
	height:auto;
	overflow: visible;
	vertical-align: top;
	text-align: justify;
	padding-right: 10px;
	border:double;
}

div#dinnertable td
{
  width:auto;
	height:auto;
	vertical-align: top;
	border:double;
}

/* Lightbox Script (image display) from http://www.lokeshdhakar.com/projects/lightbox2/ */ 
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.grandisoninn.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.grandisoninn.com//images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#lb1
{
padding:4px;
}