html, body
{ 
margin:0; 
padding:0; 
border:0;
}

body
{
margin:10px 0;
text-align:left; 
font-family:Trebuchet MS, Verdana, arial, sans-serif; 
font-size:14px; 
color:#000; 
background:#F2F2F2; 
}

p
{
margin:2px 20px;
padding-top:5px;
font-style:normal;
}

h1
{
color:navy;
font-family:Trebuchet MS, Verdana, arial, sans-serif; 
font-size:20x;
margin;4px 10px;
text-align:left;
padding:5px 0 0 5px;
font-weight:bold;
}

h2, h3, h4, h5
{
margin;4px 30px;
text-align:center;
padding:0;
font-weight:bold;
}

a, a:visited
{
text-decoration:underline;
color: navy;
}

a:hover
{
text-decoration:underline;
color:red;
} 

#wrapper
{ 
background:#fff;
width:757px;
border-top:1px solid #309E47;
border-right:1px solid #309E47;
border-bottom:1px solid #309E47;
border-left:1px solid #309E47;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header
{
position:relative;
height:150px; 
background:url(http://www.wichitahotels.com/graphics/header.jpg) #fff;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

* html #header
{margin-top:0px;}

#header h1
{
font-size:1px;
margin-left:-5000px;
}

#maincol
{
background-color:#fff;
border-right:2px solid #fff;  
float:left; 
display:inline; 
position:relative; 
width:575px; 
}

#maincolgooglead
{
background-color:#fff;
float:right; 
position:relative; 
width:340px; 
}

#rightcol
{
background-color:#fff;
width:177px;
float:right; 
position:relative; 
}

#menu ul
{
margin:20;
padding:0;
font-weight:bold;
list-style-image:url('../images/c1.jpg');
list-style-position: outside
}

#menu li
{
margin:20;
padding:10;
font-weight:bold;
border-top:10px solid #fff;
}

#menu a, #menu a:visited
{
text-decoration:none;
text-align:center;
font-weight:bold;
color:#282824;
margin:2;
font-size:11px;
padding:10;
}

#menu a:hover
{
color:#FF0000;
text-decoration:underline;
}

#footer
{
padding-top:5px;
padding-bottom:5px;
height:75px;
background:#fed761;
clear:both;
color:navy;
font-size:10px;
font-weight:bold;
text-align:center;
}

#footer a, #footer a:visited
{
text-decoration:underline;
color:navy;
}

#footer a:hover
{
text-decoration:underline;
color:red;
}

#textbox /* this is the text box with the yellow background */
{
width:200px;
margin-top:20px;
margin-left:10px;
background:#faf7da;
border:1px solid #000;
}

#textbox p
{
margin:10px;
font-family:courier;
font-size:100%
text-indent:0;
}

#textbox p.lgr
{
text-indent:0;
font-size:120%;
line-height:1em;
}

#textbox ul
{
margin:0 30px;
list-style-position:outisde;
}

#textbox li
{
font-size:8px
text-indent:0;
}

#textbox2
{
width:200px;
margin-top:20px;
margin-left:10px;
background:#faf7da;
border:1px solid #000;
}

#textbox2 p
{
margin:10px;
font-size:12px;
text-indent:0;
}

#textbox3
{
width:200px;
margin:0 0 0 350px;
margin-top:20px;
background:#faf7da;
border:1px solid #000;
}

#textbox3 p
{
margin:10px;
font-size:12px;
text-indent:0;
}

.center
{
text-align:center;
}

.right
{
float:right;
margin:5px;
}

.bold
{
font-weight:bold;
}

.clear
{clear:both;}

/* fixes clearing of the floating elements on maincol and leftcol */ 

.clearfix:after /* :after is a pseudo-element that inserts something after an element.  So, after content: which is defined as "." it will clear the columns by displaying a "block of text that has a height of 0", clears any content that is floating, and is effectively hidden from view */
{
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
 
.clearfix
{display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix
{height:1%;}

.clearfix
{display:block;}
/* End hide from IE-mac */  

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

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #fed761; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 109px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}

.suckertreemenu ul li a:visited{
display: block;
width: 109px; /*Width of top level menu link items*/
padding: 1px 8px;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 109px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 109px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #fed761 url(http://www.wichitahotels.com/graphics/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(http://www.wichitahotels.com/graphics/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* styling for curved cutout borders starts here */
.curved {
  width: 90%;
  margin:0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: transparent;
}

.curved h1, .curved h6 {
  text-align: center;
  margin-top: 0pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0pt;
}

.curved h1 {
  font-size: 1.5em;
  color: #000;
  letter-spacing: 1px;
}

.curved h6 {
  font-size: 1em;
  color: #000;
  letter-spacing: 1px;
}

.curved p {
  font-size: 12px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0pt;
}

.curved .top, .curved .bottom {
  display: block;
  font-size: 1px;
  background-color: transparent;
}

.curved .b1, .curved .b2, .curved .b3, .curved .b4 {
  display: block;
  overflow: hidden;
  height: 1px;
}

.curved .b2, .curved .b3, .curved .b4 {
  background-color: #fff;
  border-right: 1px #000 solid;
  border-left: 1px #000 solid;
}

.curved .b1 {
  margin-top: 0pt;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0pt;
  background-color: #000;
}

.curved .b2 {
  height: 2px;
  margin-top: 0pt;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0pt;
}

.curved .b3 {
  margin-top: 0pt;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 0pt;
}

.curved .b4 {
  height: 1px;
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  border-top: 0;
  border-right: 3px;
  border-bottom: 0;
  border-left: 3px;
}

.curved .boxcontent {
  display: block;
  background-color: #fff;
  border-top: 0 #000 solid;
  border-right: 1px #000 solid;
  border-bottom: 0 #000 solid;
  border-left: 1px #000 solid;
}