@charset "utf-8";
/* CSS Document */

/* * * * * * * * * * * * *  
  Tag Elements
 * * * * * * * * * * * * */

body {
	background-image:url(/images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#78a3fb;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:16px;
	height:100%;
	margin:0 auto;
}
a {	color:#1f5eff; }
a:hover { text-decoration:none; }
h2 {
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	color:white;
	background-color:#78a3fb;
	border-bottom:1px solid black;
	padding-left:10px;
	display:block;
	margin-bottom:5px;
	clear:both;
}
p { margin-left:10px; }
ul, ol { margin-left:30px; }

/* * * * * * * * * * * * *  
  Generic Classes
 * * * * * * * * * * * * */

.clear { clear:both; }
.block { display:block; }
.hidden { display:none; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.small { font-size:12px; }
.red { color:red; }
.grey { color:#999; }
.darkRed { color:#c33d33; }
.darkGreen { color:#1d8068 }
.brightBlue { color:#1f5eff; }
.iconBlue { color:#5a96ca; }
.iconGreen { color:#60ba67; }
.iconYellow { color:#f1b426; }
.white { color:white; }
.black { color:black; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.marginLeft20 { margin-left:20px; }
.marginLeft10 { margin-left:10px; }
.bigText {
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
}
.form-label {
		float:left;
		width:125px;
		font-weight:bold;
}
.left_pad {
	float:left;
	padding:10px;
}
.right_pad {
	float:right;
	padding:10px;
}
p.small { font-size:12px; }
.ajaxMessage {
	font-weight:bold;
	margin-left:5px;
}
.iconMsg {
	position:relative;
	top:-7px;
	left:5px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
}
.iconMsgSub {
	margin-left:50px;
	display:block;
}
.wfimg { padding: 0px 10px 0px 10px; }
.wf_popup_container:hover span { display: block; }
.wf_popup {
	display: none;
	position: absolute;
	border: 1px dotted black;
	padding: 5px;
	color: white;
	text-decoration: none;
	width: 315px;
}
.wf_popup_img {
	float: left;
	margin-right: 5px;
	position: relative;
	top: 3px;
	border: 1px solid white;
}
.wf_davenport { color:#20846c; }
.wf_bettendorf { color:#ed9847; }
.wf_rockisland { color:#d33c33; }
.wf_moline { color:#1252a7; }
.wf_davenport_back { background-color:#20846c; }
.wf_bettendorf_back { background-color:#ed9847; }
.wf_rockisland_back { background-color:#d33c33; }
.wf_moline_back { background-color:#1252a7; }

/* * * * * * * * * * * * * 
  Popup Box Classes
 * * * * * * * * * * * * */
 
#box_back {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:45;
	background-color:#000000;
}
#box {
	border: 3px solid #1f5eff;
	background-color:white;
	position:fixed;
	display:none;
	top:5%;
	left:20%;
	z-index:50;
	padding:10px;
	width:60%;
	height:90%;
	text-align:left;
	overflow:scroll;
}
#box .title {
	display:block;
	color:white;
	background-color:#1f5eff;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:5px;
	line-height:24px;
	border-bottom:1px solid black;
}
#box a.close {
	font-size:16px;
	padding:3px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	position:absolute;
	right:13px;
	top:15px;
	border:1px solid white;
}
#box a.close:hover {
	color:#1f5eff;
	background-color:white;
}
#box img.marginRight { padding-right:20px; }

/* * * * * * * * * * * * * 
  Dropdown Menu Classes
 * * * * * * * * * * * * */
 
#dropContainer {
	position:relative;
}
#dropdown {
	display:none;
	position:absolute;
	width:300px;
	border:2px solid #1f5eff;
	background-color:white;
	z-index:30;
}
#dropdown a {
	display:block;
	padding:2px;
	color:black;
	text-decoration: none;
	border-bottom:1px dotted #1f5eff;
	font-weight:bold;
	letter-spacing:-1px;
}
#dropdown a:hover {
	color:white;
	background-color:#1f5eff;
}
#dropdown a span {
	font-size:12px;
	font-weight:normal;
	color:#999;
}

/* * * * * * * * * * * * * 
  Button Classes
 * * * * * * * * * * * * */

a.button {
	margin:20px 0px 0px 30px;
	padding:5px 10px 4px 10px;
	color:white;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
	border-bottom:1px solid black;
	background-color:#1f5eff;
}
a.button:hover {
	border:1px solid black;
	padding:4px 9px 4px 9px;
	color:black;
	background-color:white;
}
#form-button { height:30px; }

/* * * * * * * * * * * * * 
  Header Classes
 * * * * * * * * * * * * */

#header {
	width:1000px;
	height:300px;
	position:relative;
	z-index:0;
	margin:0 auto;
	text-align:left;
	background-color:transparent;
}
#header .banner {
	position:absolute;
	left:0px;
	bottom:0px;
}
#header .pageTitle {
	position:absolute;
	left:20px;
	bottom:9px;
	font-size:24px;
	font-weight:bold;
	color:#d3eaf8;
	letter-spacing:-1px;
	line-height:26px;
}

/* * * * * * * * * * * * * 
  Menu Classes
 * * * * * * * * * * * * */
 
#header a.menuItem {
	position:absolute;
	z-index:10;
	top:54px;
	display:block;
	padding:10px;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	color:white;
	text-decoration:none;
}
#header a.visitors { left:191px; }
#header a.residents { left:348px; }
#header a.planners { left:524px; }
#header a.media { left:691px; }
#header a.members { left:833px; }
#header .baseMenu {
	position:absolute;
	z-index:5;
	display:none;
	top:90px;
	border: 3px solid #78a3fb;
	padding:10px;
	text-align:left;
	background-repeat:repeat-x;
	background-position:top;
	background-color:#d5ecf8;
}
#header .baseMenu a {
	display:block;
	margin:3px 0px 3px 3px;
	text-decoration:none;
}
#header .baseMenu a:hover { text-decoration:underline; }
#header .menuItemHover {
	background:white;
	background-color:white;
	border-right: 3px solid #78a3fb;
	border-left: 3px solid #78a3fb;
	border-top: 3px solid #78a3fb;
}
#header .subMenuBig {
	width:400px;
	float:left;
}
#header .subMenu {
	width:190px;
	float:left;
	padding:0px 5px 0px 5px;
}
#header .menuTitle {
	display:block;
	color:white;
	background-color:#1f5eff;
	font-size:16px;
	letter-spacing:-1px;
	padding:5px;
	font-weight:bold;
}
#header .menuTitleRed { background-color:#d33c33; }
#header .visitorsMenu {
	left:152px;
	background-image: url(/images/menu_back_tall.jpg);
}
#header .residentsMenu {
	left:152px;
	background-image: url(/images/menu_back_tall.jpg);
}
#header .plannersMenu {
	left:152px;
	background-image: url(/images/menu_back_short.jpg);
}
#header .mediaMenu {
	left:352px;
	background-image: url(/images/menu_back_short.jpg);
}
#header .membersMenu {
	left:352px;
	background-image: url(/images/menu_back_short.jpg);
}
#header .botPad { padding-bottom:10px; }
#header .subTitle {
	font-weight:bold;
	padding-top:10px;
	border-bottom:1px dotted #0033cc;
	display:block;
	color:#0033cc;
}

/* * * * * * * * * * * * * 
  Tab Classes
 * * * * * * * * * * * * */

#header .tabs {
	position:absolute;
	top:0px;
}
#header .redTab { left:178px; }
#header .blueTab { left:388px; }
#header .yellowTab { left:598px; }
#header .greenTab { left:808px; }
#header .overlays {
	display:none;
	position:absolute;
	top:33px;
	background-color:transparent;
	background-repeat:no-repeat;
	z-index:25;
	padding:30px 10px 0px 10px;
}
#header .redOverlay {
	left:110px;
	width:783px;
	height:290px;
	background-image: url(/images/overlay_red.png);
}
#header .blueOverlay {
	left:215px;
	width:518px;
	height:399px;
	background-image: url(/images/overlay_blue.png);
}
#header .yellowOverlay {
	left:525px;
	width:270px;
	height:235px;
	background-image: url(/images/overlay_yellow.png);
}
#header .greenOverlay {
	left:520px;
	width:449px;
	height:196px;
	background-image: url(/images/overlay_green.png);
}
#header a.close {
	position:absolute;
	right:10px;
	top:33px;
	padding:3px;
	text-decoration:none;
	font-weight:bold;
}
#header a.closeRed {
	border:1px solid #d33c33;
	color:#d33c33;
}
#header a.closeRed:hover {
	color:white;
	background-color:#d33c33;
}
#header a.closeBlue {
	border:1px solid #1262a7;
	color:#1262a7;
}
#header a.closeBlue:hover {
	color:white;
	background-color:#1262a7;
}
#header a.closeYellow {
	border:1px solid #ed9847;
	color:#ed9847;
}
#header a.closeYellow:hover {
	color:white;
	background-color:#ed9847;
}
#header a.closeGreen {
	border:1px solid #20846c;
	color:#20846c;
}
#header a.closeGreen:hover {
	color:white;
	background-color:#20846c;
}
#header a.button {
	margin:20px 0px 0px 30px;
	padding:5px 10px 4px 10px;
	color:white;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
	border-bottom:1px solid black;
}
#header a.button:hover {
	border:1px solid black;
	padding:4px 9px 4px 9px;
	color:black;
	background-color:white;
}
#header a.yellowButton { background-color:#ed9847; }
#header a.redButton {
	position:relative;
	top:5px;
	background-color:#d33c33;
}
#overlay_yellow .search {
	width:200px;
	color:#999;
	margin-left:20px;
}
#overlay_yellow .option {
	margin-left:20px;
	display:block;
}
#overlay_red .leftMar { margin-left:30px; }
#overlay_red .dates { width:100px; }
#overlay_red .staying { width:40px; }
#overlay_red .disclaimer {
	position:absolute;
	right:15px;
	bottom:15px;
	width:350px;
	color:#999;
	text-align:right;
}
#overlay_red .disclaimer a { color:#999; }
#overlay_red .errors {
	position:absolute;
	left:255px;
}
#overlay_red .errorTop { top:65px; }
#overlay_red .errorBottom { top:86px; }

/* New */
#overlay_red .navbar {
	border-top:1px solid #d33c33;
	border-bottom:1px solid #d33c33;
	background-color:#fcc;
	width:230px;
	margin:20px 0px 20px 0px;
	height:24px;
	float:left;
}
#overlay_red .navbar a {
	color:#d33c33;
	padding:4px;
	margin:0px 5px;
	display:block;
	float:left;
	border-left:1px solid #fcc;
	border-right:1px solid #fcc;
	text-decoration:none;
}
#overlay_red .navbar a:hover, #overlay_red .navbar a.selected {
	background-color:#d33c33;
	color:white;
	border-left:1px solid #d33c33;
	border-right:1px solid #d33c33;
}
#overlay_red .travelocity {
	position:absolute;
	bottom:15px;
	right:15px;
}
#overlay_red .label {
	display:block;
	float:left;
	width:100px;
}
#overlay_red .citySelector {
	font-size:14px;
	width:200px;
}
#overlay_red .state {
	color:white;
	background-color:#d33c33;
}
#overlay_red .roundtrip {
	display:block;
	float:left;
	line-height:24px;
}
#overlay_red .arrival {
	display:block;
	float:left;
	line-height:24px;
	color:#999;
}
/* */

#overlay_blue .logos {
	position:absolute;
	left:340px;
}
#overlay_blue .facebook { top:50px; }
#overlay_blue .twitter { top:150px; }
#overlay_blue .flickr { top:250px; }
#overlay_blue .youtube { top:350px; }

/* * * * * * * * * * * * * 
  Calendar Popup Modifier
 * * * * * * * * * * * * */
 
#calendar {
	position:absolute;
	/*left:310px;
	top:35px;*/
	border:2px solid #d33c33;
	z-index:30;
}
#calendar .title { background-color:#d33c33; }
#monthMoverBack:hover { color:#d33c33; }
#monthMoverFor:hover { color:#d33c33; }
#calendarDaysRow { border-bottom:1px dotted #d33c33; }
.calendarItem:hover { background-color:#d33c33; }
.calendarItem_noMonth:hover { background-color:#d33c33; }
#calendar .close { background-color:#d33c33; }

/* * * * * * * * * * * * * 
  Content Classes
 * * * * * * * * * * * * */
 
#content {
	width:980px;
	height:100%;
	padding:10px;
	z-index:0;
	margin:0 auto;
	text-align:left;
	background-color:white;
}
.paneSmall {
	width:240px;
	padding:40px 5px 5px 5px;
}
.paneLarge {
	float:right;
	width:710px;
	padding:5px;
}

/* * * * * * * * * * * * * 
  Small Pane Classes
 * * * * * * * * * * * * */
 
#pageControls a {
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
}
#pageControls a.print { margin-left:5px; }
.sideMenu {
	padding-bottom:10px;
	margin:20px 0px 20px 0px;
}
.sideMenu .title {
	display:block;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	border-bottom:1px solid #d33c33;
	margin-bottom:10px;
	color:#d33c33;
}
.sideMenu a {
	display:block;
	margin:5px 0px 5px 20px;
	color:#d33c33;
	text-decoration:none;
}
.sideMenu a:hover { text-decoration:underline; }
.adText {
	color:gray;
	font-size:10px;
	letter-spacing:1px;
	text-align:center;
}

/* * * * * * * * * * * * * 
  Footer Classes
 * * * * * * * * * * * * */
 
#footer {
	position:relative;
	width:1000px;
	height:220px;
	padding-top:10px;
	z-index:0;
	margin:0 auto;
	text-align:center;
	background-color:white;
}
#footer .logo_qccvb {
	position:absolute;
	top:60px;
	right:130px;
}
#footer .logo_accredited {
	position:absolute;
	top:60px;
	right:20px;
}
#footer .qccvbInfo {
	float:left;
	text-align:left;
	margin-left:10px;
}
#footer .logo_iowa {
	position:absolute;
	bottom:10px;
	left:10px;
}
#footer .logo_illinois {
	position:absolute;
	bottom:10px;
	right:10px;
}

/* * * * * * * * * * * * * 
  Listing Classes
 * * * * * * * * * * * * */

.coContainer {
	width:225px;
	float:left;
	margin:5px;
	background-color:#eee;
	text-align:center;
	border-bottom:1px solid black;
}
.coItem {
	width:224px;
	padding:0px 3px 3px 3px;
	overflow:visible;
}

.tall { height:240px; }
.short { height:90px; }

.coName {
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	display:block;
}

.coAdd {
	display:block;
	margin-left:5px;
}

/* * * * * * * * * * * * * 
  Ad Classes
 * * * * * * * * * * * * */

.addressContainer {
	width:400px;
	height:140px;
	background-color:#d3eaf8;
	border-bottom:1px solid black;
	margin-top:10px;
}
.addressBlock {
	padding:0px 10px 10px 10px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
}
