/* starts QH css */

/* =import reset.css */

@import url("reset.css");

/* BODY */
body {
	background: #fff url(../img/qh-home-bg.jpg) center 8px no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;	
	behavior:url("csshover.htc");	
	margin; 0;
	padding:0;	
}

body.secondary-pages {
	background: #fff url(../img/qh-home-bg2.jpg) center bottom no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	behavior:url("csshover.htc");	
	margin:0;
	padding:0;
}

/* HEADER */
div#header {
	position:relative;
	width: 940px;
	margin: 0 auto;
	padding:0;
}

img#qh-logo {	
	float:left;	
	margin:0;
	padding:0;
	/*border:1px solid red;*/
	display:block;
	border: none;
}

div#header p#strapline {
	/*float:left;*/	
	position:absolute;
	top:45px;
	left:665px;
	font-size: 2em;
	font-style:italic;
	/*outline:1px solid red;*/
	width:auto;
}

div#header ul#top-nav {
	width: 930px;	
	text-align:right;	
	/*outline:1px solid red;*/
	float:left;	
	position:relative;
	z-index:1000;
	margin-top: -24px;
	padding-bottom:10px;
	padding-right:10px;	
}

div#header ul#top-nav li {
	display:inline;
	padding-left:17px;	
	font-size:0.95em;
}

div#header ul li a {
	color: #0284af;
	text-decoration:none;
	padding:0px 5px 15px 5px;	
}

div#header ul#top-nav li ul.sub-nav {
	height:auto;
	width:140px;
	margin: 0;
	padding: 10px 0 10px 0 ;
	position:absolute;	
	top: 26px;	
	left: 292px;
	background-color:#000000;
	text-align:left;	
	display:none;	
	font-size:0.8em;
}

div#header ul#top-nav li ul.sub-nav2 {
	height:auto;
	width:123px;
	margin: 0;
	padding: 10px 0 10px 0 ;
	position:absolute;	
	top: 26px;	
	left: 363px;
	background-color:#000000;
	text-align:left;	
	display:none;
	font-size:0.8em;
}

div#header ul#top-nav li ul.sub-nav3 {
	height:auto;
	width:90px;
	margin: 0;
	padding: 10px 0 10px 0 ;
	position:absolute;	
	top: 26px;	
	left: 581px;
	background-color:#000000;
	text-align:left;	
	display:none;
	font-size:0.8em;
}

div#header ul#top-nav li#accomodations-sub-nav ul.sub-nav3 {
	width:110px;
	outline:1px solid red;
	
}

div#header ul#top-nav li#about-sub-nav:hover ul.sub-nav, div#header ul#top-nav li#accomodations-sub-nav:hover ul.sub-nav2, div#header ul#top-nav li#resources-sub-nav:hover ul.sub-nav3 {
	display:block;
	position:absolute;
}

div#header ul#top-nav li ul.sub-nav li, div#header ul#top-nav li ul.sub-nav2 li, div#header ul#top-nav li ul.sub-nav3 li{
	padding: 0;
	margin:0;
	display: block;
	/*outline: 1px solid red;*/
	font-size: 1.150em;	
}

div#header ul#top-nav li ul.sub-nav li a, div#header ul#top-nav li ul.sub-nav2 li a, div#header ul#top-nav li ul.sub-nav3 li a {
	display: block;
	color:#66CCFF;
	/*outline: 1px solid green;*/
	padding:8px;		
}

div#header ul#top-nav li ul.sub-nav li a:hover, div#header ul#top-nav li ul.sub-nav2 li a:hover, div#header ul#top-nav li ul.sub-nav3 li a:hover {
	color:#fff;	
}

div#banner {
	width: 940px;
	height: 239px;	
	margin: 0 auto;	
	padding:0;
	float:left;	
	/*outline: 1px solid red;*/
}

div.content-box {	
	width: 940px;
	margin: 0 auto;	
}

/* INTRO VIDEO */

iframe#intro-video {

}

/* CONTENT */
div#content {
	width:940px;
	margin: 16px auto 0 auto;
	padding:0 ;
	float:left;	
	/*outline: 1px solid red;*/
}

div#content q.quote {
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.2em;
	font-style:italic;
	padding: 20px 20px 0 0;
	float: left;
	clear: left;
	color: #666;
}

.secondary-pages {
	padding-bottom:30px;
}

div#content-middle h1 {
	font-size:2em;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:16px;
	margin:0 0 18px 0;
}

p#welcome-intro {
	/*position:absolute;
	z-index:15000;
	outline:1px solid red;
	background-color:#FFFFFF;*/
	
}

iframe a {
	text-indent: -9999px
	color: #000;
	}

div#content-middle {
	position:relative;
	float:left;
	width:700px;
	line-height: 1.2em;
	padding-bottom:18px;
	margin:0;
}

div#content-middle h2 {
	float:left;
	clear:left;
	width: 683px;
	font-family:georgia;
	font-size:1.3em;
	padding: 12px 0px 12px 0;
	font-weight:bold;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin:20px 0;
	/*outline:1px solid red;*/
}

div#content-middle p {
	clear:left;
	font-family:arial;
	font-size:0.8em;
	padding: 12px 12px 2px 0px;
}

div#content-middle p a {
	text-decoration:none;
	color:#0284AF;	
}

div#content-middle p a:hover {
	text-decoration: underline;
}

div#content-middle p.the-hall-application-doc, div#content-middle p.the-hall-info-doc, li.the-hall-application-doc, li.the-hall-info-doc  {
	background: transparent url(../img/excel-icon.gif) no-repeat 0 12px;
	padding-left:23px;
	line-height: 1.3em;
	height:20px;
}

div#content-middle li.the-hall-application-doc, li.the-hall-info-doc  {
	background: transparent url(../img/excel-icon.gif) no-repeat 12px 2px;
	padding-left:23px;
	line-height: 1.3em;
}

div#content-middle p.the-hall-info-doc-word  {
	background: transparent url(../img/word-icon.gif) no-repeat 0 12px;
	padding-left:23px;
	line-height: 1.3em;
	
}



div#content-middle p.the-hall-application-pdf, div#content-middle p.the-hall-info-pdf, div#content-links p.the-hall-info-pdf   {
	background: transparent url(../img/pdficon_small.gif) no-repeat 0 12px;
	padding-left:23px;
	line-height: 1.3em;
	height:20px;
	/*border: 1px solid red;*/
}

div#content-middle li.the-hall-application-pdf, li.the-hall-info-pdf, li.the-hall-doc-word {
	background: transparent url(../img/pdficon_small.gif) no-repeat 12px 2px;
	padding-left:23px;
	line-height: 1.3em;
}

li.the-hall-doc-word {
	background: transparent url(../img/word-icon.gif) no-repeat 12px 2px;
	padding-left:23px;
	line-height: 1.3em;
}


div#content-middle ul.general-list li {
	float:left;
	clear:left;
	padding: 5px 12px 5px 5px;	
	list-style-type: disc;		
}

div#content-middle ul#management-team, div#content-middle ul {
	float:left;
	clear:both;
	font-family:arial;
	line-height: 1.9em;
	font-size:0.8em;
	padding: 12px 12px 12px 5px;	
	margin:0;
	width:500px;
}

div#content-middle ul#management-team li, div#content-middle ul li {
	list-style: inside disc ;	
	width:500px;	
	clear:both;
	/*border:1px solid red;*/
}

div#content-middle ul.the-hall-list li, div#content-middle ul.the-bungalows-list li {
	list-style-type: none;
	width:690px;
	/*border:1px solid red;*/
	background: transparent url(../img/icons.gif) no-repeat -15px -137px;
	padding-left:23px;
}

div#content-middle ul#management-team li a, div#content-middle ul li a {
	text-decoration: none;
	color:#0284AF;
}

div#content-middle ul#management-team li a:hover, div#content-middle ul li a:hover {
	text-decoration: underline;
}

body#site-map div#content-middle ul#site-map-list  {
	position: relative;		
}

body#site-map div#content-middle ul#site-map-list li {
	/*outline: 1px solid red;	*/	
	font-size: 1em;	
	float:left;
	clear:left;	
	list-style-type:disc;
}

body#site-map div#content-middle ul#site-map-list li ul{
	/*outline: 1px solid blue;*/
	margin:0 0 10px 0;
	padding:5px 5px 5px 12px;
	position: relative;
	font-size: 1em;	
	float:left;
	list-style:inside ;		
}


body#site-map div#content-middle ul#site-map-list li ul li {
	/*outline: 1px solid red;*/
	margin:0;
	padding:0 0 0 22px;
	/*clear: both;*/
	font-size: 1em;
	/*display: block;*/
	list-style-type:none;		
	background: transparent url(../img/icons.gif) no-repeat -15px -137px;
	
}


body#site-map div#content-middle ul#site-map-list li ul li a {	
	/*display: block;*/
	color: #666;
	
	
}

div#content-middle a#see-more-videos {
	float:left;
	clear: left;
	font-size:0.7em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#0284AF;
	text-decoration:none;
}

div#content-middle a#qh-channel {
	float:left;
	clear:left;
	padding-left:0px;
	font-size:0.7em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#0284AF;
	text-decoration:none;
}

div#content-middle a#qh-channel:hover {
	text-decoration:underline;
}

div#content-middle a#see-more-videos:hover {
	text-decoration:underline;
}

div#content-middle img {
	border: 5px solid #ccc;
	margin:14px 0 3px 0;
	float:left;
	clear:left;
}

div#content-middle small {
	/*outline: 1px solid red;*/
	float:left;
	clear:left;
	font-size:0.6em;
	font-style:italic;
	color:#666;
	padding:0 0 0px 0px;
	margin:0;
	width: 100%;
}

div#content-middle p.go-home-top {
    float: left;	
	width:683px;
	/*outline:1px solid red;*/
	margin:0;
	padding:0;
	
}

div#content-middle a small.no-border {
	border-bottom: medium none;
    float:right;
	clear:none;
    font-size: 0.85em;
    font-style: normal;
    font-weight: normal;
    margin: 0 ;
	position:relative;
	top:19px;
    padding: 13px 0px 0px 10px;
    width: auto;
	
	color: #0284AF;
	text-decoration:none;
	/*border: 1px solid red;*/
}

div#content-middle a:hover small.no-border {
	text-decoration:underline;
}


div#content-links {
	float:left;
	border-left:1px solid #ccc;
	padding-left:15px;
	margin-top:39px;
	font-size:1.3em;
}

div#content-links  {
	float:left;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-left:16px;
	margin-top:39px;
	font-size:1.3em;	
}

div#content-links p {
	padding-bottom:5px;
	/*background-color:#E8E8E8;*/
	color:#000;
	padding:7px 0 10px 10px;
	font-size:0.8em;
	/*border-radius: 5px 5px 0px 0px;*/
	/*box-shadow: 1px 2px 5px #AFAFAF;*/
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

div#content-links p#useful-information {
	border-bottom: none;
	border-top: 1px solid #ccc;
	margin-bottom:20px;
	font-size:1em;
}

div#content-links ul {
	font-size:0.8em;
	width: 213px;
	height: auto;
	padding:18px 10px 10px 0px;
	margin: 0px 0px 15px 0;
	/*background-color:#F5F5F5;*/
	/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 1px;*/
  	/*box-shadow: 1px 2px 5px #AFAFAF;*/
	/*outline:1px solid red;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
}


div#content-links ul li {
	padding-bottom:12px;
	padding-left:41px;
	padding-top:3px;
	font-size:0.75em;
	color:#0284AF;
	/*border: 1px solid red;*/	
}

div#content-links ul li#icon-news {
	padding-bottom:5px;
	padding-left:41px;
	padding-top:3px;
	font-size:0.85em;
	color:#0284AF;
	/*border: 1px solid red;*/	
}

div#content-links ul li.icon-arrow {
	background: transparent url(../img/icons.gif) no-repeat 0px -137px;	
}

div#content-links ul li.icon-applications {
	background: transparent url(../img/icons.gif) no-repeat 0px -50px;	
}

div#content-links ul li#icon-gallery {
	background: transparent url(../img/icons.gif) no-repeat 0px -80px;	
}

div#content-links ul li#icon-multimedia {
	background: transparent url(../img/icons.gif) no-repeat 0px -22px;
}

div#content-links ul li#icon-newsletter {
	background: transparent url(../img/icons.gif) no-repeat 0px -110px;
}

div#content-links ul li#icon-calendar {
	background: transparent url(../img/icons.gif) no-repeat 0px -166px;
}

div#content-links ul li#icon-news {
	background: transparent url(../img/icons.gif) no-repeat 0px 3px;
	font-size: 0.75em;
	/*outline:1px solid red;*/
}

div#content-links ul li a {
	text-decoration:none;
	padding-top:0px;
	color:#0284AF;
}

div#content-links ul li a:hover {
	text-decoration:underline;	
}

div#content ul#call-to-actions  {
	float: left;
	width: 440px;	
}

div#content ul#call-to-actions li#activities {
	background: #000 url(../img/activities.jpg) no-repeat 0 0; 
}

div#content ul#call-to-actions li#news {
	background: #000 url(../img/news.jpg) no-repeat 0 0; 
}

div#content ul#call-to-actions li#history {
	background: #000 url(../img/history.jpg) no-repeat 0 0; 
}

div#content ul#call-to-actions li#accomodations {
	background: #000 url(../img/accomodations.jpg) no-repeat 0 0; 
}



div#content ul#call-to-actions li {
	width:194px;
	height:194px;
	float: left;	
	margin:0 16px 16px 0;	
	/*outline: 1px solid red;*/
	background-color:#000;
	color:#FFFFFF;
	font-size:1.4em;
	font-style:italic;
	padding: 10px 0 0 10px;
}

div#content ul#call-to-actions li#news, div#content ul#call-to-actions li#accomodations {
	/*outline:1px solid blue;*/
	margin:0 0px 16px 0;	
}

div#content ul#call-to-actions li#news a. {
	width: 194px;
	height: 194px;
	/*outline:1px solid red;*/
	margin:0;
	padding:0;
	float: left;
	display: block; 	
}

div#content ul#call-to-actions li#news p#first-news  {
	padding-top:18px;
}

div#content ul#call-to-actions li#news p a  {
	color: #4DDBFF;
	line-height: 1.5em;
	text-decoration: none;
}

div#content ul#call-to-actions li#news p a:hover  {
	text-decoration: underline;
}

div#content ul#call-to-actions li#activities, div#content ul#call-to-actions li#accomodations, div#content ul#call-to-actions li#history {
	position:relative;	
}

div#content ul#call-to-actions li#activities a, div#content ul#call-to-actions li#accomodations a, div#content ul#call-to-actions li#history a  {
	/*outline: 1px solid red;*/
	margin:0;
	padding: 0;
	position: absolute;
	top:3px;
	left:4px;
	text-indent: -99999px;
	width: 199px;
	height: 200px;
	display:block;
			
}

div#content ul#call-to-actions li#activities:hover, div#content ul#call-to-actions li#accomodations:hover, div#content ul#call-to-actions li#history:hover  {
	color: #4DDBFF;
	
}

div#content ul#call-to-actions li p {
	color: #fff;
	font-size:0.6em;
	font-style: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

div#content ul li.clear-left-space {
	margin-right:none;
	clear:left;	
}

div#welcome {
	position:relative;
	background-color: #000;
	float:left;
	width:490px;
	height:414px;
	padding: 10px 0 0 10px;
	/*outline:1px solid red;*/

}

div#welcome h1 {
	color: #fff;
	font-size:1.4em;
	font-style: italic;
}

div#welcome p {
	color: #fff;
	font-size:0.8em;
	font-family:Geneva, Arial, Helvetica, sans-serif;	
	padding-bottom:9px;
	padding-top: 9px;
	padding-left: 3px;
	line-height:normal;		
}

div#welcome a#more-videos {
	color: #4ddbff;
	font-size:0.7em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;	
	text-decoration: none;
}

div#welcome a#more-videos:hover {
	text-decoration: underline;
}

/* TABLE */

div#content-middle table {
	/*outline: 1px solid red;*/
	padding: 10px;
	width: 687px;
	border: 1px solid #ccc;
	margin-bottom:20px;
	font-size:0.9em;
}

div#content-middle table caption {
	font-size:0.9em;
	padding:20px 0 0 13px;
}

div#content-middle table th {
	border: 1px solid #ccc;
	padding: 10px;
	text-align:center;
	font-size:1.15em;
	font-weight: bold;
}

div#content-middle table tr.grey-row {
	background-color:#F9F9F9;
}

div#content-middle table tr.white-row {
	background-color:none;
}

div#content-middle table tr {
	/*border: 1px solid #ccc;*/
	padding: 10px;
}

div#content-middle table td {
	border: 1px solid #ccc;
	padding: 10px;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.85em;
}

div#content-middle table td.months {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;	
}

div#content-middle address {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-top:10px;	
	/*outline:1px solid red;*/
	float:left;
}

div#content-middle h2.no-border-top-bottom {
	border-top: none;
	border-bottom:none;
	padding-top:0px;
}

div#content-middle h2.no-border-top {
	border-top: none;
	padding-top:0px;
}

div#content-middle h2.no-border-bottom {
	border-bottom: none;	
	float:left;
}

/* FORM */

body.secondary-pages form {
	width: 400px;		
	margin:30px 0 30px 0;	
	/*padding-left: 25px;*/
	list-style-type: none;
	/*border: 1px solid #ccc;	*/	
	float:left;
}

body.secondary-pages form fieldset  {
	padding: 20px 0px 15px 15px;
	width: 97%;	
	margin: 0;
	border: 1px solid #ccc;
	font-size: 11px;
}

body.secondary-pages form fieldset input {
	clear: left;
	width: 95%;	
	height: 20px;	
	font-size: 12px;
	margin-bottom: 12px;
}

body.secondary-pages form fieldset label {
	float:left;
	clear: left;	
	font-size: 13px;
	color: #000;
	/*padding-bottom: 3px;*/	
}

body.secondary-pages form fieldset textarea {
	width: 95%;
	max-width: 400px;
	height: 200px;	
	font-size: 12px;
	font-family: helvetica, arial;
	margin-bottom: 8px;
}

body.secondary-pages form fieldset input#firstname:focus, body.secondary-pages form fieldset input#email:focus, body.secondary-pages form fieldset input#lastname:focus, body.secondary-pages form fieldset textarea:focus {
	color: #000;
	background-color: #ffffcc;	
}

body.secondary-pages form fieldset input#send-button, body.secondary-pages form fieldset input#reset-button  {
	width: 150px;
	height: 35px;
	font-size:13px;
}

/* FOOTER BG */

div#footer-bg {
	background:url(../img/qh-footer-bg.jpg) center 30px no-repeat;
	/*outline: 1px solid red;
	border: 1px solid red;*/
	height:auto;
	width:940px;
	margin: 0 auto ;
	padding:0;
	clear:left;
}

/* FOOTER */
div#footer {
	width:940px;
	margin: 0 auto;
	clear: left;
	/*outline: 1px solid red;*/
	padding-top:30px;
}

div#footer ul {
	float:left;
	font-size:0.85em;	
	padding-right:137px;
}

div#footer ul li {
	font-size:0.9em;	
	line-height:1.7em;
	color:#000;
}

div#footer ul li a {
	color:#0284af;
	text-decoration: none;
}

div#footer ul li a:hover {	
	text-decoration: underline;
}

.secondary-pages div#footer {
	border-top:1px solid #ccc;
}

div#site-info {
	width:940px;
	margin: 0 auto;
	clear: left;	
}

div#site-info ul {
	position:relative;
	font-size:0.7em;
	padding-bottom:30px;
	padding-top:40px;
}

body#home div#site-info ul {
	font-size:0.7em;
	padding-bottom:30px;
	/*padding-top:40px;*/
}


div#site-info ul li.links, div#site-info ul li {
	display:inline;
	padding-right:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

div#site-info ul a {
	color: #0284af;
	text-decoration:none;
}

div#site-info ul li a:hover {	
	text-decoration: underline;
}

div#site-info ul li#creativepan {
	position:absolute;
	right:0;
	padding-right: 0px;
}