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

/* Tags */

body { background: url(../images/main_bg2.jpg) repeat; font-family: Cambria, georgia, sans-serif; color: #897a55; font-size: 14px; line-height: 1.2em; }

a { text-decoration: none; color: #897a55; font-weight: bold; }

h1, h1 a { font-size: 24px; color: #d45352; margin: 5px auto 5px auto; line-height: 1.3em; }
h2, h2 a { font-size: 24px; color: #d45352; margin: 5px auto 5px auto; line-height: 1.3em; }
h3, h3 a { font-size: 18px; color: #d45352; margin-bottom: 5px; }
h4, h4 a { font-size: 16px; color: #6f8b98; margin-bottom: 5px; }
h5, h5 a { font-size: 14px; color: #746647; margin-bottom: 5px; }

p { margin: 5px auto 5px auto; }

/* Layout */

#topnav { background: url(../images/nav_bg.png) repeat-x; height: 60px; width: auto; }
	#navwrap { width: 960px; margin: 0 auto 0 auto; text-align: center; }
	#mainnav { margin: 0 auto 0 auto; }
		#mainnav li { float: left; display: block; color: #f1e1be; margin-right: 40px; padding-top: 20px; }
		#mainnav li a { text-decoration: none; color: #f1e1be; font-weight: normal; }
		#mainnav li a.on { color: #c8865a; }
		#mainnav li a:hover { color: #d45352; }
		#mainnav li a.on:hover { color: #d45352; }

#content { clear: both; width: 960px; margin: 50px auto 0 auto; }

#leftcol { width: 210px; float: left; margin-right: 40px; }
	#logo { background: url(../images/arroba_salsa_logo.png) no-repeat; width: 210px; height: 79px; text-indent: -9999em; }
	#cuban-flag { width: 160px; height: 100px; margin: 0 auto 0 auto; background: url(../images/arroba_salsa_cuban_flag.png) no-repeat; }

#maincol { width: 460px; margin: 0 auto 0 auto; float: left; }

#rightcol { width: 210px; margin: 0 auto 0 40px; float: left; }

#footerwrap { clear: both; height: auto; background: url(../images/footer_bg.jpg) repeat-x #291f20; padding-top: 15px; padding-bottom: 15px; color: #948788; font-size: 13px; }
	#footer { width: 960px; margin: 0 auto 0 auto; }

	#footerlinks { padding-top: 10px; margin-bottom: 20px; margin-top: 10px; border-top: 1px dashed #948788; }
		#footerlinks li { display: block; width: 230px; float: left; font-weight: bold; }
		#footerlinks li ul li { font-weight: normal; }
		#footer a { color: #948788; }


/* classes */

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
.contactheads { color: #d45352; font-weight: bold; }
a.on { color: #d45352; }

.clear { clear: both; height: 0; width: 0; margin: 0; padding: 0; }

.narrow-hr { width: 210px; margin: 10px auto 10px auto; background: url(../images/narrow_hr3.png) no-repeat; height: 15px; }
.wide-hr { width: 460px; margin: 10px auto 10px auto; background: url(../images/wide_hr.png) no-repeat; height: 15px; }

ul.listleft { margin: 0; }
	ul.listleft li { margin-bottom: 10px; }

ul.listmain { margin: 0; }
	ul.listmain li { margin-bottom: 10px; }

ul.listmain li ul { margin: 10px; list-style: circle;}

ul.listright { margin: 0; }
	ul.listright li { margin-bottom: 10px; }

#contact label { display: inline-block; float: left; height: 22px; line-height: 22px; width: 150px; color: #d45352; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #333; background: #f5f5f5; border: 1px solid #ccc; margin: -5px 0 5px 0; font:1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #999; background:#6f8b98; color:#fff; }
#contact input.submit:hover { background:#d45352; }
#contact input[type="submit"][disabled] { background: #CCC; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */