/* CSS Document */

a:link {font-weight:bold; text-decoration:none; color: #000065; }
a:visited { font-weight:bold; color: #000065; text-decoration:none; }
a:hover { color:orange; font-style: italic;}
a:active { color: #000065;} 
body { font-family:"Century Gothic", Arial, Helvetica; font-size:small; background-color:#C8DEFA; margin:0px; color:#ffffff; }
td { vertical-align:top; }
th { text-align:left; }
h1 {  font-family:"Century Gothic", Arial, Helvetica; text-align: center; font-weight:normal; text-transform: uppercase;}
h2 {  font-family:"Century Gothic", Arial, Helvetica; text-align: left; font-weight:normal; text-transform: uppercase;}
h3 {  font-family:"Century Gothic", Arial, Helvetica; text-align: left; font-weight:bold; text-transform: uppercase;}
img { border:0px; }
#body { width:100%; margin:0px 0px 0px 0px;  
	background-image:url(images/background.gif); background-repeat:repeat-x; }
#head { margin:20px auto 0px auto; width:800px; position:relative; height:120px; background-color:#85A5D4; }
#head p {  }
#main { margin:0px auto 0px auto; width:800px; position:relative; background-color:#C8DEFA;
	padding-bottom:0px; background-image:url(images/main-bk.jpg); background-repeat:repeat-y;  }
#leftnav { position:absolute; top:0px; left:0px;  width:1px; padding-top:25px;  margin:0px; background-image:url(images/leftnav-bk.jpg); min-height:331px; background-repeat:no-repeat; }
#leftnav ul { list-style:none; margin-left:0px; margin-top:0px; padding:0px; }
#leftnav li { margin-bottom:5px; margin-left:0px; padding:0px 0px 5px 10px; width:140px; }
#leftnav a { color:#000065; font-weight:normal; text-decoration:none; text-transform:uppercase; }
#leftnav a:hover { color:white; font-style: italic; font-weight:bold}
#leftnavinfo { position:absolute; top:270px; left:0px;width:1px; padding-top:25px;  margin:0px; }
#leftnavinfo ul { list-style:none; margin-left:0px; margin-top:0px; padding:0px; }
#leftnavinfo li { margin-bottom:5px; margin-left:0px; padding:0px 0px 5px 10px; width:140px; }
#leftnavinfo a { color:#000065; font-weight:normal; text-decoration:none; font-size:11px; }
#leftnavinfo a:hover { color:white; font-style: italic; font-weight:bold}
#leftfoot { position:absolute; top:500px; margin:0px auto 0px auto; width:250px; height:200px;}
#mainbody { margin:0px 0px 20px 176px;  min-height:300px; padding:10px 0px 0px 20px; color:#000065; }
#mainbody p { margin-top:0px; color:#15386D; }
#mainbody img { padding:4px 0px 0px 0px; }
#footer { margin:0px auto 0px auto; width:800px; position:relative; background-color:#316891; height:30px;}
#footer p { margin:0px; font-size:14px; font-weight:normal; color:#ffffff; }
#footer p, #footer img { padding:10px 15px 0px 7px; line-height:17px; }
#hometext { width:480px;}
#hometext p { color:#ffffff; font-weight:bold; }
.rooms { width:560px; padding:10px; background-color:#366591; margin-top:0px; color:#ffffff; }
.rooms p { font-size:11px; color:#ffffff; }
.rooms h3 { font-size:14px; margin-top:0px; }
.rooms hr { border:0px; height:1px; background-color:#9BB2C8; }
.roomcell { background-color:#C3D1DE; padding:3px; }
.roomcell img { padding-bottom:3px; }
.rooms .roomcell p { color:#003366; text-align:center; text-transform:uppercase; 
	font-size:10px; font-weight:bold; margin:0px 0px 3px 0px; }
.tablestyle { border:1px #9BB2C8 solid; }
.tablestyle td { padding:3px; }
.tablestyle th { background-color:#9BB2C8; padding:3px; }

#location { float:center; font-size:14px; font-weight:bold; width:800px; }
#atnbclick { width:165px; margin-left:155px; text-indent:-14px; }

.roomhead { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; text-transform:uppercase; 
	background-color:#6785B1; width:558px; padding:10px; color:#ffffff; font-weight:normal; margin:0px;  }


/**********
 * Image Pop-ups *
 *********/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 10;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}