body { 
	margin: 0px auto; text-align: center; padding: 0;
	background: #ececec;
	font: 11px "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 1px;
}
/* div { border: 1px solid #000; } */
strong { color: #F66; }

#banner img { border: 0 solid #fff; }

#mainWrapper {
	width: 800px; height: auto; min-height: 100%;
	margin: 0px auto; text-align: left;
	background: url(i/mainBG.gif) #e6e6e6; background-repeat: repeat-y; background-position: 50% 50%;
}
#mainWrapper img { border: 0 solid #e6e6e6; }

/* -------------- MENU AREA */

#menu { display: block;}
#menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; }
#menu li {
	margin: 0; padding: 0; border: 0;
	display: block; float: left; position: relative;
}

#menu a { display: block; }

#menu li li { width: 100%; }
/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul { top: 0; left: 0; }
/* ...and then place it where it should be when shown */
#menu li li:hover ul { left: 100%; }
/* initialy hide all sub menus */
#menu li ul { display: none; position: absolute; z-index: 10; }
/* display them on hover */
#menu li:hover>ul { display: block; }
/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	display: block; height: 0; visibility: hidden; overflow: hidden; clear: both;
}

/* Fix for IE5/Mac \*//*/
#menu a { float: left; }
#menuList { display: inline-block; }
/*  */

/* ------   Make-up	-------- */

#menu { margin: 5px 70px; position: relative; left: 10px; text-align: center; height: 25px; }
#menu img { border: 0; margin: 0px 10px; }
#menu li:hover>a { color: #fff; }

#menu li ul {
	color: #F66; background: #fff;
	border:  1px solid #F66;
	width: 150px; font-size: 13px;
}
#menu li ul a { text-align: left; color: #900; padding: 3px; text-decoration: none; }
#menu li ul a:hover { color: #fff; background: #f66; }

/* -------------- MAIN CONTENT */

#mainContent { 
	margin: 0px auto; text-align: center; 
	color: #333; 
}

#mainContent a, #mainContent a:visited { color: #03c; text-decoration: none; }
#mainContent a:hover { color: #03c; text-decoration: underline; }

#mainContent h3 { text-align: left;  color: #F66; font-size: 13px; margin-left: 75px;  }
#mainContent img { padding-top: 20px; margin: 0px auto; text-align: center; }
#mainContent a p { margin: 0; padding: 0; text-indent: 0; text-align: center; font-size: 11px; }
#mainContent td { margin: 0px auto; text-align: center;  }

#mainTextWrapper {
	width: 650px; min-height: 300px; margin-left: 75px;
	margin: 0px auto; text-align: center;
}
* html #mainTextWrapper { height: 300px; }

#mainTextLeft {
	border: 1px solid #ccc;
	width: 300px; float: left; padding: 10px;
}
#mainTextLeft p {
	text-indent: 2em; text-align: justify; color: #333; margin: 0; padding: 10px 0 10px 0;
	line-height: 1.5em;
}
#mainTextLeft strong p { color: #F66!important; text-indent: 0; font-size: 13px; }

#mainTextLeft ul { list-style: none; text-align: left; color: #f66; padding: 0 0 5px 0; }
#mainTextLeft li { 
	list-style: none; text-align: left; color: #f66; 
	padding: 0 0 5px 0;  
}
#mainTextLeft img { border: 3px solid #FFFDE8; }

#mainTextRight {
	border: 1px solid #ccc;
	float: right; width: 300px; padding: 10px;
}

#mainTextRight p {
	text-indent: 2em; color: #333; text-align: justify; margin: 0; padding: 10px 0 10px 0;
	line-height: 1.5em;
}
#mainTextRight ul { list-style: none; text-align: left; color: #f66; padding: 0 0 5px 0; }
#mainTextRight li {  list-style: none; text-align: left; color: #f66;  padding: 0 0 5px 0;  }
#mainTextRight img { border: 3px solid #FFFDE8; }

#mainText {
	width: 425px; 
	margin: 0px auto; text-align:center;
	padding: 0;
}
#mainText p {
	text-indent: 2em; text-align: justify; color: #333; margin: 0; padding: 10px 0 10px 0;
	line-height: 1.5em;
}

#mainText img { border: 5px solid #FFFDE8; }