@import url("main.css");

#intro {margin-top: 15px;  color: #8a8a8a; font-size: 12pt; font-style: italic;}

#bodyTop{position: relative; top: 0px; left: 0px;}
#bodyMain{position: relative; top: 20px; left: 0px; }
#bodyMain h2{color: #8a8a8a; font-size: 20pt;}
#browseColumn{position: absolute; top: 0px; right: 0px; width: 300px; margin-bottom: 100px; }
#searchColumn{position: relative; top: 0px; left: 0px; width: 600px;
  min-height:600px;
  height:auto !important;
  height:600px;}
#browseHead{position: relative; top: 0px; left: 0px; height: 35px; /*background-image: url(/img/structure/browsecol.gif);*/ background-repeat: no-repeat;}
#searchHead{position: relative; top: 0px; left: 0px; height: 35px; /*background-image: url(/img/structure/searchcol.gif);*/ background-repeat: no-repeat;}
#browseHeading{position: absolute; right: 10px; top: 0px;}
#searchHeading{position: absolute; left: 30px; top: 0px;}
.browseCat{width: 180px; margin: 0px 0px 20px 120px; padding: 0px;}
.browseCat label{margin-left: 0px; color: #8a8a8a; font-size: 18pt;}
.browseCat li{margin: 0px 0px 0px 0px; padding: 5px 0px 5px 20px; border-bottom: 1px #afc7ee dotted;}
.browseCat li:hover{background-color: #e6ecf6;}
.browseCat li a{color: #2a3d64; font-size: 12pt;}

#hotelSearch{position: relative; top: 0px; left: 0px;}
#hotelSearch label{position: absolute; top: 50px; left: 55px; display: block; color: #2a3d64; font-size: 16pt;}
#hotelSearch input{position: absolute; top: 80px; right: 80px; display: block; width: 465px; border: 2px solid #afc7ee; color: #7a7a7a; font-size: 18pt;}
#hotelSearch button {position: absolute; top: 145px; right: 80px; width: 65px; border: 2px #2a3d64 solid; background-color: #ffffff; color: #2a3d64; font-size: 12pt;}
#hotelSearch button:hover{border: 2px #2a3d64 solid; background-color: #afc7ee;}

#stateCloud{width: 600px; text-align: center;}
#cloudTitle{font-size: 20pt; color: #7a7a7a; margin: 10px 0px 15px 30px; text-align: left;}
.tag{margin-right: 14px;}
.tag:hover{color: #afc7ee;}
.smallTag{font-size: 12pt;}
.mediumTag{font-size: 15pt;}
.largeTag{font-size: 17pt; font-weight: bold;}
#stateCloud h4{ margin: 20px 0px 15px 30px; text-align: right;}
#cloudBack{font-size: 14pt; color: #7a7a7a; text-decoration: underline;}
#cloudBack:hover{color: #afc7ee;}
#subList h4{ margin: 20px 0px 15px 30px; text-align: right;}
.landmarkList{margin: 0px 0px 10px 50px;}
.landmarkList li a:hover{color: #afc7ee}
.bigGap{margin-bottom: 15px;}
.littleGap{margin-bottom: 5px;}

h1{text-align: right; font-size: 22pt; color: #2a3d64; margin: 10px 0px 10px 0px;}
#tntou{height: 2800px; width: 890px; margin: 20px 10px 0px 10px; border: 0;}

#lrg{}
#lrg p{color: #7a7a7a; font-size: 12pt; margin: 0px 0px 15px 0px;}
#lrg h2{color: #2a3d64;font-size: 14pt; font-weight: bold;}
#lrg h3{color: #2a3d64;font-size: 14pt; }

#subjectDirection{ font-size: 20pt; font-weight: bold; text-align: left; color: #8a8a8a;}
#directions{text-align: justify; font-size: 11pt;  color: #2a3d64;}