/* newqctstyles.css */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* The rest is optional, style to taste */
    background-image: url("../images/pics/banners/header.qct.jpg");
background-repeat: repeat;
    font-family: "Trebuchet MS";
}

/* Wrapper sizes the layout */
#wrapper {
	/* Sets width for fixed or elastic layout */
    width: 60em;
	height:auto;
	border:8px ridge #3c70a4;
	border-width:10px;
	/* The rest is optional, style to taste */
    background-color: #369;
	/* Required for absolutely-positioned layout only */
position:relative;
	margin: 20px;
   
}

/* General style for horizontal lines*/
hr{
background-color: #369;
color:#00f;
border:none;
height:2px;
width: 100%;
text-align:center;
margin-bottom:0.5em;
}

/* ---------------------- Start layout division styles ---------------------- */



/************************* Start branding ************************/

/*Set height, background color, and text align of branding division*/
#branding{
background-color:#369;
color: #000;
text-align:center;
}


/************************* End branding **************************/



/************************* Start navbar **************************/

#navbar{

background:#aaa url(../images/decorations/navbak.jpg) repeat-x center;
height:1.6em;
/* For absolutely-positioned navbar */
position:absolute;
top:147px; /* Same as branding div height */
left:197px; /* Same as left column width */
right:0em; /* Same as right column width */
width:762px; /* Layout width minus left and right column widths */
}

/* For centered navbar only */
    #navbar #centeringdiv{
       width:25.7em; /*Must be equal to, or slightly greater than, actual navbar width */
       margin:0 auto;    
    }

/*Remove bullets from ul in the navbar*/

#navbar ul{
list-style-type:none;
}

/* List items in the navbar */
#navbar li{
float:left;
/* Required for drop-down menus */
position:relative;
}

/*Drop-down menu styles*/
/* Applies to drop-down menus in navbar */
#navbar li ul{
position:absolute;
z-index:100;
visibility:hidden;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
visibility:visible;
top:1.6em;
left:0;
}

/* Applies to links on the drop-down menu */

#navbar li:hover ul li a,

#navbar li a:hover ul li a,

#navbar li.selected:hover ul li a,

#navbar li.selected a:hover ul li a{ /* IE6 hack */

  background:#ccc; /* Removes background image */

  color:#000;

  text-align:left;

  display:block;

  width:10em;

  padding:0 0 0 1em;

  height:auto;

}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
background: #aaa;
color:#000;
}

/************IE6 hack applies to its table drop-down*********/
#navbar table {
margin:-1px;
border-collapse:collapse;
position:absolute;
top:0.5em;
left:0;
z-index:100;
}

/*******Applies to navbar links, unvisited and visited*******/
#navbar a,
#navbar a:link,
#navbar a:visited{
text-decoration:none;
font-family:Verdana, Geneva, Arial, Sans-Serif;
font-size:80%;
color:#000;
background:#aaa url(../images/decorations/navbak.jpg) repeat-x center;
display:block;
height:2em;
width:5.098em;
border-right:solid 1px #ddd;
text-align:center;
line-height:2em;
outline-style:none;
}

/*********Navbar hover, active, and current page links*****/
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
background:#ddd url(../images/decorations/navhover.jpg) repeat-x center;
color:#000;
}


/************************* End navbar **************************/

/************************* Start Side Menu **************************/

#menu {
	background:#aaa url(../images/decorations/navbak.jpg) repeat-x center;
	width: 150px;
	border-style: solid solid solid solid;
	border-color: #000;
	border-size: 1px;
	border-width: 1px;
	margin: 10px; 10px
	}
	
		#menu ul{
list-style-type:none;
}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu li a:link, #menu li a:visited {
	color: #000;
	display: block;
	background: url(../images/decorations/navbak.jpg);
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #000;
	background: #ddd url(../images/decorations/navhover.jpg) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #000;
	background: #ddd url(../images/decorations/navhover.jpg) 0 -64px;
	padding: 8px 0 0 10px;
	}

/************************* End Side Menu **************************/

/*********************Left column****************************/
#leftcolumn {
    /* Style to taste */
    width: 12em; height:176.6em;
/* Center images and text inside this div */
text-align:center;
/* For absolutely-positioned leftcolumn */
position:absolute;
top:159px; /* Same as branding div height */
left:7px;
}



/*********************Right column*************************/





/*********************Left and Right columns*****************/


/* Applies to images in the left and right column div */

#leftcolumn img {
width:90%;
}

/* Applies to paragraphs in the left and right column division */

#leftcolumn p {
border:solid 0.125em #fff;
padding:0.3em;
width:12em;
font-size:0.8em;
margin:1em auto;
font-family: Tahoma,Verdana,Sans-Serif;
}


/* ---------------- Start Content division styles --------------- */


#content{
	background-color:#fff;
	color:#000;
	padding-top:3em;
	height:175em;
	text-align:center;
	border:5px ridge #dcdcdc;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 12em;
	padding-right: 0.625em;
	padding-bottom: 0.625em;
	padding-left: 0.625em;
}



/* Heading 1 tags in content division */
#content h1 {
    text-align: center;
    font-size: 24px;
margin-top:0.5em;
margin-bottom:0.5em;
font-family: "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
background-color:#ccc;
color:#369; 
}

/* Heading 2 tags in content division */
#content h2 {
    text-align: center;
    font-size: 21px;
margin-top:0.5em;
margin-bottom:0.5em;
font-family: "Trebuchet MS",Arial, Helvetica, FreeSans, sans-serif;
color:#E80000; 
}

/* Heading 3 tags in content division */
#content h3 {
    text-align: center;
    font-size: 15px;
margin-top:0.5em;
margin-bottom:0.5em;
font-family:Arial, Helvetica, FreeSans, sans-serif;
color:#E80000; 
}

/* Paragraphs in content division */
#content p {
    font-size: 0.85em;
    line-height: 1.5em;
    margin: 1em 0.5em;
	font-family:Verdana, Geneva, Arial, Sans-Serif;
}

/* Bulleted lists in content division */
#content ul{
    font-size: 1em;
    margin: 0.5em 0.625em 0.5em 3.75em;
text-align:left;
}

#content ul li {
    margin-bottom: 0.5em;
}

/* columns in content division */

.grid1of2 {
width:25em;
height:auto;
border: thick double #3c70a4;
margin:0.5em; 
float:left;
}

.grid2of2 {
width:25em;
height:auto;
border: thick double #3c70a4;
margin:0.5em; 
float:right;
}

.grid1of3 {
width:20em;
height:auto;
border: thin solid #000; 
float:right;
}

.hilite {
background-color:#ccc;
color:#369;
font-weight:boldface;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* extras in content division */

blockquote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
line-height: normal;
font-weight: lighter;
font-variant: normal;
text-transform: none;
color: #F00;
height: 75px;
width: 450px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #ccc;
background-image:https://queencitytours.com/images/decorations/frame_dkblue_canvas.gif;
background-position: center center;
border-top-width: thin;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thin;
border-top-style: groove;
border-right-style: groove;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #369;
border-right-color: #369;
border-bottom-color: #369;
border-left-color: #369;
}
/* ----------------- End Content division styles ---------------- */


/*********************Footer division**********************/
#footer {
    /* Clear the sidebar columns */
    clear: left; 
    /* Style to taste */
    background-color: #eae2e0;
    color: #000;
    border-top: solid 1px #B0C4D0;
    min-height: 7em;
font-family: Verdana, Geneva, Sans-Serif;
font-style:normal;
font-size:12px
}

#footer a:link,
#footer a:visited{
/* No underline on links */
text-decoration:none;
}
#footer a:hover,
#footer a:active{
color:#0c0;
border: dotted 1px #333;
}
.hotkey{
text-decoration:underline;
}

/* ------------------ End layout division styles ---------------- */

@media print{
/* Start printer-friendly styles */
/* Make wrapper the full page width */
#wrapper{
width:95%;
}
/* Hide all but content and footer */
#leftcolumn,

#navbar,
#branding{
display:none;
}
/* Get rid of content div margins and
padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/*End printer-friendly styles */
}