html { margin: 0px; }

body {
 background: url('http://www.keywestchamber.org/images/bg.png') repeat-x;
 text-align: center;
 font: 0.7em Verdana, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
}

#wrapper {
 margin: 0px auto;  /* to fix centering in Mozilla */
 background: url('http://www.keywestchamber.org/images/repeat.png') repeat-y; 
 text-align: left;
 width: 918px;    /* width should be the same as the background image */
 padding: 0px 0px 0px 0px;
 /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 918px;
}
 html>body #wrapper { width: 918px; }
}

#header {
 height: 197px;
 width: 570px;
}  

#footer {
 margin: 0px auto; /* to fix centering in Mozilla */
 width: 918px;  /* width should be the same as the background image */
 color: #000000;
 padding: 10px 0px 10px 0px;
 background: url('http://www.keywestchamber.org/images/footer.png');
}

#low {
 margin: 0px auto; /* to fix centering in Mozilla */
 width: 918px; /* width should be the same as the background image */
 height: 128px;   
 color: #B1B5C1;
 padding: 10px 0px 10px 0px;
 background: url('http://www.keywestchamber.org/images/low.png');
}


#menu {
 background: url('images/main_nav.png');
 border-top: solid 1px #000;
 border-bottom: solid 1px #000;
 padding: 5px;
 color: #fff;
 font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

#menu ul {
 list-style: none;  /* removes list marker */
 padding: 0px;    /* removes left indent */
 margin: 0px;
}

#menu ul li {
 display: inline;  /* sets list items to display in a row */
 padding-left: 10px;  /* puts space in between list items */
}

#menu a:visited {
 color: #fff;
 text-decoration: none;
}

#menu a:link {
 color: #fff;
 text-decoration: none;
}

#menu a:hover {
 color: #EDDF7D;
 text-decoration: none;
}

#menu a:active {
 color: #EDDF7D;
 text-decoration: none;
}

#leftcol {
 width: 338px;
 height: 370px;
 float: left; 
 background: url('http://www.keywestchamber.org/images/main_nav.png') no-repeat;
 padding-top: 90px;
}

#centercol {    /* basically a modification of "maincol" */
 width: 395px;
 float: left;
 padding: 10px;
 /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 375px;
}
 html>body #centercol  { width: 375px; }

#rightcol {
 width: 150px;
 float: left;
 padding: 10px;
 /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 130px;
}
 html>body #rightcol { width: 130px; }

#centercol2 {
	/* basically a modification of "maincol" */
 width: 200px;
	float: right;
	padding: 5px;
 /* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 375px;
}
 html>body #centercol  { width: 375px; }

#rightcol2 {
 width: 200px;
 float: right;
 padding: 10px;
 /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 130px;
}
 html>body #rightcol { width: 130px; }

#centercolfooter {    /* basically a modification of "maincol" */
 float: left;
 padding: 10px;
 /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 550px;
}
 html>body #centercol  { width: 375px; }

#rightcolfooter {
 width: 200px;
 float: right;
 padding: 20px;
 /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 130px;
}
 html>body #rightcol { width: 130px; }


#maincol {
 width: 578px;
 float: left;
}

.clear { clear: both; }

.verticalmenu ul {
 list-style: none;
 padding: 0px;
 margin: 0px;
}

.verticalmenu a:hover {
 display: block;
 font: bold 1.1em, Verdana, Arial, Helvetica, sans-serif;
 color: #9966cc;
 text-decoration: none;
 padding-top: 20px;
 margin-left: 90px;
 *margin-right: 90px;
 width: 156px;
 height: 26px;
  /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 143px;
 height: 16px;
}

.verticalmenu a:visited {
 display: block;
 font: bold 1.1em, Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration: none;
 padding-top: 20px;
 margin-left: 90px;
 *margin-right: 90px;
 width: 156px;
 height: 26px;
  /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 143px;
 height: 16px;
}

.verticalmenu a:link {
 display: block;
 font: bold 1.1em, Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration: none;
 padding-top: 20px;
 margin-left: 90px;
 *margin-right: 90px;
 width: 156px;
 height: 26px;
  /* box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 143px;
 height: 16px;
}
html > body .verticalmenu a:hover {
 width: 143px;
 height: 16px;
}


html > body .verticalmenu a:visited {
 width: 143px;
 height: 16px;
}


html > body .verticalmenu a:link {
 width: 143px;
 height: 16px;
}


.content {
	 font: 10px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.folder {
	width: 100px;
	background: url('images/foldermiddle.gif') repeat-y;
	margin-left: 5px;
	margin-bottom: 5px;
}

.foldertop { 
 background: url('images/foldertop.gif') no-repeat; 
} 

.folderbottom { 
 background: url('images/folderbottom.gif') no-repeat bottom left; 
 padding: 5px 5px 5px 5px; 
}

H1 {
	 font: bold 1.1em, Verdana, Arial, Helvetica, sans-serif;
	 color: #9966cc;
}

.small {
	font: .85em Verdana, Arial, Helvetica, sans-serif;
}

.style1 {
	text-align: right;
}

.footer {
	 font: .85em Verdana, Arial, Helvetica, sans-serif;
	 text-align: left;
	 }