/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Flamenco Ole Default Stylesheet for All Browsers 
Author : David Eckert

Created : December 18, 2009
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----------  CSS MAIN ELEMENTS ----------  */

body{
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	background: #ababab url(images/header_tile.jpg) repeat-x;
	background-color:#FFF; 
}
img {
	border: none;
}
#zumbalogo {
	position: absolute;
	top: 30px;
	left: 510px;
	width: 283px;
	height: 31px;
	background: url(images/zumba_cert_logo.gif) no-repeat;
}
a {
	font-size: inherit;
	font-weight: bold;
	color: #4387fd;
	text-decoration: underline;
}  
a:hover {
	font-size: inherit;
	font-weight: bold;
	color: #555556;
	text-decoration: none;
}
/* --- The link style below removes the white dotted border around linked images in Firefox ---*/
a, input {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}
#containerMain {
	width: 1038px;
	margin: 2px 0 0 0;
	padding: 0;
	background: url(images/container_tile.gif) repeat-y;
}
* html #containerMain {
	margin: 0; /* for IE5.x/win */
	marg\in: 0; /* for other IE versions */
}
#containercontent {
	width: 1400px;
	margin: 0;
	background: url(swapimage.php) no-repeat;
}
#contentinner {
	width: 880px;
	margin: 0;
	padding: 0;
}
#contentregular {
	width: 740px;
	margin: 0;
	padding: 20px 1px 30px 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #555556;
	line-height: 1.4em;	
}
#contentregular p {
	margin: 0 0 16px 0;
	font-size: inherit;
	font-style: inherit;
}
#topnav {
	width: 585px;
	height: 80px;
	margin: 0 0 0 75px;
	background: url(images/topnav_bgrnd.png) no-repeat;
	background-position: bottom;
	vertical-align: bottom;
}
* html #topnav {
	background: url(images/topnav_bgrnd.gif) no-repeat; /* for IE5.x/win */
	background-position: bottom;
	backg\round: url(images/topnav_bgrnd.png) no-repeat; /* for other IE versions */
	backg\round-position: bottom;
}
#menu {
	position: absolute;
	margin: 36px 0 15px 65px;
	width: 565px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	font-stretch: expanded;
	/*color: #fff679;*/
	color: #757406;
	letter-spacing: .2em;
}
#menu a {
	margin-right: 25px;
	/*color: #fff679;*/
	color: #757406;
	text-decoration: none;
}
#menu a:hover {
	color: #898900;
	text-decoration: none;
}
#flashcontent {
	width: 585px;
	height: 258px;
}
h1 {
	margin: 20px 0 10px 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #9a2244;	
}
h2 {
	margin: 20px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	color: #9a2244;	
}
h3 {
	margin: 15px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #555556;	
}
h4 {
	margin: 135px 0 10px 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #555556;	
}
#leftcallout1 {
	margin: 0;
	padding: 55px 20px 20px 75px;
	width: 295px;
	background: url(images/left_callout_top.gif) no-repeat;
	background-color: #ab8922; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #fff;	
}
* html #leftcallout1 {
	width: 390px; /* for IE5.x/win */
	widt\h: 390px; /* for other IE versions */
}
#leftcallout1 a {
	font-size: inherit;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}  
#leftcallout1 a:hover {
	font-size: inherit;
	font-weight: bold;
	color: #d4b453;
	text-decoration: none;
}
#leftcallout2 {
	margin: 2px 0 0 0;
	padding: 20px 20px 20px 75px;
	width: 295px;
	background: url(images/left_callout_bottom.gif) no-repeat;
	background-color: #a8c7da;
	background-position: bottom; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #555556;	
}
* html #leftcallout2 {
	width: 390px; /* for IE5.x/win */
	widt\h: 390px; /* for other IE versions */
}
#leftcontent {
	margin: 0;
	padding: 30px 20px 20px 75px;
	width: 295px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #555556;	
}
* html #leftcontent {
	width: 390px; /* for IE5.x/win */
	widt\h: 390px; /* for other IE versions */
}
.homeintro {
	float: right;
	position: relative;
	margin: 26px 150px 0 30px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #555556;
	line-height: 1.4em;		
}
* html .homeintro {
	margin: 26px 80px 0 30px; /* for IE5.x/win */
	marg\in: 26px 150px 0 30px /* for other IE versions */
}
#footer {
	width: 880px;
	height: 140px;
	margin: 25px 0;
	text-align: center;
	background: url(images/footer_graphic.gif) no-repeat;
	background-position: bottom center; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #555556;	
}
/* All below this point are for existing site
a {
	font-size: 15px;
	color: #333;
	text-decoration: underline;
}
a:hover {
	font-size: 15px;
	color: #555;
	text-decoration: none;
}
#wrapper {
	position: relative;
	width: 800px;
	margin: 0;
	padding: 0;
}
#branding {
	width: 1010px;
	margin: 0;
}
#logoTop {
	position: absolute;
	left: 250;
	top: 0;
}
#content {
	width: 470px;
	float: right;
	margin: 10px 30px 30px 0;
	padding-left: 15px;
	border-left: 1px solid #c4c3c3;
}
#mainNav {
	width: 270px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 10px 0 0 20px;
}
#mainClass {
	width: 720px;
	position: absolute;
	left:30px;
	top: 0;
	margin: 0 0 0 20px;
}
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	background-color: #ddd;
}
#footer {
	width: 580px;
	clear: both;
	padding-top: 15px;
	font-size: 11px;
	text-align: right;
}
.table-txt{
	width: 420px;
	table-layout: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555;
}
.table-bold {
	table-layout: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #555;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 30px 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #555;	
}
h5 {
	margin: 0 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #555;	
}

/* ----- TABLE ----- */
#display-events {
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 1.5em;
	margin: 0;
	text-align: left;
	vertical-align:top;
}
#display-events td {
	padding: 10px 2px;
	color: #444;
	text-align: left;
	vertical-align: top;
}
#display-events a {
	font-size: inherit;
	font-weight: bold;
	color: #43554f;
	text-decoration: none;
}  
#display-events a:hover {
	font-size: inherit;
	font-weight: bold;
	color: #85a493;
	text-decoration: none;
}
#display-events p {
	margin-bottom: 2px;
}
#display-events img {
	border: 1px solid #a4b0a9;
	margin-bottom: 8px;
}

/*---Use this with Thank you message from Contact Form--*/
#lnavcontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul a{
	display: block;
	margin: 0;
	width: 207px;
	height: 64px;
	color: 000;
	text-decoration: none;
	background: url(images/left_default.jpg) no-repeat;
	text-indent: 80px;
}