/* CSS Document */

/* Mexican Fiesta Site, CSS by Spanglish Diseņo LLC */

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
text-align:center;
background-color:#ED8946;
background-image:url(../images/template/washed_bg.jpg);
}

a:link, a:visited {
color:#7C3805;
text-decoration:none;
}

a:hover {
color:#7C3805;
text-decoration:underline;
}

li a:link, li a:visited {
color:#333333;
}

img {
display:block;
border:0px;
}

#intro {
margin-top:200px;
margin-left:auto;
margin-right:auto;
width:600px;
padding:20px;
background-image:url(../images/template/intro_bg.png);
background-repeat:no-repeat;
text-align:center;
}

#intro h1 {
margin:5px 0px 0px 0px;
font-size:18px;
font-style:italic;
color:#000000;
}

#intro h2 {
margin:5px 0px 0px 0px;
font-size:18px;
font-weight:normal;
}

#intro p {
margin:5px 0px 5px 310px;
font-size:11px;
line-height:14px;
}

#header {
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding:0px;
width:780px;
text-align:center;
}

#wrapper {
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding:0px;
width:780px;
text-align:left;
background-color:#FFFFFF;
}

/* Top Menu, thanks to Stu Nicholls (http://www.cssplay.co.uk/) */

#top_menu {
margin:0;
padding:0 5px;
width:770px;
position:relative;
z-index:100;
}

#top_menu ul {
margin:0px;
padding:0px;
list-style-type:none;
}

#top_menu ul ul {
width:150px;
}

#top_menu li{
float:left;
position:relative;
}

#top_menu a:link, #top_menu a:visited {
display:block;
padding:0px;
}

/* style the top level hover */
#top_menu a:hover {
background-color:#00FFFF; /* bg color is required for submenus in IE6 to work */
}

#top_menu ul ul{
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0;
}

#top_menu ul ul ul{
left:180px;
top:0;
width:100px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#top_menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#top_menu ul ul a:link, #top_menu ul ul a:visited {
padding:5px 10px;
width:160px;
height:auto; 
font-size:12px;
line-height:14px;
background:transparent url(../images/template/submenu_bg.png);
color:#333;
border-bottom:1px solid #CCCCCC;

}

/* style the second level hover */
#top_menu ul ul a:hover{
background:#F9C75F;
color:#000000;
text-decoration:none;
}

/* make submenu stay in rollover position when over its sub list */
#top_menu ul ul :hover > a {
background:#F9C75F;
color:#000000;
}

/* style the third level link */
#top_menu ul ul ul a:link, #top_menu ul ul ul a:visited{
background:transparent url(../images/template/submenu_brown_bg.png);
color:#333333;
text-decoration:none;
}

/* style the third level hover */
#top_menu ul ul ul a:hover{
background-image:none;
background-color:#C9C7AE;
color:#000000;
text-decoration:none;
}


/* make the second level visible when hover on first level list OR link */
#top_menu ul li:hover ul,
#top_menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#top_menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#top_menu ul :hover ul :hover ul{ 
visibility:visible;
}


#banner {
margin:0;
padding:0px 5px;
width:770px;
}

#right_column {
	float:right;
	margin:0;
	padding:0px 15px 20px 15px;
	width:240px;
	text-align:center;
	border-left:1px solid #CCC;
	background-color:#FFF;
	background-image:url(../images/template/rc_bottom.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color: #FFF;
}

#right_column h1 {
margin:5px 0px 0px 0px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#000000;
background-image:url(../images/template/right_column_h1_bg_gray.jpg);
background-repeat:no-repeat;
}

#right_column h2 {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

#right_column p {
margin:0;
padding-top:5px;
}

#main {
margin-top:5px;
padding:0px 0px 15px 20px;
width:480px;
text-align:left;
}

#main h1 {
font-size:20px;
line-height:20px;
}

#main h2 {
font-size:16px;
font-weight:normal;
margin-bottom:0px;
padding:0px;
color:#015BAB;
}

#main h3 {
font-size:14px;
font-weight:normal;
margin:0px;
padding:0px;
color:#000000;
}

#main p {
margin-top:5px;
padding-top:0px;
}

#footer {
margin-top:0;
margin-left:auto;
margin-right:auto;
width:770px;
padding:5px 5px;
font-size:11px;
line-height:14px;
text-align:left;
color:#000000;
}

.clear {
clear:both;
}

.right {
text-align:right;
}

.floatRight {
float:right;
margin-left:5px;
}

.floatLeft {
float:left;
margin-right:5px;
}

#small_box {
float:left;
margin-top:20px;
margin-bottom:10px;
padding:10px 5px 20px 5px;
width:220px;
background-color:#EDEDED;
background-image:url(../images/template/box_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#small_box h1 {
margin:0px 0px 10px 0px;
padding:0;
font-size:14px;
font-weight:normal;
color:#7C3805;
text-align:center;
background-image:url(../images/template/box_h1_bg_brown.jpg);
background-repeat:no-repeat;
}

#small_box a:link, #small_box a:visited {
color:#333333;
}

#small_box a:hover {
color:#000000;
}

#small_box ul {
margin-left:25px;
padding:0px;
}

#small_box p {
margin:0px;
padding:0px 0px 5px 0px;
}

.left_box {
margin-right:10px;
}

.sponsor_box {
margin-bottom:10px;
background-color:#EDEDED;
padding:10px 15px;
border:1px solid #CCCCCC;
}

.sponsor_box h1 {
margin:0px 0px 5px 0px;
font-size:13px;
font-weight:normal;
color:#015BAB;
}

.sponsor_box p {
margin:5px 0px 0px 100px;
}

.sponsor_box img {
display:inline;
}

.calendar_heading {
margin:5px 0px 0px 0px;
padding:15px 20px 10px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#7C3805;
text-align:center;
background-image:url(../images/template/table_h1_bg.gif);
background-repeat:no-repeat;
}

.calendar_table {
width:470px;
margin:0px;
}

.calendar_table td {
padding:5px 10px;
}

.calendar_table h4 {
margin:0px;
padding-left:20px;
font-size:12px;
font-weight:normal;
background-image:url(../images/template/bullet_orange.gif);
background-position:left;
background-repeat:no-repeat;
}

.calendar_table h5 {
margin:0px;
padding-left:20px;
font-size:12px;
font-weight:normal;
background-image:url(../images/template/bullet_green.gif);
background-position:left;
background-repeat:no-repeat;
}

.calendar_table h6 {
margin:0px;
padding-left:20px;
font-size:12px;
font-weight:normal;
background-image:url(../images/template/bullet_purple.gif);
background-position:left;
background-repeat:no-repeat;
}

.row1 {
background-color:#EDEDED;
}

.row2 {
background-color:#D9D9D9;
}

.orange_list {
list-style-image:url(../images/template/bullet_orange.gif);
margin-bottom:10px;
}

.purple_list {
list-style-image:url(../images/template/bullet_purple.gif);
margin-bottom:10px;
}

.green_list {
list-style-image:url(../images/template/bullet_green.gif);
margin-bottom:10px;
}

.arrow_list {
list-style-image:url(../images/template/arrow.gif);
margin-bottom:5px;
}

.red {
color:#DA0C00;
}

.orange {
color:#F29100;
}

.blue {
color:#015BAB;
}

.green {
color:#B1BB1C;
}

.magenta {
color:#E50278;
}

.big_text {
font-size:14px;
font-weight:normal;
color:#000000;
}

.orange_box {
margin:5px 0px;
padding:5px 10px;
background-color:#FCE8C9;
}

#message {
margin-right:10px;
padding:0px 0px 5px 0px;
background-color:#F0F0F0;
}

#message h1 {
margin:0px;
padding:10px 20px 5px 20px;
font-size:14px;
color:#FFFFFF;
text-align:center;
border-bottom:1px solid #CCC;
}

#message p {
padding:5px 10px;
text-align:center;
}

.success {
background-image:url(../images/template/message_h1_bg_green.gif);
background-repeat:no-repeat;
}

.error {
background-image:url(../images/template/message_h1_bg_red.gif);
background-repeat:no-repeat;
}

form {
margin-top:20px;
padding:20px 20px 5px 50px;
margin-right:10px;
background-image:url(../images/template/form_bg.gif);
background-color:#F1F1EB;
border:1px solid #CCCCCC;
}

.inline {
display:inline;
}

#column1_2 {
float:left;
width:220px;
margin-right:20px;
}

#column2_2 {
float:left;
width:220px;
}

#popup {
margin:0;
background-color:#FFFFFF;
padding:20px;
}

#sponsor_gallery{
text-align:center;
}

#sponsor_gallery img {
margin-bottom:5px;
}